{"version":3,"file":"sparnatural.css","mappings":"AAAA;IACI,aAAa;AACjB;;AAEA;IACI,kBAAkB;IAClB,sBAAsB;AAC1B;;AAEA;IACI,qBAAqB;IACrB,kBAAkB;AACtB;;AAEA;IACI,cAAc;AAClB;;AAEA;IACI,kBAAkB;IAClB,OAAO;IACP,UAAU;IACV,eAAe;IACf,sBAAsB;IACtB,gBAAgB;IAChB,UAAU;IACV,SAAS;IACT,gBAAgB;AACpB;;AAEA;IACI,aAAa;AACjB;;AChCA;EACE,6CAA6C;EAC7C,sBAAsB;EACtB,kBAAkB;EAClB,yBAAyB;EACzB,8BAA8B;EAC9B,sBAAsB;EACtB,WAAW;EACX,eAAe;EACf,qBAAqB;EACrB,eAAe;EACf,oBAAoB;EACpB,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,iBAAiB;EACjB,aAAa;EACb,kBAAkB;EAClB,mBAAmB;EACnB,kBAAkB;EAClB,2BAA2B;EAC3B,wCAAwC;EACxC,mCAAmC;EACnC,gCAAgC;EAChC,yBAAyB;EACzB,sBAAsB;EACtB,qBAAqB;EACrB,iBAAiB;EACjB,mBAAmB;EACnB,WAAW,EAAE;EACb;IACE,qBAAqB,EAAE;EACzB;IACE,kBAAkB,EAAE;EACtB;IACE,6BAA6B;IAC7B,4BAA4B;IAC5B,WAAW;IACX,cAAc;IACd,WAAW;IACX,gBAAgB;IAChB,oBAAoB;IACpB,kBAAkB;IAClB,WAAW;IACX,QAAQ;IACR,iCAAiC;IACjC,6BAA6B;IAC7B,yBAAyB;IACzB,gCAAgC;IAChC,4BAA4B;IAC5B,wBAAwB;IACxB,yCAAyC;IACzC,oCAAoC;IACpC,iCAAiC;IACjC,UAAU,EAAE;EACd;IACE,kCAAkC;IAClC,8BAA8B;IAC9B,0BAA0B,EAAE;EAC9B;IACE,UAAU;IACV,oBAAoB;IACpB,yCAAyC;IACzC,qCAAqC;IACrC,iCAAiC,EAAE;EACrC;IACE,qBAAqB;IACrB,WAAW;IACX,oBAAoB,EAAE;IACtB;MACE,qBAAqB,EAAE;EAC3B;IACE,WAAW,EAAE;IACb;MACE,kBAAkB;MAClB,mBAAmB,EAAE;EACzB;IACE,YAAY,EAAE;IACd;MACE,UAAU;MACV,QAAQ,EAAE;EACd;IACE,eAAe;IACf,YAAY;IACZ,iBAAiB,EAAE;IACnB;MACE,WAAW;MACX,UAAU,EAAE;IACd;MACE,iBAAiB;MACjB,gBAAgB,EAAE;EACtB;IACE,sBAAsB;IACtB,kBAAkB;IAClB,oDAAoD;IACpD,4CAA4C;IAC5C,8BAA8B;IAC9B,sBAAsB;IACtB,eAAe;IACf,UAAU;IACV,gBAAgB;IAChB,UAAU;IACV,oBAAoB;IACpB,kBAAkB;IAClB,SAAS;IACT,OAAO;IACP,+BAA+B;IAC/B,2BAA2B;IAC3B,uBAAuB;IACvB,gDAAgD;IAChD,4CAA4C;IAC5C,wCAAwC;IACxC,kFAAkF;IAClF,6EAA6E;IAC7E,0EAA0E;IAC1E,aAAa,EAAE;IACf;MACE,wCAAwC,EAAE;EAC9C;IACE,eAAe;IACf,gBAAgB;IAChB,iBAAiB;IACjB,gBAAgB;IAChB,gBAAgB;IAChB,aAAa;IACb,kBAAkB;IAClB,mBAAmB;IACnB,gBAAgB;IAChB,4BAA4B;IAC5B,uBAAuB;IACvB,oBAAoB,EAAE;IACtB;MACE,yBAAyB,EAAE;IAC7B;MACE,iBAAiB,EAAE;IACrB;MACE,6BAA6B;MAC7B,WAAW;MACX,eAAe,EAAE;;AAEvB;EACE,aAAa,EAAE;;AAEjB;EACE,cAAc,EAAE;;AChJlB;;;;;;;;EAQE,CAAC,sBAAsB,qBAAqB,CAAC,aAAa,CAAC,cAAc,CAAC,MAAM,CAAC,gBAAgB,CAAC,cAAc,CAAC,uCAAuC,CAAC,KAAK,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,0BAA0B,CAAC,wBAAwB,CAAC,qBAAqB,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,WAAW,CAAC,UAAU,CAAC,yDAAyD,4BAA4B,CAAC,WAAW,CAAC,aAAa,CAAC,QAAQ,CAAC,iBAAiB,CAAC,OAAO,CAAC,qBAAqB,qBAAqB,CAAC,iCAAiC,CAAC,yBAAyB,CAAC,8BAA8B,CAAC,sBAAsB,CAAC,iBAAiB,CAAC,SAAS,CAAC,mBAAmB,eAAe,CAAC,2CAA2C,qBAAqB,CAAC,gHAAgH,YAAY,CAAC,SAAS,CAAC,QAAQ,CAAC,yDAAyD,wBAAwB,CAAC,uDAAuD,wBAAwB,CAAC,QAAQ,CAAC,iDAAiD,wBAAwB,CAAC,4HAA4H,eAAe,CAAC,WAAW,CAAC,SAAS,CAAC,+DAA+D,qBAAqB,CAAC,6DAA6D,qBAAqB,CAAC,WAAW,CAAC,wHAAwH,SAAS,CAAC,UAAU,CAAC,qBAAqB,QAAQ,CAAC,SAAS,CAAC,UAAU,CAAC,uDAAuD,WAAW,CAAC,aAAa,CAAC,2BAA2B,UAAU,CAAC,wBAAwB,qBAAqB,CAAC,cAAc,CAAC,UAAU,CAAC,WAAW,CAAC,eAAe,CAAC,QAAQ,CAAC,SAAS,CAAC,iBAAiB,CAAC,UAAU,CAAC,8BAA8B,wBAAwB,CAAC,kEAAkE,UAAU,CAAC,oCAAoC,wBAAwB,CAAC,0CAA0C,wBAAwB,CAAC,oEAAoE,UAAU,CAAC,wEAAwE,qBAAqB,CAAC,UAAU,CAAC,cAAc,CAAC,gGAAgG,wBAAwB,CAAC,sUAAsU,cAAc,CAAC,wJAAwJ,WAAW,CAAC,mFAAmF,aAAa,CAAC,kBAAkB,CAAC,YAAY,CAAC,sFAAsF,qBAAqB,CAAC,cAAc,CAAC,iBAAiB,YAAY,C;;ACP5vG;;;GAGG;AACH;;;;;AAKA;;GAEG;AACH,oCAAoC;;CAEnC;;IAEG;AACJ,2CAA2C;;CAE1C;;IAEG;AACJ,2CAA2C;;CAE1C;;IAEG;AACJ,0CAA0C;;CAEzC;;IAEG;AACJ,yCAAyC;;CAExC;;IAEG;AACJ,4CAA4C;;CAE3C;;IAEG;AACJ,0CAA0C;;CAEzC;;IAEG;AACJ,uCAAuC;;AAEvC;;IAEI;AACJ,yCAAyC;;CAExC;;IAEG;AACJ,sCAAsC;;CAErC;;IAEG;AACJ,yCAAyC;;CAExC;;IAEG;AACJ,2BAA2B;;AAE3B;;;GAGG;AACH,aAAa;AACb,gBAAgB;AAChB,eAAe;;AAEf,C;AC5EA,eACI,YACA,uCACA,kBACA,cACA,WACA,iBACI,kBACA,aACA,SACA,kBACA,WACA,aACA,kBACA,kBACA,4CACA,mCACA,eACA,UACA,qBACI,cACA,eACA,YACA,0BACI,UACA,WACA,YAGR,gCACI,aACA,eACA,YAGJ,+BACI,qCACA,eAEI,wCACI,8BAGR,8CACI,YACA,2DACI,aAEJ,6DACI,cACA,kEACI,sCCnDxB,iBAyBI,cACH,eAzBG,gCACF,kBACA,SACA,eACA,cACA,4CACC,kBACA,QACA,QACA,WACA,YACA,eCTgB,CDUhB,kBCVgB,CDWhB,sBACA,kBACA,gBACA,mCACA,8CACC,cACA,WACA,eEpBJ,oBAQI,mBACA,mBACA,6BACA,sCACA,mBACA,8CAXA,8BACI,aACA,mBACA,iBAUJ,kCAEI,SACA,gBAIA,4CACI,YAIA,yDACI,iBACA,+BAKZ,6CACI,uCACA,YACA,kBAEA,+CACI,kBACA,SACA,cACA,YACA,WACA,cACA,gBACA,kBACA,mBACA,uCACA,cACA,aACA,+BACA,eAEA,2DACI,eACA,eAKZ,sDAEI,aACA,mBACA,eACA,wBACA,cACA,sBACA,gBACA,cAGA,wGACI,cAIR,2BACI,0BACA,sCACA,gBACA,mBAEA,yCACI,aACA,qBAEA,qDACI,gBAIR,iEACI,mBACA,YACA,cACA,WAGJ,6CACI,kBACA,wBACA,sBACA,eACA,gCACA,kBACA,gBACA,mBACA,kBACA,gBAEA,8DACI,qBACA,cACA,YACA,oBAGA,YAEA,kEACI,WACA,YAEA,uEACI,gCACA,qBAKZ,sDACI,eAEJ,mDACI,iBACA,YACA,cACA,gBACA,WACA,kBAGJ,2DACI,sBAGJ,qJAEI,kBACA,kBACA,mBACA,iBACA,cACA,aAGR,iDACI,iBAMA,sEACI,qBACA,oBACA,YACA,oBACA,+CACA,eAEA,0EACI,WACA,YAEA,+EACI,iCACA,eAMhB,wCACI,sBACA,kBACA,QACA,SACA,WACA,aACA,kBACA,sBACA,2CACI,qBACA,SACA,UACA,8CACI,gBACA,kDACA,0DACI,0BAEJ,6HAEI,sCAEJ,2GAEI,eACA,WACA,2CACA,gBACA,+CACA,kDACA,oCACA,4BACA,mIACI,0BAGR,uDACI,2CACA,+BAEA,6DACI,+CACA,kDAEJ,gEACI,WACA,2CACA,gBACA,+CACA,kDACA,oCACA,4BAQJ,2EACI,sBACA,gCACA,kDAEA,qKAEI,WACA,2CACA,gBACA,+CACA,kDACA,oCACA,4BASR,6EACI,sBACA,gCACA,kDAEA,yKAEI,WACA,2CACA,gBACA,+CACA,kDACA,oCACA,4BAQZ,uDACI,aACA,wIAEI,kBAMhB,2DACI,0BACA,gEACI,gBACA,kBAEJ,iEACI,eACA,WACA,mBACA,2CACA,gBACA,mBACA,+CACA,6BAKA,qFACI,aAEJ,qFACI,cAMJ,qFACI,cAEJ,qFACI,aAKhB,2CACI,kBACA,2CACA,WACA,kBACA,SACA,MACA,gCACA,gBACA,eACA,iBACA,mBACA,gBAIR,2BACI,gBACA,0BACA,8BACA,gCACA,iBACA,wCACA,2CACA,sCACA,mCA+CA,gCA7CA,kDACI,mBACA,eACA,gBAEA,yDACI,eAGJ,oDACI,eAEA,wDACI,WACA,YAIR,6DACI,eAGI,sEACI,+BAOhB,mDACI,aACA,iBACA,wBACA,eACA,mBAEA,qDAEI,gBACA,mBACA,kBAMR,6BACI,qBACA,YACA,gCAIR,4BACI,kBACA,qBACA,WACA,YACA,gBAGJ,kCACI,UACA,QACA,SAGJ,4BACI,kBACA,eACA,MACA,OACA,QACA,SACA,sBACA,uBACA,eAGJ,mCACI,kBACA,WACA,YACA,WACA,SACA,WACA,sBACA,uBACA,eAGJ,0CACI,6CAGJ,wCACI,wBAGJ,iDACI,mCACA,+BACA,2BACA,2CAGJ,kCACI,mBACA,sBAGJ,yCACI,kBACA,sBC/dR,mBACI,UACA,UFJc,CEKd,cAiBI,mEACI,aAMJ,6DACI,4CAKI,yFACI,iDAGJ,yEACI,4CAKJ,2EACI,iDAGJ,gFACI,4CCjDpB,wDACI,+BAGJ,UACI,SACA,gBACA,mBACA,cACA,WAIA,oBACI,gBHRa,CIHrB,eACC,sBACA,aACA,kBACA,kBACA,gBACA,eJLkB,CIMlB,kBJLyB,CIMzB,sBACA,WACA,wCACA,2CACA,sCACA,mCACA,0FAGA,yBACC,aACA,mBACA,iBAGD,uCACC,YAEA,4CACC,mBACA,qBACA,mBAIF,wCACC,YAEA,6CACC,mBACA,iCACA,iBAGD,6CACC,UAIF,+BACC,4CAGD,gCACC,uBAGD,8BACC,4CAID,6BAEC,cACA,kBACA,SACA,WACA,WACA,uBACA,YACA,kBACA,eACA,qCACA,iBACA,eACA,sBACA,mBACA,UAGD,+BACO,YACA,yBACA,2BACA,iBACA,mBACA,eACA,qBACA,wBACA,0BACA,6BAEN,4CACC,qBACA,YACA,iBACA,sBACA,mBACA,WACA,4CACA,eACA,kEAEC,gBACA,gBACA,uBAED,iDACC,qBACA,sBACA,eAGD,uDACC,gBACA,gBACA,uBAED,qDACC,sBACA,UACA,YACA,gCACA,4DACC,eAQF,mDACC,gBAIQ,kEACI,gBAIJ,yEACI,gBAIJ,wFACI,gBAIZ,iDACI,gCACA,2BACA,gBAIP,sDACC,oBACA,2CACA,kBACA,+DACC,WACA,2CAIF,uEACC,2BACA,8BAGD,uEACC,8CAED,6DACC,2BAQD,mCACC,kBJzLiB,CKHnB,cACI,aACA,mBACA,iBACA,sBAEA,kBC8EH,sCACC,YACA,2CACC,gCDhFmC,CCiFnC,WDjFgE,CAE/D,uBACI,aC0EP,+CACC,YACA,oDACC,6BD5EuC,CC6EvC,WD7EiE,CAGhE,8BACI,wBCqEP,sDACC,YACA,2DACC,8BDvEuC,CCwEvC,WDxEkE,CAEjE,iDACI,mBACA,iBAGI,kBACA,aACA,OAEA,gBACA,iBACA,WACA,gBACA,gBACA,eACA,mBACA,eCkDX,iGACC,YACA,2GACC,iCDlEuC,CCmEvC,WDnEqE,CCwEvE,mGACC,YACA,6GACC,iCD1EwC,CC2ExC,WD3EsE,CC6EvE,6GACC,mBDjES,2DACI,iBACA,wCACA,0BACA,6BAEJ,6DACI,aC0Cf,8NACC,YACA,kPACC,qCDzC+C,CC0C/C,WD1CiF,CC+CnF,kOACC,YACA,sPACC,qCDjDoC,CCkDpC,WDlDsE,CCoDvE,sPACC,mBDpDa,kJACI,4CEjDpB,qBAEI,kBACA,kCACI,iBAEJ,8BACI,kBAEJ,kEACI,iBACA,eACA,YACA,kBACA,mBACA,qBACA,gCACA,sBCnBR,sBACI,kBACA,aAEA,sCACI,kBACA,mBAIJ,mCACI,YACA,4CACI,WAEJ,mDACI,WCbZ,gCAEI,kBACA,iBAMI,4FACI,iBAMZ,eACI,kBACA,eACA,aACA,WAEA,+BACI,kBACA,UACA,SACA,gBTzBkB,CS0BlB,YACA,WT7BY,CS8BZ,YACA,WACA,eACA,aACA,2CACI,kBACA,QACA,OACA,WACA,+CACA,qBAEA,2DACI,kBACA,WACA,UACA,aACA,gDACA,YAIR,yCACI,kBACA,SACA,UACA,gCACA,2CACA,mBACA,WACA,YACA,kBACA,iBACA,eACA,gBACA,kBAGR,4BACI,YACA,qCACI,WCvEZ,aACI,aACA,2BACI,kBACA,UACA,WJ+EP,+CACC,YACA,oDACC,8BI9EuC,CJ+EvC,WI/EkE,CJoFpE,gDACC,YACA,qDACC,8BItFkC,CJuFlC,WIvF6D,CJyF9D,qDACC,mBIzFK,oCACI,oBACA,WACA,2CACA,kBJ8EX,iEACC,YACA,sEACC,8BI9E4C,CJ+E5C,uCI/EuE,CJiFxE,sEACC,mBAhBF,gEACC,YACA,qEACC,8BIpE2C,CJqE3C,uCIrEsE,CAC7D,qDACI,8CCnBhB,uDACI,oBACA,WACA,2CACA,kBAGJ,wEACI,2BACA,8BAGJ,wEACI,8CAEJ,8DACI,2BAIA,sCACI,UAIJ,+BACI,UAIR,gBACI,kBACA,MACA,UACA,cACA,mBACA,sBAEA,0CACI,cAEJ,gCACI,YACA,yBACA,2BACA,kBACA,mBACA,eACA,qBACA,wBACA,0BACA,6BAEJ,yCACI,gCACA,2BACA,gBAGJ,6BACI,qBACA,YACA,iBACA,sBACA,gBACA,gBACA,mBACA,uBACA,WACA,4CACA,eACA,kCACI,qBACA,sBACA,eAEJ,sCACI,sBACA,UACA,YACA,6CACI,eAMR,4CACI,YACA,+CACI,YAKR,mDACI,YACA,sDACI,YACA,kEACI,aAIJ,gGACI,YACA,4JACI,gBAEJ,+HACI,gBAOhB,0DACI,YACA,6DACI,YAKZ,qCACI,aACA,kBACA,kBACA,YACA,aACA,SACA,UACA,2BACA,wBACA,mBACA,kBACA,mDAEA,8DACI,aACA,YACA,mBACA,WACA,sBACA,gCACA,cACA,gCACA,wBACA,mBAII,oGACI,cACA,WACA,YACA,kBACA,iBACA,+BACA,cACA,eACA,yGACI,mBACA,sBACA,kBAMZ,kFACI,cACA,YACA,oBACA,YACA,YACA,qGAEI,WACA,yGACI,qBACA,sBACA,eACA,gBACA,oBACA,gBACA,WAIA,uIACI,aAGR,qIACI,aAEA,gJACI,qBAGR,+HACI,sBACA,8IACI,qBACA,sBACA,kBACA,uBACA,gBACA,gCACA,wBACA,mBACA,gBACA,sJACI,cAEJ,yJACI,aAOhB,4GACI,cACA,kBACA,eACA,gBACA,oBACA,gBACA,UACA,iHACI,qBACA,kBACA,MACA,WACA,gBACA,kBACA,uBAEA,yBACA,wBACA,oBAEA,+HACI,OAGJ,2HACI,YAEJ,iIACI,OAEJ,4HACI,WAQhB,2EACI,kBAEJ,qDACI,MACA,wBAMZ,mBACI,kBACA,SACA,OACA,YACA,UACA,SACA,kBACA,gBACA,gBACA,gBACA,kBACA,qBACA,mBACA,mBAEA,iBACA,oCACA,2BACA,uBACA,aAEA,wBACI,MAEJ,+BACI,cAEJ,yCACI,mBAEJ,sBACI,eACA,gCACA,YACA,aACA,gBACA,kBACA,WAEA,kCACI,kBACA,cACA,OACA,MACA,wBACA,YACA,WACA,uCACI,cACA,YACA,4CAGR,yCACI,kBACA,aACA,QACA,MACA,YACA,eACA,gBACA,oBACA,iBACA,oBACA,WACA,iBACA,UAGJ,oCACI,qBACA,kBACA,WACA,gBACA,YACA,eACA,gBACA,oBACA,gBACA,uBACA,mBACA,gBACA,gDACI,WACA,eACA,qBACA,kBACA,kBAGJ,gDACI,mBAGR,kDACI,oCAGJ,yCACI,aACA,WACA,kBACA,gBACA,8BACA,YAGA,gDACI,YAMJ,qDACI,WAEJ,qDACI,qBACA,kBAGR,0BACI,YACA,oCACI,aAUJ,oKACI,aACA,4MACI,eAGR,4KACI,WACA,kBACA,WACA,YACA,MACA,OACA,4CACA,WAGR,qCACI,4CAGA,6CACI,6CAEJ,+CACI,cAOJ,yEACI,WAGA,qFACI,WAQR,yDACI,WAGA,qEACI,WAchB,8FACI,UACA,WACH,+BAGD,0GAEI,kBACA,+BAGJ,0GACI,kBAEA,+BAEJ,wDACI,gBAKJ,kDACC,yBAGD,wDAEI,yBAGJ,wDAEI,2CAKZ,4BACI,wCAEI,4CAEJ,+BACI,mDC3gBR,cACI,kBACA,cACA,SACA,WACA,YACA,UAEA,6CAEA,kBACI,kBAEJ,yBACI,aACA,UACA,UACA,SACA,iBAEA,kBACA,2CACI,kBACA,UACA,UACA,gDACA,iBACA,YACA,kDACI,WACA,cACA,kBACA,UACA,UACA,UACA,WACA,yCACA,4CACA,uCACA,oCACA,0FAGR,2BACI,eACA,cACA,gBACA,2CACA,mBACA,YACA,iBACA,iBACA,6BACA,iCACI,gCCvDhB,aACI,iBACA,kBACA,aACA,gBACA,oCACA,iBACI,iBACA,kBAEJ,eACI,kBACA,UACA,eACA,aACA,mBACA,uBACA,gBACA,2CACA,mBACA,YACA,0BACA,0CACA,iBACA,iBACA,mBACI,YC3BZ,cACE,eAEA,SACA,WACA,mBACA,kBACE,oCACA,WACA,sBACA,mBCVJ,eACI,YACA,WACA,mBACA,kBACA,eACA,mBACI,iCACA,iBAIA,iCACA,mBACA,kBACA,UACA,UAPA,wBACI,yBAQR,8BAKI,oBAJA,kCACI,UACA,WCrBZ,YACI,UACA,eACA,qBACA,sBCHA,wCACI,WACA,kBACA,QACA,WACA,YACA,gBACA,UACA,eAEA,iDACI,WACA,eAEJ,4CACI,WACA,YACA,mBAMR,sCACI,WACA,kBACA,QACA,WACA,YACA,gBACA,UACA,eAEA,+CACI,WACA,eAEJ,0CACI,WACA,YACA,mBCzCZ,YACI,2CACA,mBACA,gBACA,eACA,iBACA,gBACA,kBACI,gCACA,eCTR,aACI,gBCGJ,mBAGI,aACA,WACA,eACA,eACA,sBACA,gBACA,YACA,mBACA,kBACA,UdsEH,2CACC,YACA,gDACC,gCcpFmC,CdqFnC,WcrFgE,Cd0FlE,4CACC,YACA,iDACC,gCc5FoC,Cd6FpC,Wc7FiE,Cd+FlE,iDACC,mBcrFC,qBACI,eACA,uCACA,kBACA,sBACA,cACA,eACA,UACA,iBACA,kBAMA,aALA,0BACI,iBACA,gCAMR,uCACI,iBACA,iBCpCJ,cACI,qBAGJ,aACI,oCACA,WACA,sBACA,mBCTR,qBACI,WACA,mBACA,kBACA,aACA,mCACI,UAIP,8BAEC,cACA,kBACA,UACA,WACA,WACA,uBACA,YACA,kBACA,eACA,qCACA,iBACA,eACA,sBACA,mBACA,UCpBF,qBAGI,kBACA,aAEA,WACA,eAEA,UAKA,gBACA,YACA,mBjBgEH,6CACC,YACA,kDACC,gCiBlFmC,CjBmFnC,WiBnFgE,CjBwFlE,8CACC,YACA,mDACC,gCiB1FoC,CjB2FpC,WiB3FiE,CjB6FlE,mDACC,mBiBtFC,yCACI,iBACA,iBAKJ,uBACI,iBACA,YACA,uCACA,4BACA,SACA,oBACA,qBACA,gBAEA,sBACA,cACA,eAEA,kBACA,4BACI,iBACA,qBACA,wBACA,gBACA,uBACA,mBACA,gCACA,WC3CR,4BACI,gDAEA,mCACI,aAIZ,eACI,kBAEA,YACA,mBACA,kBACA,kBACA,iBAEA,uBACA,mBACA,cACA,WACA,cAEA,sBACI,WACA,cACA,kBACA,MACA,UACA,UACA,YACA,qCAGJ,qBACI,WACA,cACA,kBACA,UACA,UACA,UACA,WACA,yCACA,4CACA,uCACA,oCACA,0FAWJ,0BACI,0BAEJ,8BACI,0BACA,eAEJ,mBACI,gCACA,gBAEJ,qCACI,eAEJ,oCAEI,kBACA,UACA,MC3ER,gBACC,mBACA,gBACA,gCACA,8EACA,gCACA,0CACA,iBAGD,+BACC,gBACC,gDACA,gCAGD,8CAEC,UACA,mBACA,cACA,iCAKD,uBACC,WACA,kBACA,YACA,SACA,iBACA,aACA,gBACA,eACA,eACA,gBACA,gCACA,wBAGD,mBACC,kBACA,kBACA,eAGD,yBAEC,sCACA,WAGD,uCAEC,sCACA,WAGA,kBAEC,uCAGD,2BAEC,qCAGD,yCACC,mBACA,cCvEH,aACI,mBAEA,gBACI,2BCPR,aACI,WACA,gBCFJ,YACI,aAEA,yBACI,UACA,aACA,YAGJ,mDACI,qlBAOA,iCACI,qBACA,iBChBZ,aACI,YACA,6BACI,kBACA,UACA,QACA,6BACA,sBACA,kBACA,gBACA,mCACA,YACA,cACA,UACA,eACA,iCACI,YAGR,wBACI,aACA,kBACA,QACA,iBACA,SACA,sBACA,kBACA,gBACA,mCACA,UAEA,mCACI,kBACA,QACA,UACA,WACA,YACA,mBACA,iBACA,eACA,qCACI,kBACA,qCACA,2BACA,eAIR,oCACI,YACA,aACA,iBAEJ,qCACI,cACA,iBACA,gBACA,sBAEA,qEACI,WAEJ,8EACI,WAGR,qCACI,0BACA,iBACA,iBACA,uCACI,kBACA,WACA,qBACA,iBACA,iBACA,cACA,eAEJ,kDACI,mBAEJ,kDACI,mBCjFZ,oIAEI,qBAEJ,qEAII,YACA,kBACA,kBACA,mBACA,iBACA,0CACA,WACA,WACA,iBAEJ,iFACI,YAEJ,oFACI,WAKJ,gCACI,uBAMQ,mEACI,kBACA,YACA,oBAEA,wEACI,cACA,kBACA,MACA,QACA,YACA,WACA,iBACA,gBACA,iBACA,eAEA,8EACI,WAOxB,mBACI,kBACA,kBACA,mBACA,iBACA,0CACA,WACA,WACA,iBAMJ,qBACI,YACA,kBACA,kBACA,mBACA,iBACA,0CACA,WACA,WACA,iBAMJ,oBACI,qBAEA,0BACI,YACA,kBACA,kBACA,mBACA,iBACA,0CACA,WACA,WACA,iBAGR,mBACI,qBAIR,2BAEI,gBACA,mBACA,0EAEI,qBAGJ,uCACI,WACA,W9BzHkB,C8B0HlB,kBACA,kBACA,mBACA,iBACA,0CACA,WACA,WACA,iBAEJ,6EACI,WAKJ,oBACI,YC7IR,gBACI,kBACA,UACA,SACA,UACA,iBAEA,0BACA,cACA,gBACA,kBACA,eAIA,qBACI,cAEJ,sBACI,aACA,WACA,YACA,0BACI,mBACA,+BACI,+BAGR,2BACI,qBC5BZ,iBACI,kBACA,2CACA,WACA,UACA,sBACI,yBACA,cACA,gBACA,kBAEA,UACA,UACA,2CACA,mBACA,YACA,iBACA,iBACA,kBAEJ,iCACI,WACA,kBAEA,+JACA,cACA,sCACI,4CAGR,kCAEI,qHACN,uCACC,uBACA,mBAGC,gCACI,WACA,kBAEA,+JACA,cACA,qCACI,4CC5CR,qGACI,WACA,kBACA,2CACA,cACA,UAEJ,+BACI,UACA,oCACI,kBACA,UACA,gBACA,2CACA,mBACA,YACA,iBACA,iBACA,kBAIJ,qJACI,WACA,kBAEA,+JACA,cAEJ,wCACI,4CAKJ,wJAEF,qHAEJ,yCACC,uBACA,mBAKK,kJACI,WACA,kBAEA,+JACA,cAEJ,uCACI,4CCrDZ,4BACI,aAEJ,sBACI,qBACA,YACA,iBACA,sBACA,2BACI,qBACA,sBACA,eAEJ,kCACI,WACA,WACA,kBACA,gBAGJ,oCACI,aAIR,aACI,YACA,yBACA,2BACA,kBACA,mBACA,eACA,qBACA,wBACA,0BACA,6BACA,4EACI,kBAEJ,wBACI,gCACA,4BACI,YACA,sCACI,aAGR,6FAGI,2CACA,WACA,yGACI,aACA,uIACI,eAKhB,qBACI,gBACA,MACA,aACA,iBACA,gBAEJ,+CACI,WACA,mDACI,eAEA,6DACI,aAKR,0BACI,YACA,oCACI,aAIZ,mBACI,aAGR,sBACI,gCACA,2BACA,gBAIA,2CACI,2BAEJ,qDACI,2BACA,8BC1FP,qBACC,iBAGD,0BACC,WAEC,mDACC,WnClBsB,CmCmBtB,sBAGF,uDACC,YACA,0DACC,iBACA,gBACA,6DACC,YACA,sEAEC,qCAOJ,iGACC,sBAMH,iCACC,eACA,gBACA,4GACC,2CAKF,oCACI,4CAEA,WACH,kBACA,4CAEA,YACA,gB","sources":["webpack://sparnatural/awesomplete.base.css","webpack://sparnatural/nice-select.css","webpack://sparnatural/datepicker.min.css","webpack://sparnatural/sparnatural-theme-grass.css","webpack://sparnatural/./src/assets/stylesheets/layout/bg-submitSectionWrapper.scss","webpack://sparnatural/./src/assets/stylesheets/layout/builder-section.scss","webpack://sparnatural/./src/assets/stylesheets/_base.scss","webpack://sparnatural/./src/assets/stylesheets/layout/variablesSelection.scss","webpack://sparnatural/./src/assets/stylesheets/components/componentslist.scss","webpack://sparnatural/./src/assets/stylesheets/components/groupwrapper.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/criteriagroup.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/optionsgroup/optionsgroup.scss","webpack://sparnatural/./src/assets/stylesheets/_mixins.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/objectpropertygroup/objectpropertygroup.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/objectpropertygroup/objectpropertytypeid.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/startendclassgroup/startendclassgroup.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/startendclassgroup/classtypeid.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/startendclassgroup/hierarchicalclassselectbuilder.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/actions/actionand.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/actions/actionwhere.scss","webpack://sparnatural/./src/assets/stylesheets/components/buttons/unselectbtn.scss","webpack://sparnatural/./src/assets/stylesheets/components/buttons/optionalarrow.scss","webpack://sparnatural/./src/assets/stylesheets/components/buttons/resetbtn.scss","webpack://sparnatural/./src/assets/stylesheets/components/buttons/selectviewvariablebtn.scss","webpack://sparnatural/./src/assets/stylesheets/components/buttons/AddUserInputBtn.scss","webpack://sparnatural/./src/assets/stylesheets/components/buttons/InfoBtn.scss","webpack://sparnatural/./src/assets/stylesheets/components/buttons/AddMoreValuesBtn.scss","webpack://sparnatural/./src/assets/stylesheets/components/buttons/editBtn.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/EndClassWidgetGroup.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/EndClassWidgetValue.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/WidgetWrapper.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/awesomplete.sparnatural.theme.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/AutocompleteWidget.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/ListWidget.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/MapWidget.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/TreeWidget.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/Widgets.scss","webpack://sparnatural/./src/assets/stylesheets/components/widget/LoadingSpinner.scss","webpack://sparnatural/./src/assets/stylesheets/components/link-and-component.scss","webpack://sparnatural/./src/assets/stylesheets/components/link-where-child.scss","webpack://sparnatural/./src/assets/stylesheets/components/citeriagroup/nice-select/nice-select.scss","webpack://sparnatural/./src/assets/stylesheets/sparnatural.scss"],"sourcesContent":[".awesomplete [hidden] {\n    display: none;\n}\n\n.awesomplete .visually-hidden {\n    position: absolute;\n    clip: rect(0, 0, 0, 0);\n}\n\n.awesomplete {\n    display: inline-block;\n    position: relative;\n}\n\n.awesomplete > input {\n    display: block;\n}\n\n.awesomplete > ul {\n    position: absolute;\n    left: 0;\n    z-index: 1;\n    min-width: 100%;\n    box-sizing: border-box;\n    list-style: none;\n    padding: 0;\n    margin: 0;\n    background: #fff;\n}\n\n.awesomplete > ul:empty {\n    display: none;\n}\n",".nice-select {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n  background-color: #fff;\n  border-radius: 5px;\n  border: solid 1px #e8e8e8;\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  clear: both;\n  cursor: pointer;\n  display: inline-block;\n  /*float: left;*/\n  font-family: inherit;\n  font-size: 14px;\n  font-weight: normal;\n  height: 42px;\n  line-height: 40px;\n  outline: none;\n  padding-left: 18px;\n  padding-right: 30px;\n  position: relative;\n  text-align: left !important;\n  -webkit-transition: all 0.2s ease-in-out;\n  -o-transition: all 0.2s ease-in-out;\n  transition: all 0.2s ease-in-out;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  white-space: nowrap;\n  width: auto; }\n  .nice-select:hover {\n    border-color: #dbdbdb; }\n  .nice-select:active, .nice-select.open, .nice-select:focus {\n    border-color: #999; }\n  .nice-select:after {\n    border-bottom: 2px solid #999;\n    border-right: 2px solid #999;\n    content: '';\n    display: block;\n    height: 5px;\n    margin-top: -4px;\n    pointer-events: none;\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    -webkit-transform-origin: 66% 66%;\n    -ms-transform-origin: 66% 66%;\n    transform-origin: 66% 66%;\n    -webkit-transform: rotate(45deg);\n    -ms-transform: rotate(45deg);\n    transform: rotate(45deg);\n    -webkit-transition: all 0.15s ease-in-out;\n    -o-transition: all 0.15s ease-in-out;\n    transition: all 0.15s ease-in-out;\n    width: 5px; }\n  .nice-select.open:after {\n    -webkit-transform: rotate(-135deg);\n    -ms-transform: rotate(-135deg);\n    transform: rotate(-135deg); }\n  .nice-select.open .list {\n    opacity: 1;\n    pointer-events: auto;\n    -webkit-transform: scale(1) translateY(0);\n    -ms-transform: scale(1) translateY(0);\n    transform: scale(1) translateY(0); }\n  .nice-select.disabled {\n    border-color: #ededed;\n    color: #999;\n    pointer-events: none; }\n    .nice-select.disabled:after {\n      border-color: #cccccc; }\n  .nice-select.wide {\n    width: 100%; }\n    .nice-select.wide .list {\n      left: 0 !important;\n      right: 0 !important; }\n  .nice-select.right {\n    float: right; }\n    .nice-select.right .list {\n      left: auto;\n      right: 0; }\n  .nice-select.small {\n    font-size: 12px;\n    height: 36px;\n    line-height: 34px; }\n    .nice-select.small:after {\n      height: 4px;\n      width: 4px; }\n    .nice-select.small .option {\n      line-height: 34px;\n      min-height: 34px; }\n  .nice-select .list {\n    background-color: #fff;\n    border-radius: 5px;\n    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);\n    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    margin-top: 4px;\n    opacity: 0;\n    overflow: hidden;\n    padding: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 100%;\n    left: 0;\n    -webkit-transform-origin: 50% 0;\n    -ms-transform-origin: 50% 0;\n    transform-origin: 50% 0;\n    -webkit-transform: scale(0.75) translateY(-21px);\n    -ms-transform: scale(0.75) translateY(-21px);\n    transform: scale(0.75) translateY(-21px);\n    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;\n    -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;\n    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;\n    z-index: 1000; }\n    .nice-select .list:hover .option:not(:hover) {\n      background-color: transparent !important; }\n  .nice-select .option {\n    cursor: pointer;\n    font-weight: 400;\n    line-height: 40px;\n    list-style: none;\n    min-height: 40px;\n    outline: none;\n    padding-left: 18px;\n    padding-right: 29px;\n    text-align: left;\n    -webkit-transition: all 0.2s;\n    -o-transition: all 0.2s;\n    transition: all 0.2s; }\n    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {\n      background-color: #f6f6f6; }\n    .nice-select .option.selected {\n      font-weight: bold; }\n    .nice-select .option.disabled {\n      background-color: transparent;\n      color: #999;\n      cursor: default; }\n\n.no-csspointerevents .nice-select .list {\n  display: none; }\n\n.no-csspointerevents .nice-select.open .list {\n  display: block; }\n","/*!\n * Datepicker v1.0.10\n * https://fengyuanchen.github.io/datepicker\n *\n * Copyright 2014-present Chen Fengyuan\n * Released under the MIT license\n *\n * Date: 2020-09-29T14:46:09.037Z\n */.datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:\" \";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:\" \";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view=\"month next\"],.datepicker-panel>ul>li[data-view=\"month prev\"],.datepicker-panel>ul>li[data-view=\"year next\"],.datepicker-panel>ul>li[data-view=\"year prev\"],.datepicker-panel>ul>li[data-view=\"years next\"],.datepicker-panel>ul>li[data-view=\"years prev\"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view=\"month current\"],.datepicker-panel>ul>li[data-view=\"year current\"],.datepicker-panel>ul>li[data-view=\"years current\"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}","\n/**\n Note how the theme applies to Sparnatural as well as other technical classes with absolute positioning that\n also needs to benefits from the variables.\n **/\n.Sparnatural,\n.SparnaturalForm,\n.select2-container--default,\n.tippy-box\n{\n/**\n * Color of the criteria arrows (orange)\n **/\n--primary-color-main: rgb(250,136,3);\n\n /**\n  * Color of the \"unselect\" buttons in criterias (dark orange)\n  **/\n--primary-color-important: rgb(182, 97, 0) ;\n \n /**\n  * Color of the bottom : folded variable selector, and of a selected value in a criteria (light orange)\n  **/\n--primary-color-medium: rgb(255, 210, 157) ;\n \n /**\n  * variable selector background & tooltip background (even lighter orange)\n  **/\n--primary-color-light: rgb(255, 231, 203) ;\n \n /** \n  * Color of the options arrow (optional / negation) (strong green)\n  **/\n--secondary-color-main: rgb(107,215,171) ;\n \n /** \n  * Color of the highlight of arrows\n  **/\n--secondary-color-important: rgb(2,184,117) ;\n \n /**\n  * Color of the options arrow when not selected (light green)\n  **/\n--secondary-color-light: rgb(151,227,196) ;\n \n /**\n  * Color of the service option enabled\n  **/\n--ternary-color-main: rgb(3, 201, 250) ;\n\n/**\n  * Color of the hover of autocomplete selection\n  **/\n--ternary-color-light: rgb(184, 211, 224);\n \n /**\n  * Color of variable d&d grip, disabled query button, disabled options\n  **/\n--silver-color-main: rgb(167,167,167) ;\n \n /**\n  *\n  **/\n--silver-color-light: rgb(230, 230, 230) ;\n \n /**\n  * Default text color\n  **/\n--default-text-color: #666 ;\n\n/**\n * Red, Green and Blue components for the background color.\n * An alpha is added to this color at each line (0.1, 0.2, 0.3, etc.)\n **/\n--bg-red: 29 ;\n--bg-green: 224 ;\n--bg-blue: 153 ;\n\n}","\n\n.submitSection {\n    height: 41px;\n    background: var(--secondary-color-main) ;\n    position: relative;\n    margin: 0 auto;\n    width: 100%;\n    a {\n        position: absolute;\n        display: flex;\n        top: 14px;\n        width: fit-content;\n        right:30px;\n        padding: 10px;\n        padding-left: 12px;\n        border-radius: 5px;\n        background: var(--secondary-color-important);\n        box-shadow: 0px 2px 3px 0px #cfcfcf;\n        cursor: pointer;\n        z-index: 2;\n        svg {\n            display: block;\n            max-width:  34px;\n            height: 34px;\n            path {\n                fill:#FFFFFF;\n                width: auto;\n                height: auto;\n            }\n        }\n        svg.playLoader {\n            display: none;\n            max-width:  44px;\n            height: 44px;\n        }\n\n        &.submitDisable {\n            background: var(--silver-color-light);\n            cursor: default;\n            svg {\n                path {\n                    fill:var(--silver-color-main);\n                }\n            }\n            &.loadingEnabled {\n                padding: 4px;\n                svg.playIcon {\n                    display: none;\n                }\n                svg.playLoader {\n                    display: block;\n                    path {\n                        fill:var(--secondary-color-important);\n                    }\n                    \n                }\n            }\n        }\n    }\n}\n\n\n","@use '../base';\n\n.builder-section{\n    .reset-wrapper {\n\t\tposition: relative;\n\t\theight: 0;\n\t\tmax-width: 100%;\n\t\tmargin: 0 auto;\n\t\t&>.reset-form {\n\t\t\tposition: absolute;\n\t\t\tright: 0;\n\t\t\ttop: 1px;\n\t\t\twidth: 54px;\n\t\t\theight: 54px;\n\t\t\tmargin-top: base.$margin-component;\n\t\t\tmargin-bottom: base.$margin-component;\n\t\t\tborder: 1px solid #ddd;\n\t\t\tborder-radius: 5px;\n\t\t\tbackground: #fff;\n\t\t\tbox-shadow: 0px 2px 3px 0px #cfcfcf;\n\t\t\ta {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 5px;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\t}\n    display: block;\n\tpadding: 0 base.$margin-component;\n}\n","$component-width: 100%;\n$component-min-width: 1000px;\n$height-components: 54px;\n$height-components-under: 48px;\n$height-components-hover: 35px;\n$margin-component: 30px;\n$margin-component-onEdit: 80px;\n$margin-children-li: 75px;\n$center-arrow-bd-width : 3px;\n$margin-left-reset: 20px;","@use \"../themes\";\n@use'../base';\n\n.variablesSelection {\n\n    .flexWrap {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: nowrap;\n    }\n\n    background: rgb(255, 231, 203);\n    margin-bottom: 22px;\n    border-top: 2px solid #8D8D8D;\n    background: var(--primary-color-light);\n    margin-bottom: 22px;\n    border-top: 2px solid var(--silver-color-main);\n\n    .linesWrapper {\n        // display: none;\n        height: 0;\n        overflow: hidden;\n    }\n\n    &.displayed {\n        .linesWrapper {\n            height: auto;\n        }\n\n        .VariableSelectorDisplay {\n            a {\n                margin-top: -22px;\n                transition: margin-top 0.700s ease;\n            }\n        }\n    }\n\n    .VariableSelectorDisplay {\n        background: var(--primary-color-medium);\n        height: 41px;\n        position: relative;\n\n        a {\n            position: absolute;\n            left: 50%;\n            display: block;\n            height: 44px;\n            width: 44px;\n            margin: 0 auto;\n            margin-top: 18px;\n            margin-left: -22px;\n            border-radius: 22px;\n            background: var(--primary-color-medium);\n            line-height: 1;\n            padding: 10px;\n            transition: margin-top 0.700s ease;\n            cursor: pointer;\n\n            .arrow-icon {\n                margin-top: 4px;\n                display: inline;\n            }\n        }\n    }\n\n    .line1,\n    .line2 {\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        width: calc(base.$component-width - 60px);\n        margin: 0 auto;\n        border: 1px solid #ddd;\n        background: #fff;\n        max-width: 96%;\n\n\n        & > div.variablesOtherSelect {\n            display: block;\n        }\n    }\n\n    .line2 {\n        border-radius: 0 0 5px 5px;\n        border-bottom: 0px solid transparent;\n        min-height: 61px;\n        margin-bottom: 41px;\n\n        .sortableItem {\n            padding: 10px;\n            display: inline-block;\n\n            &:first-child {\n                min-width: 150px;\n            }\n        }\n\n        .variablesOtherSelect > div:first-child {\n            background: lightgray;\n            height: 100%;\n            display: block;\n            float: left;\n        }\n\n        .variableSelected {\n            position: relative;\n            padding: 3px 7px 3px 2px;\n            border: 1px solid gray;\n            font-size: 12px;\n            color: var(--default-text-color);\n            border-radius: 5px;\n            background: #fff;\n            align-items: center;\n            width: fit-content;\n            min-width: 110px;\n\n            .variable-handle {\n                display: inline-block;\n                padding: 0 3px;\n                height: 24px;\n                color: transparent;\n                /*border-left: 2px dashed lightgray;\n\t\t\t\t\t\tborder-right: 2px dashed lightgray;*/\n                cursor: grab;\n\n                svg {\n                    width: 15px;\n                    height: 24px;\n\n                    path {\n                        stroke: var(--silver-color-main);\n                        stroke-width: 0.264583;\n                    }\n                }\n            }\n\n            .tmpicon {\n                font-size: 22px;\n            }\n            input {\n                line-height: 30px;\n                padding: 1px;\n                min-width: 3ch;\n                margin-left: 5px;\n                border: 0px;\n                text-align:center;\n            }\n\n            input:invalid {\n                border: 2px dashed red;\n            }\n\n            [contenteditable=\"true\"]:active,\n            [contenteditable=\"true\"]:focus {\n                border-color: #ccc;\n                border-radius: 4px;\n                border-style: solid;\n                border-width: 1px;\n                padding: 0 5px;\n                outline: none;\n            }\n        }\n        .variableSelectedAggr {\n            padding-left: 8px;\n            /*border-left: 1px solid var(--default-text-color) ;\n            margin-top: -3px;\n            margin-bottom: -3px;\n            padding: 7px 0 7px 5px;\n            height: 38px;*/\n            .variableAggr-handle {\n                display: inline-block;\n                padding: 0 1px 0 8px;\n                height: 24px;\n                color: transparent;\n                border-left: 1px solid var(--silver-color-main);\n                cursor: pointer;\n\n                svg {\n                    width: 11px;\n                    height: 24px;\n\n                    .st0 {\n                        stroke: var(--default-text-color);\n                        stroke-width: 1;\n                    }\n                }\n            }\n        }\n        \n        .aggrOptions {\n            background-color: #fff;\n            position: absolute;\n            right: 0;\n            top: 110%;\n            width: 100%;\n            z-index: 1000;\n            border-radius: 5px;\n            border: 1px solid gray;\n            ul {\n                list-style-type: none;\n                margin: 0;\n                padding: 0;\n                li {\n                    padding: 3px 8px;\n                    border-bottom: 1px solid var(--silver-color-light);\n                    &:first-child {\n                        border-radius: 5px 5px 0 0;\n                    }\n                    &:has(+ li:hover),\n                    &:has(+ li.selected) {\n                        border-bottom: 1px solid transparent;\n                    }\n                    &:hover,\n                    &.selected {\n                        cursor: pointer;\n                        color: #fff;\n                        background-color: var(--primary-color-main);\n                        margin-top: -1px;\n                        border-top: 1px solid var(--primary-color-main);\n                        border-bottom: 1px solid var(--primary-color-main);\n                        -webkit-background-clip: padding-box; /* for Safari */\n                        background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */\n                        &:first-child {\n                            border-top: 1px solid gray;\n                        }\n                    }\n                    &.revealIf {\n                        background-color: var(--silver-color-light);\n                        color: var(--silver-color-main) ;\n\n                        &:hover {\n                            border-top: 1px solid var(--silver-color-light);\n                            border-bottom: 1px solid var(--silver-color-light);\n                        }\n                        &.selected {\n                            color: #fff;\n                            background-color: var(--primary-color-main);\n                            margin-top: -1px;\n                            border-top: 1px solid var(--primary-color-main);\n                            border-bottom: 1px solid var(--primary-color-main);\n                            -webkit-background-clip: padding-box; /* for Safari */\n                            background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */\n                        }\n                    }\n                }\n            }\n            &.is-num {\n                ul {\n                    li {\n                        &.revealIf.revealIf-num {\n                            background-color: #fff;\n                            color: var(--default-text-color) ;\n                            border-bottom: 1px solid var(--silver-color-light);\n    \n                            &:hover,\n                            &.selected {\n                                color: #fff;\n                                background-color: var(--primary-color-main);\n                                margin-top: -1px;\n                                border-top: 1px solid var(--primary-color-main);\n                                border-bottom: 1px solid var(--primary-color-main);\n                                -webkit-background-clip: padding-box; /* for Safari */\n                                background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */\n                            }\n                        }\n                    }\n                }\n            }\n            &.is-time {\n                ul {\n                    li {\n                        &.revealIf.revealIf-time {\n                            background-color: #fff;\n                            color: var(--default-text-color) ;\n                            border-bottom: 1px solid var(--silver-color-light);\n    \n                            &:hover,\n                            &.selected {\n                                color: #fff;\n                                background-color: var(--primary-color-main);\n                                margin-top: -1px;\n                                border-top: 1px solid var(--primary-color-main);\n                                border-bottom: 1px solid var(--primary-color-main);\n                                -webkit-background-clip: padding-box; /* for Safari */\n                                background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */\n                            }\n                        }\n                    }\n                }\n            }\n            &.reducted {\n                ul {\n                    li {\n                        display: none;\n                        &.selected,\n                        &.reducted-visible {\n                            display: list-item;\n                        }\n                    }\n                }\n            }\n\n            .aggrOptionsExtend {\n                border-radius: 0 0 5px 5px;\n                span {\n                    padding: 3px 8px;\n                    text-align: center;\n                }\n                &:hover {\n                    cursor: pointer;\n                    color: #fff;\n                    padding-bottom: 1px;\n                    background-color: var(--primary-color-main);\n                    margin-top: -1px;\n                    margin-bottom: -1px;\n                    border-top: 1px solid var(--primary-color-main);\n                    border-bottom: 1px solid gray;\n                }\n            }\n            &.extended {\n                .aggrOptionsExtend {\n                    .reducted-action {\n                        display: none;\n                    }\n                    .extended-action {\n                        display: block;\n                    }\n                }\n            }\n            &.reducted {\n                .aggrOptionsExtend {\n                    .reducted-action {\n                        display: block;\n                    }\n                    .extended-action {\n                        display: none;\n                    }\n                }\n            }\n        }\n        .aggrBadgeValue {\n            position: absolute;\n            background-color: var(--primary-color-main);\n            color: #fff;\n            border-radius: 5px;\n            left: 50%;\n            top: 0;\n            transform: translate(-50%, -50%);\n            padding: 2px 4px;\n            font-size: 10px;\n            line-height: 14px;\n            white-space: nowrap;\n            overflow: hidden;\n        }\n    }\n\n    .line1 {\n        margin-top: 41px;\n        border-radius: 5px 5px 0 0;\n        justify-content: space-between;\n        border-bottom: 1px solid darkgray;\n        line-height: 20px;\n        -moz-box-shadow: 0px 2px 3px 0px #cfcfcf;\n        -webkit-box-shadow: 0px 2px 3px 0px #cfcfcf;\n        -o-box-shadow: 0px 2px 3px 0px #cfcfcf;\n        box-shadow: 0px 2px 3px 0px #cfcfcf;\n\n        .variablesOrdersSelect {\n            background: lightgray;\n            padding: 0 10px;\n            min-width: 148px;\n\n            strong {\n                font-size: 12px;\n            }\n\n            a {\n                cursor: pointer;\n\n                svg {\n                    width: 20px;\n                    height: 20px;\n                }\n            }\n\n            a.selected {\n                cursor: default;\n\n                svg {\n                    path {\n                        fill: var(--primary-color-main);\n                    }\n                }\n            }\n        }\n\n\n        .variablesOptionsSelect {\n            display: flex;\n            text-align: right;\n            padding: 5px 5px 5px 5px;\n            font-size: 14px;\n            font-weight: bolder;\n\n            p {\n                // name of the variableOptionSelection\n                border-top: 10px;\n                margin-bottom: auto;\n                margin-right: 10px;\n            }\n        }\n\n        color: var(--default-text-color);\n        //section Sort\n        a {\n            display: inline-block;\n            padding: 5px;\n            color: var(--default-text-color);\n        }\n    }\n\n    .switch {\n        position: relative;\n        display: inline-block;\n        width: 50px;\n        height: 26px;\n        margin-bottom: 0;\n    }\n\n    .switch input {\n        opacity: 0;\n        width: 0;\n        height: 0;\n    }\n\n    .slider {\n        position: absolute;\n        cursor: pointer;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        background-color: #ccc;\n        -webkit-transition: .4s;\n        transition: .4s;\n    }\n\n    .slider:before {\n        position: absolute;\n        content: \"\";\n        height: 20px;\n        width: 20px;\n        left: 3px;\n        bottom: 2px;\n        background-color: white;\n        -webkit-transition: .4s;\n        transition: .4s;\n    }\n\n    input:checked + .slider {\n        background-color: var(--primary-color-medium);\n    }\n\n    input:focus + .slider {\n        box-shadow: 0 0 1px #ccc;\n    }\n\n    input:checked + .slider:before {\n        -webkit-transform: translateX(22px);\n        -ms-transform: translateX(22px);\n        transform: translateX(22px);\n        background-color: var(--primary-color-main);\n    }\n    /* Rounded sliders */\n    .slider.round {\n        border-radius: 26px;\n        border: 1px solid #555;\n    }\n\n    .slider.round:before {\n        border-radius: 50%;\n        border: 1px solid #555;\n    }\n}","@use '../base';\n\nul.componentsListe {\n    padding: 0;\n    width: base.$component-width;\n    margin: 0 auto;\n\n    /*\n    Thomas 20231219 : As I don't understand these rules and they are too generic and mess up with awesomplete\n    I comment them\n\n    &,\n    ul {\n        list-style-type: none;\n        padding: 0;\n        background: transparent;\n        clear: both;\n        border: 0 solid transparent;\n    }\n    */\n    //\n    ul {\n        li li.OnEdit > div > div > .ActionWhere.ShowOnEdit {\n            display: none;\n        }\n    }\n    \n\n    li.groupe.optional-enabled {\n        .CriteriaGroup {\n            border: 3px dashed var(--primary-color-main);\n        }\n\n        ul.childsList {\n            .ActionAnd {\n                & > .trait-and-bottom {\n                    border-left: 3px dashed var(--primary-color-main);\n                }\n\n                & > a {\n                    border: 2px dashed var(--primary-color-main);\n                }\n            }\n\n            & > li.hasAnd {\n                & > span {\n                    border-left: 3px dashed var(--primary-color-main);\n                }\n\n                & > span > span {\n                    border: 2px dashed var(--primary-color-main);\n                }\n            }\n        }\n    }\n} ","@use '../base';\nul.componentsListe li.groupe:first-child > .CriteriaGroup {\n    width: calc(100% - 54px - 20px);\n}\n\nli.groupe {\n    margin: 0;\n    padding-top: 1px;\n    padding-bottom: 1px;\n    display: block;\n    clear: both;\n    /*overflow: hidden;*/\n\n    /*first line*/\n    &>li.groupe {\n        margin-left: base.$margin-children-li;\n     }\n}","@use \"../../_base\";\n@use \"../../_mixins\";\n\n/* Structure flex */\n.CriteriaGroup {\n\tborder: 1px solid #ddd;\n\tdisplay: flex;\n\tposition: relative;\n\tborder-radius: 5px;\n\tbackground: #fff;\n\tmargin-top: base.$margin-component;\n\tmargin-bottom: base.$margin-component-onEdit;\n\tpadding: 2px 0 2px 5px;\n\tclear: both;\n\t-moz-box-shadow: 0px 2px 3px 0px #cfcfcf;\n\t-webkit-box-shadow: 0px 2px 3px 0px #cfcfcf;\n\t-o-box-shadow: 0px 2px 3px 0px #cfcfcf;\n\tbox-shadow: 0px 2px 3px 0px #cfcfcf;\n\tfilter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3);\n\n\n\t.flexWrap {\n\t\tdisplay: flex;\n\t\tflex-direction: row;\n\t\tflex-wrap: nowrap;\n\t}\n\n\t.componentBackArrow svg {\n\t\theight: 48px;\n\n\t\tpath {\n\t\t\tfill: transparent;\n\t\t\tstroke: transparent;\n\t\t\tstroke-width: 2.5px;\n\t\t}\n\t}\n\n\t.componentFrontArrow svg {\n\t\theight: 48px;\n\n\t\tpath {\n\t\t\tfill: transparent;\n\t\t\tstroke: var(--silver-color-light);\n\t\t\tstroke-width: 3px;\n\t\t}\n\n\t\trect {\n\t\t\tfill: #fff;\n\t\t}\n\t}\n\n\t&.optionalEnabled {\n\t\tborder: 3px dashed var(--primary-color-main);\n\t}\n\n\t&.notExistsEnabled {\n\t\tborder: 3px dashed #000;\n\t}\n\n\t&.serviceEnabled {\n\t\tborder: 3px dashed var(--ternary-color-main);\n\t}\n\t\n\t/* Unselect to graphique  */\n\tspan.unselect {\n\t\t/*position: absolute;*/\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 15px;\n\t\tright: 10px;\n\t\twidth: 22px;\n\t\theight: 22px !important;\n\t\tpadding: 0 0;\n\t\ttext-align: center;\n\t\tcursor: pointer;\n\t\tcolor: var(--primary-color-important);\n\t\tline-height: 22px;\n\t\tfont-size: 18px;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 11px;\n\t\tz-index: 2;\n\t}\n\n\t.currentWrapper {\n        height: 48px;\n        background: rgba(0, 0, 0, 0);\n        border-color: rgba(0, 0, 0, 0);\n        padding-left: 8px;\n        padding-right: 12px;\n        border-width: 0;\n        border-top-width: 3px;\n        border-bottom-width: 3px;\n        border-top: 3px solid #fff;\n        border-bottom: 3px solid #fff;\n\n\t\tspan.current {\n\t\t\tdisplay: inline-block;\n\t\t\theight: 42px;\n\t\t\tline-height: 42px;\n\t\t\tvertical-align: bottom;\n\t\t\twhite-space: nowrap;\n\t\t\topacity: 0.6;\n\t\t\tbackground-color: var(--primary-color-light) ;\n\t\t\tpadding: 0 14px;\n\t\t\t&:not(:has(span.label)) {\n\n\t\t\t\tmax-width: 200px;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t\tspan {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tvertical-align: middle;\n\t\t\t\tmin-width: 20px;\n\t\t\t}\n\t\t\t\n\t\t\t&>span.label {\n\t\t\t\tmax-width: 200px;\n\t\t\t\toverflow: hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t}\n\t\t\t&.selected {\n\t\t\t\tbackground-color: #fff; \n\t\t\t\topacity: 1;\n\t\t\t\tpadding: 0 0;\n\t\t\t\tcolor: var(--default-text-color);\n\t\t\t\tspan i {\n\t\t\t\t\tfont-size: 22px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n    }\n\t\n    .focus {\n\t\t.currentWrapper {\n\t\t\tspan.current {\n\t\t\t\tmin-width: 345px;\n\t\t\t}\n\t\t}\n        &.selectorIsFlat { // -30px\n            .currentWrapper span.current {\n                min-width: 315px;\n            }\n        }\n        &:not(.selectorHasIcon) { // -48px\n            .currentWrapper span.current {\n                min-width: 297px;\n            }\n        }\n        &.selectorIsFlat:not(.selectorHasIcon) {// -48px -30px\n            .currentWrapper span.current {\n                min-width: 267px;\n            }\n        }\n    }\n    .VariableSelected .currentWrapper {\n        color: var(--default-text-color);\n        border-color: rgba(0, 0, 0, 0);\n        border-radius: 0;\n    }\n\n\t\n\t.ClassTypeId.Highlited .currentWrapper {\n\t\tborder-radius: unset;\n\t\tbackground-color: var(--primary-color-main);\n\t\tborder-color: #fff;\n\t\t.current {\n\t\t\tcolor: #fff;\n\t\t\tbackground-color: var(--primary-color-main);\n\t\t}\n\t}\n\n\t.StartClassGroup .ClassTypeId.Highlited .currentWrapper {\n\t\tborder-top-left-radius: 6px;\n\t\tborder-bottom-left-radius: 6px;\n\t}\n\n\t.ClassTypeId.Highlited.VariableSelected .currentWrapper {\n\t\tborder-color: var(--secondary-color-important);\n\t}\n\t.StartClassGroup .ClassTypeId .currentWrapper {\n\t\tborder-left: 3px solid #fff;\n\t}\n\n    \n}\n\n/* When a value is selected or Where is enabled */\nli.groupe.completed {\n\t&>.CriteriaGroup {\n\t\tmargin-bottom: base.$margin-component;\n\t}\n}","@use '../../../mixins';\n\n.OptionsGroup {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    min-width: fit-content;\n    /*padding-right: 15px;*/\n    margin-left: -22px;\n    @include mixins.arrow-back-colors(var(--secondary-color-main), #fff);\n    \n    &.Disabled {\n        display: flex;\n        @include mixins.arrow-back-colors(var(--silver-color-main), #fff);\n        /*@include arrow-front-colors($silver-color-main, #fff);*/\n    }\n    &.NoOptionEnabled {\n        display: none!important;\n        @include mixins.arrow-back-colors(var(--silver-color-light), #fff);\n    }\n    .Optional, .NotExists {\n        padding-right: 13px;\n        margin-left: -7px;\n        @include mixins.arrow-back-colors(var(--secondary-color-light), #fff);\n        @include mixins.arrow-front-colors(var(--secondary-color-light), #fff);\n            position: relative;\n            display: flex;\n            zoom: 1;\n            /*background: $secondary-color-light;*/\n            margin-bottom: 0;\n            line-height: 42px;\n            color: #fff;\n            margin-left: 3px;\n            padding-right: 0;\n            font-size: 14px;\n            margin-right: -20px;\n            cursor: pointer;\n            span {\n                text-indent: 13px;\n                background: var(--secondary-color-light);\n                border-top: 3px solid #fff;\n                border-bottom: 3px solid #fff;\n            }\n            input {\n                display: none;\n            }\n            &:hover,\n            &.Enabled {\n                @include mixins.arrow-back-colors(var(--secondary-color-important), #fff);\n\t\t\t\t@include mixins.arrow-front-colors(var(--secondary-color-important), #fff);\n                span {\n                    background: var(--secondary-color-important);\n                }\n            }\n    }\n}\n","\n@mixin triangle-before() {\n\tpadding-left: 20px;\n\t&:before {\n\t\tcontent: '';\n\t\twidth: 0;\n\t\theight: 0;\n\t\tline-height: 0;\n\t\tpadding: 0;\n\t\tdisplay: inline-block;float:left;\n\t\tborder-style: solid;\n\t\tborder-width: 21px 0 21px 15px;\n\t\tborder-color: transparent transparent transparent transparent;\n\t\tmargin-left: -20px;\n\t}\n\t& {\n\t\tposition: relative;\n\t\tpadding-left: 18px;\n\t}\n\t&>.triangle-b,\n\t&>.triangle-h {\n\t\tposition: absolute;\n\t\tleft: 3px;\n\t\tbackground: transparent;\n\t}\n\t&>.triangle-h {\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-style: solid;\n\t\tborder-width: 0 15px 21px 0;\n\t\tborder-color: transparent var(--primary-color-main) transparent transparent;\n\t\ttop: 0\n\t}\n\t&>.triangle-b {\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-style: solid;\n\t\tborder-width: 0 0 21px 15px;\n\t\tborder-color: transparent transparent var(--primary-color-main) transparent;\n\t\tbottom: 0;\n\t}\n\t\n}\n@mixin triangle-after() {\n\tpadding-right: 0;\n\t&:after {\n\t\tcontent: '';\n\t\twidth: 0;\n\t\theight: 0;\n\t\tline-height: 0;\n\t\tpadding: 0;\n\t\tdisplay: inline-block;float: right;margin-right: 0;\n\t\tborder-style: solid;\n\t\tborder-width: 21px 0 21px 15px;\n\t\tborder-color: transparent transparent transparent var(--primary-color-main);\n\t}\n\t\n}\n@mixin arrow-block($color) {\n\t&:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tleft: 0;\n\t\tborder-top: 21px solid transparent;\n\t\tborder-left: 15px solid white;\n\t\tborder-bottom: 21px solid transparent;\n\t\t/*margin: -10px 0px 0 0px; */\n\t}\n\t&:after {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\twidth: 0;\n\t\theight: 0;\n\t\tright:-15px;\n\t\tborder-top: 21px solid transparent;\n\t\tborder-left: 15px solid $color;\n\t\tborder-bottom: 21px solid transparent;\n\t\t/*border-color: transparent transparent transparent $secondary-color-light;\n\t\tmargin: -10px 90px 0 10px; */\n\t  \tz-index: 1;\n\t}\n}\n\n@mixin arrow-back-colors($bgColor, $borderColor) {\n\t.componentBackArrow svg {\n\t\theight: 48px;\n\t\tpath {\n\t\t\tfill: $bgColor;\n\t\t\tstroke: $borderColor;\n\t\t}\n\t}\n}\n@mixin arrow-front-colors($bgColor, $borderColor) {\n\t.componentFrontArrow svg {\n\t\theight: 48px;\n\t\tpath {\n\t\t\tfill: $bgColor;\n\t\t\tstroke: $borderColor;\n\t\t}\n\t\trect {\n\t\t\tfill:transparent;\n\t\t}\n\t}\n}","@use \"../../../base\";\n\n.ObjectPropertyGroup {\n    /*margin-right: -15px;*/\n    padding-left: 10px;\n    .nice-select{\n        padding-left:1em;\n    }\n    .current {\n        font-style: italic;\n    }\n    .currentWrapper span.current.temporary-label {\n        line-height: base.$height-components-under - 6;\n        font-size: 16px;\n        height: 42px;\n        padding-left: 20px;\n        padding-right: 20px;\n        display: inline-block;\n        color: var(--default-text-color);\n        background-color: #fff;\n    }\n}",".ObjectPropertyTypeId{\n    position: relative;\n    display: flex;\n\n    .currentWrapper {\n        padding-left: 15px;\n        padding-right: 15px;\n        \n    }\n\n    span.current {\n        width: 232px;\n        &.selected {\n            width: auto;\n        }\n        &.temporary-label {\n            width: auto;\n        }\n    }\n}","@use '../../../base';\n@use '../../../mixins';\n\n.StartClassGroup,\n.EndClassGroup {\n    position: relative;\n    margin-right: 9px;\n}\n\n// When optional arrow is rendered move it a bit to the right\n.StartClassGroup, .ClassTypeId{\n    &.Highlited{\n        .componentFrontArrow {\n            margin-right:5px;\n        }\n    }\n}   \n\n\n.EndClassGroup {\n    position: relative;\n    min-width: auto;\n    display: flex;\n    z-index: 10;\n\n    .EditComponents {\n        position: absolute;\n        left: 36px;\n        top: base.$height-components - 3;\n        line-height: base.$height-components-hover;\n        z-index: 101;\n        height: base.$height-components;\n        padding: 0 0;\n        width: auto;\n        font-size: 14px;\n        z-index: 1000;\n        .edit-trait {\n            position: absolute;\n            top: 50%;\n            left: 0;\n            width: 20px;\n            border-top: 3px solid var(--primary-color-main);\n            display: inline-block;\n\n            .edit-trait-top {\n                position: absolute;\n                bottom: 3px;\n                left: -2px;\n                display: none;\n                border-left: 3px solid var(--primary-color-main);\n                height: 24px;\n            }\n        }\n\n        .edit-num {\n            position: absolute;\n            top: -2px;\n            left: -1px;\n            transform: translate(-50%,-50%);\n            border: 3px solid var(--primary-color-main);\n            border-radius: 10px;\n            width: 20px;\n            height: 20px;\n            text-align: center;\n            line-height: 14px;\n            font-size: 10px;\n            background: #fff;\n            font-style: italic;\n        }\n    }\n    span.current {\n        width: 232px;\n        &.selected {\n            width: auto;\n        }\n    }\n}\n\n\n\n   \n","@use '../../../base';\n@use '../../../mixins';\n.ClassTypeId{\n    display: flex;\n    span.unselect{\n        position: relative;\n        top:-10px;\n        right:29px\n    }\n\n    &.Highlited {\n        @include mixins.arrow-back-colors(var(--primary-color-main), #fff);\n\t\t@include mixins.arrow-front-colors(var(--primary-color-main), #fff);\n        .nice-select{\n            border-radius: unset;\n            color: #fff;\n            background-color: var(--primary-color-main);\n            border-color: #fff;\n        }\n        &.VariableSelected{\n            @include mixins.arrow-front-colors(var(--primary-color-main), var(--secondary-color-important));\n            @include mixins.arrow-back-colors(var(--primary-color-main), var(--secondary-color-important));\n            .nice-select{\n                border-color: var(--secondary-color-important);\n            }\n        }\n\t}\n\n\n}","@use '../../../base';\n@use '../../../mixins';\n\n\n.ClassTypeId.Highlited .htmlSelectUiUx .currentWrapper {\n    border-radius: unset;\n    color: #fff;\n    background-color: var(--primary-color-main);\n    border-color: #fff;\n}\n\n.StartClassGroup .ClassTypeId.Highlited .htmlSelectUiUx .currentWrapper {\n    border-top-left-radius: 6px;\n    border-bottom-left-radius: 6px;\n}\n\n.ClassTypeId.Highlited.VariableSelected .htmlSelectUiUx .currentWrapper {\n    border-color: var(--secondary-color-important);\n}\n.StartClassGroup .ClassTypeId .htmlSelectUiUx .currentWrapper {\n    border-left: 3px solid #fff;\n}\n\n.ObjectPropertyTypeId {\n    .htmlSelectUiUx {\n        left: 15px;\n    }\n}\n.EndClassGroup {\n    .htmlSelectUiUx {\n        left: 28px;\n    }\n}\n\n.htmlSelectUiUx {\n    position: absolute;\n    top: 0;\n    left: 13px;\n    display: block;\n    white-space: nowrap;\n    background-color: #fff;\n\n    &.open .htmlSelectUiUxLists {\n        display: block;\n    }\n    .currentWrapper {\n        height: 48px;\n        background: rgba(0, 0, 0, 0);\n        border-color: rgba(0, 0, 0, 0);\n        padding-left: 10px;\n        padding-right: 26px;\n        border-width: 0;\n        border-top-width: 3px;\n        border-bottom-width: 3px;\n        border-top: 3px solid #fff;\n        border-bottom: 3px solid #fff;\n    }\n    &.disabled .currentWrapper {\n        color: var(--default-text-color);\n        border-color: rgba(0, 0, 0, 0);\n        border-radius: 0;\n    }\n\n    span.current {\n        display: inline-block;\n        height: 42px;\n        line-height: 42px;\n        vertical-align: bottom;\n        max-width: 200px;\n        overflow: hidden;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        opacity: 0.6;\n        background-color: var(--primary-color-light) ;\n        padding: 0 14px;\n        span {\n            display: inline-block;\n            vertical-align: bottom;\n            min-width: 20px;\n        }\n        &.selected {\n            background-color: #fff; \n            opacity: 1;\n            padding: 0 0;\n            span i {\n                font-size: 22px;\n            }\n        }\n    }\n\n    &.isFlat { // -30px\n        .htmlSelectUiUxLists {\n            width: 315px;\n            ul {\n                width: 315px;\n            }\n        }\n    }\n    &:not(.hasIcon) { // -48px\n        .htmlSelectUiUxLists {\n            width: 297px;\n            ul {\n                width: 297px;\n                .label-icon {\n                    display: none;\n                }\n            }\n            .htmlSelectUiUxBreadCrum {\n                .htmlBreadCrumRight {\n                    width: 249px;\n                    .htmlBreadCrumPath .htmlBreadCrumPathParents .ancestor-item {\n                        max-width: 101px;\n                    }\n                    .htmlBreadCrumParentLabel>span {\n                        max-width: 233px;\n                    }\n                }\n            }\n        }\n    }\n    &.isFlat:not(.hasIcon) {// -48px -30px\n        .htmlSelectUiUxLists {\n            width: 267px;\n            ul {\n                width: 267px;\n            }\n        }\n    }\n\n    .htmlSelectUiUxLists {\n        display: none;\n        overflow-x: hidden;\n        position: absolute;\n        width: 345px;\n        height: 400px;\n        top: base.$height-components - 4 ;\n        z-index: 3;\n        transition-property: height;\n        transition-duration: 0.1s;\n        transition-delay: 0;\n        border-radius: 4px;\n        box-shadow: 0px 0px 8px 0px #00000026;\n\n        .htmlSelectUiUxBreadCrum {\n            display: flex;\n            height: 55px;\n            align-items: center;\n            width: 100%;\n            background-color: #fff;\n            border-bottom: 1px solid #e8e8e8;\n            margin-left: 0;\n            transition-property: margin-left;\n            transition-duration: 0.5s;\n            transition-delay: 0;\n            \n            //First block for backward action\n            .htmlBreadCrumLeft {\n                .htmlBreadCrumBack {\n                    display: block;\n                    width: 31px;\n                    height: 55px;\n                    text-align: center;\n                    padding: 9px 18px;\n                    border-right: 1px solid #e8e8e8;\n                    display: table;\n                    cursor: pointer;\n                    span {\n                        display: table-cell;\n                        vertical-align: middle;\n                        text-align: center;\n                    }\n                }\n            }\n\n            //Second block for navigation path display\n            .htmlBreadCrumRight {\n                display: block;\n                padding: 8px;\n                line-height: 13.62px;\n                width: 297px;\n                height: 55px;\n                .htmlBreadCrumPath {\n                    //for all texts in ancestors path\n                    width: 100%;\n                    &>div {\n                        display: inline-block;\n                        vertical-align:middle; \n                        font-size: 10px;\n                        font-weight: 700;\n                        line-height: 13.62px;\n                        text-align: left;\n                        opacity: 0.5;\n                    }\n                    .htmlBreadCrumPathHome {\n\n                        &.onHiddenUp {\n                            display: none;\n                        }\n                    }\n                    .htmlBreadCrumPathParentsPrefix {\n                        display: none;\n                        \n                        &.onHiddenUp {\n                            display: inline-block;\n                        }\n                    }\n                    .htmlBreadCrumPathParents {\n                        vertical-align:middle; \n                        .ancestor-item {\n                            display: inline-block;\n                            vertical-align:middle; \n                            margin-left: 300px;\n                            text-overflow: ellipsis;\n                            overflow: hidden;\n                            transition-property: margin-left;\n                            transition-duration: 0.5s;\n                            transition-delay: 0;\n                            max-width: 125px;\n                            &.appened {\n                                margin-left: 0;\n                            }\n                            &.onHiddenUp {\n                                display: none;\n                            }\n                        }\n                        \n                        \n                    }\n                }\n                .htmlBreadCrumParentLabel {\n                    display: block;\n                    position: relative;\n                    font-size: 16px;\n                    font-weight: 700;\n                    line-height: 21.79px;\n                    text-align: left;\n                    opacity: 1;\n                    &>span {\n                        display: inline-block;\n                        position: absolute;\n                        top: 0;\n                        left: 300px;\n                        max-width: 281px;\n                        overflow-x: hidden;\n                        text-overflow: ellipsis;\n                        \n                        transition-property: left;\n                        transition-duration: 0.5s;\n                        transition-delay: 0s;\n\n                        &:first-of-type {\n                            left: 0;\n                        }\n\n                        &.move-left {\n                            left: -350px;\n                        }\n                        &.move-to-display {\n                            left: 0;\n                        }\n                        &.move-right {\n                            left: 350px;\n                        }\n                    }\n                    \n                }\n            }\n        }\n        &.root-display {\n            .htmlSelectUiUxBreadCrum {\n                margin-left: 345px;\n            }\n            ul {\n                top: 0;\n                border-top: solid 0 #fff;\n            }\n        }\n      \n    }\n\n    ul {\n        position: absolute;\n        top:55px;\n        left: 0;\n        width: 345px;\n        padding:0;\n        margin: 0;\n        margin-left: 345px;\n        list-style: none;\n        max-height: 35vh;\n        overflow-y: auto;\n        overflow-x: hidden;\n        display: inline-block;\n        white-space: normal;\n        vertical-align: top;\n        /*border-right: 1px solid #e8e8e8;*/\n        max-height: 400px;\n        transition-property: margin-left, top;\n        transition-duration: 0.5s, 0s;\n        transition-delay: 0, 0.6s;\n        z-index: 1000;\n\n        &.root {\n            top: 0;\n        }\n        &.active-pane {\n            margin-left: 0;\n        }\n        &.active-pane-hide-left {\n            margin-left: -345px;\n        }\n        li {\n            cursor: pointer;\n            border-bottom: solid 1px #e8e8e8;\n            height: 40px;\n            display: flex;\n            background: #fff;\n            position: relative;\n            z-index: 11;\n\n            .item-count {\n                position: absolute;\n                display: block;\n                left: 0;\n                top:0;\n                width: calc(100% - 29px);\n                height: 39px;\n                z-index: -1;\n                &>span {\n                    display: block;\n                    height: 39px;\n                    background-color: var(--primary-color-light) ;\n                }\n            }\n            .item-count-number {\n                position: absolute;\n                display: none;\n                right: 0;\n                top:0;\n                height: 40px;\n                font-size: 12px;\n                font-weight: 700;\n                line-height: 16.34px;\n                text-align: right;\n                line-height: 21.79px;\n                color: #000;\n                padding: 11px 5px;\n                z-index: 1;\n            }\n\n            span.item-sel {\n                display: inline-block;\n                position: relative;\n                width: 100%;\n                padding: 9px 9px;\n                height: 40px;\n                font-size: 16px;\n                font-weight: 400;\n                line-height: 21.79px;\n                text-align: left;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                overflow: hidden;\n                .label-icon {\n                    width: 48px;\n                    font-size: 22px;\n                    display: inline-block;\n                    padding: 0 9px 0 0;\n                    text-align: center;\n                    /*text-indent: -4px;*/\n                }\n                .item-label {\n                    vertical-align: top;\n                }\n            }\n            &.disabled span.item-traverse {\n                border-left: 1px solid transparent;\n                \n            }\n            span.item-traverse {\n                display: none;\n                width: 30px;\n                text-align: center;\n                padding: 5px 5px;\n                border-left: 1px solid #e8e8e8;\n                height: 40px;\n            }\n            &.have-childs {\n                span.item-sel {\n                    width: 315px;\n                }\n                /*.item-count {\n                    width: 100%;\n                }*/\n                \n                .item-count-number {\n                    right: 31px;\n                }\n                span.item-traverse {\n                    display: inline-block;\n                    position: relative;\n                }\n            }\n            img {\n                height : 40px;\n                &.highlited {\n                    display: none;\n                }\n            }\n            &.selected,\n            &.focus,\n            &>span.item-traverse:hover,\n            &>span.item-sel:hover {\n                /*background-color: var(--primary-color-light) ;\n                color: #fff;\n                opacity: 0.7;*/\n                img {\n                    display: none;\n                    &.highlited {\n                        display: inline;\n                    }\n                }\n                &:after {\n                    content: '';\n                    position: absolute;\n                    width: 100%;\n                    height: 100%;\n                    top:0;\n                    left: 0;\n                    background-color: var(--primary-color-light) ;\n                    z-index: -2;\n                }\n            }\n            &.disabled:hover {\n                background-color: var(--primary-color-light) ;\n            }\n            &:hover {\n                .item-count>span {\n                    background-color: var(--primary-color-medium) ;\n                }\n                .item-count-number {\n                    display: block;\n                }\n            }\n        }\n\n        &.hasTraverseItem.hasNoEnabledWithChilds {\n            li {\n                .item-count {\n                    width: 100%;\n                }\n                &.have-childs {\n                    .item-count {\n                        width: 100%;\n                    }\n                }\n                \n            }\n        }\n        &.hasNoEnabledWithChilds {\n            li {\n                .item-count {\n                    width: 100%;\n                }\n                &.have-childs {\n                    .item-count {\n                        width: 100%;\n                    }\n                }\n                \n            }\n        }\n    }\n}\n\n/* Scroll bar */\n.htmlSelectUiUx {\n    .htmlSelectUiUxLists,\n    ul {\n        /* Works on Chrome, Edge, and Safari */\n        &::-webkit-scrollbar {\n            width: 3px;\n            height: 3px;\n\t        background-color: transparent;\n        }\n        \n        &::-webkit-scrollbar-track {\n            /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/\n            border-radius: 3px;\n            background-color: transparent;\n        }\n        \n        &::-webkit-scrollbar-thumb {\n            border-radius: 3px;\n            /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/\n            background-color: transparent;\n        }    \n        & {\n            -moz-width: thin;\n        }    \n    }\n    ul.active-pane {\n        /* Works on Chrome, Edge, and Safari */\n        &::-webkit-scrollbar {\n\t        background-color: #e8e8e8;\n        }\n        \n        &::-webkit-scrollbar-track {\n            /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/\n            background-color: #e8e8e8;\n        }\n        \n        &::-webkit-scrollbar-thumb {\n            /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/\n            background-color: var(--primary-color-main);\n        }       \n    }\n}\n\n@-moz-document url-prefix() {\n    .htmlSelectUiUxLists,\n    .htmlSelectUiUx ul {\n        scrollbar-color: transparent transparent;\n    }\n    .htmlSelectUiUx ul.active-pane {\n        scrollbar-color: var(--primary-color-main) #e8e8e8;\n    }\n}","@use '../../../base';\n@use 'sass:math';\n.ActionsGroup { // acts als hover div\n    position: absolute;\n    display: block;\n    top: 100%;\n    width: 100%;\n    height: 46px;\n    z-index:1;\n    \n    &:hover .ActionAnd {display: block;}\n\n    &>div {\n        position: absolute;\n    }\n    .ActionAnd {\n        display:none;\n        left: math.div(base.$margin-children-li - 45, 2);\n        left: 36px;\n        top: math.div(base.$margin-component, 2)+2;\n        line-height: 46px;\n        /*width: 46px;*/\n        text-align: center;\n        .trait-and-bottom {\n            position: absolute;\n            top: -14px;\n            left: -1px;\n            border-left: 3px solid var(--primary-color-main) ;\n            margin-left: -1px;\n            height: 15px;\n            &:before {\n                content: '';\n                display: block;\n                position: absolute;\n                top:-10px;\n                left:-6px;\n                width: 9px;\n                height: 9px;\n                -moz-box-shadow: 0px 6px 3px -3px #cfcfcf;\n                -webkit-box-shadow: 0px 6px 3px -3px #cfcfcf;\n                -o-box-shadow: 0px 6px 3px -3px #cfcfcf;\n                box-shadow: 0px 6px 3px -3px #cfcfcf;\n                filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3);\n            }\n        }\n        a {\n            cursor: pointer;\n            display: block;\n            background: #fff;\n            border: 2px solid var(--primary-color-main) ;\n            border-radius: 15px;\n            height: 30px;\n            line-height: 20px;\n            padding: 2px 10px;\n            transform: translate(-50%, 0);\n            &:hover {\n                color: var(--primary-color-main) ;\n            }\n        }\n    }\n}","@use '../../../base';\n.ActionWhere {\n    line-height: 26px;\n    position: absolute;\n    display: flex;\n    margin-top: -4px;\n    border-left: 3px solid transparent;\n    div{\n        margin-left: 25px;\n        width:max-content;\n    }\n    a{\n        position: absolute;\n        left: 100%;\n        cursor: pointer;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background: #fff;\n        border: 2px solid var(--primary-color-main) ;\n        border-radius: 13px;\n        height: 23px;\n        min-width: 23px !important;\n        fill: var(--primary-color-main) !important ;\n        font-weight: bold;  \n        margin-left: 10px;  \n        svg{\n            height: 10px;\n        }\n    }\n}\n","span.unselect {\n  cursor: pointer;\n  //position: absolute;\n  top: 12px;\n  right: 25px;\n  border-radius: 100%;\n  svg {\n    fill: var(--primary-color-important);\n    width: 18px;\n    background-color: white;\n    border-radius: 100%;\n  }\n}\n",".optionalArrow {\n    height: 48px;\n    width:34px;\n    margin-right: -20px;\n    position: relative;\n    cursor:pointer;\n    svg {\n        stroke: var(--silver-color-light);\n        stroke-width: 3px;\n        path{\n            filter:url(#filter19278);\n        }\n        fill: var(--secondary-color-main);\n        stroke-width: 2.5px;\n        position: absolute;\n        z-index: 1;\n        left: -7px;\n    }\n    &.disabledbutton {\n        svg{\n            fill: gray;\n            opacity: 0.4;\n        }\n        pointer-events: none;\n    }\n}","#icon_reset{\n    fill:none;\n    stroke:#1d1d1b;\n    stroke-linecap:round;\n    stroke-linejoin:round;\n}",".StartClassGroup{\n    .selectViewVariableBtn {\n        color: #fff;\n        position: absolute;\n        top: 50%;\n        right: 20px;\n        height: 16px;\n        margin-top: -8px;\n        z-index: 2;\n        cursor: pointer;\n        // when the button is disabled e.g. in \"not exists\"\n        &.disabled {\n            opacity: 0.5;\n            cursor:default;\n        }\n        svg{\n            width: 100%;\n            height: 100%;\n            vertical-align: top;\n        }\n    }\n}\n\n.EndClassGroup{\n    .selectViewVariableBtn {\n        color: #fff;\n        position: absolute;\n        top: 50%;\n        right: 43px;\n        height: 16px;\n        margin-top: -8px;\n        z-index: 2;\n        cursor: pointer;\n        // when the button is disabled e.g. in \"not exists\"\n        &.disabled {\n            opacity: 0.5;\n            cursor:default;\n        }\n        svg{\n            width: 100%;\n            height: 100%;\n            vertical-align: top;\n        }\n    }\n}\n",".button-add {\n    border: 3px solid var(--primary-color-main);\n    border-radius: 15px;\n    background: #fff;\n    padding: 0 10px;\n    line-height: 25px;\n    margin-left: 5px;\n    &:hover {\n        color: var(--primary-color-main);\n        cursor: pointer;\n    }\n}",".circle-info{\n    margin-left: 5px;\n}","@use '../../base';\n@use '../../mixins';\n@use 'sass:math';\n\n.AddWidgetValueBtn {\n    @include mixins.arrow-back-colors(var(--primary-color-medium), #fff);\n    @include mixins.arrow-front-colors(var(--primary-color-medium), #fff);\n    display: flex;\n    color: black;\n    font-size: 20px;\n    cursor: pointer;\n    vertical-align: middle;\n    max-width: 220px;\n    height: 48px;\n    margin-right: -13px;\n    position: relative;\n    padding: 0;\n    p {\n        height: inherit;\n        background: var(--primary-color-medium);\n        padding: 0 0 0 3px;\n        border: base.$center-arrow-bd-width solid #fff;\n        border-left: 0;\n        border-right: 0;\n        width: 0px;\n        overflow: visible;\n        position: relative;\n        span {\n            line-height: 42px;\n            color: var(--default-text-color);\n        }\n        // so that it works even without Bootstrap\n        margin-top: 0;\n    }\n    /* Not sure what this does */\n    span.label-two-line {\n        line-height: math.div(base.$height-components-under, 2);\n        line-height: 21px;\n    }\n}","div.edit {\n    span {\n        display: inline-block;\n    }\n\n    svg {\n        fill: var(--primary-color-important);\n        width: 18px;\n        background-color: white;\n        border-radius: 100%;\n    }\n}",".EndClassWidgetGroup {\n    width: auto;\n    padding: 0 15px 0 0;\n    margin-left: -43px;\n    display: flex;\n    span.unselect {\n        top: -10px;\n    }\n\n    /* Unselect to graphique  */\n\tdiv.edit {\n\t\t/*position: absolute;*/\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: -10px;\n\t\tright: 32px;\n\t\twidth: 22px;\n\t\theight: 22px !important;\n\t\tpadding: 0 0;\n\t\ttext-align: center;\n\t\tcursor: pointer;\n\t\tcolor: var(--primary-color-important);\n\t\tline-height: 22px;\n\t\tfont-size: 18px;\n\t\tbox-sizing: border-box;\n\t\tborder-radius: 11px;\n\t\tz-index: 2;\n\t}\n}","\n@use 'sass:math';\n@use '../../mixins';\n@use '../../base';\n\n\n.EndClassWidgetValue {\n    @include mixins.arrow-back-colors(var(--primary-color-medium), #fff);\n    @include mixins.arrow-front-colors(var(--primary-color-medium), #fff);\n    position: relative;\n    display: flex;\n    /*line-height: 0;*/\n    color: black;\n    font-size: 14px;\n    /*display: inline-block;*/\n    padding: 0;\n    span.label-two-line {\n        line-height: math.div(base.$height-components-under, 2);\n        line-height: 21px;\n    }\n    max-width: 220px;\n    height: 46px;\n    margin-right: -13px;\n    p {\n        line-height: 48px;\n        height: 48px;\n        background: var(--primary-color-medium);\n        background-clip: padding-box;\n        margin: 0;\n        padding: 0 5px 0 5px;\n        display: inline-block;\n        overflow: hidden;\n        /*text-overflow: ellipsis;*/\n        border: base.$center-arrow-bd-width solid #fff;\n        border-left: 0;\n        border-right: 0;\n        \n        text-align: center;\n        &>span {\n            line-height: 42px;\n            display: inline-block;\n            vertical-align: baseline;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            color:var(--default-text-color);\n            width: 100%;\n        }\n    }\n}","@use '../../base';\n\n.nb-choice-2 {\n    .WidgetWrapper {\n        border-left: 3px solid var(--primary-color-main);\n\n        &:before {\n            display: none;;\n        }\n    }\n}\n.WidgetWrapper {\n    position: relative;\n   \n    height: 51px;\n    padding-bottom: 3px;\n    padding-left: 25px;\n    padding-right: 5px;\n    line-height: 48px;\n    /*overflow: hidden;*/\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    display:block;\n    width:100%;\n    min-width:1px;\n\n    &:before {\n        content: '';\n        display: block;\n        position: absolute;\n        top: 0;\n        left:-3px;\n        width: 3px;\n        height: 20px;\n        background: var(--primary-color-main);\n    }\n\n    &:after {\n        content: '';\n        display: block;\n        position: absolute;\n        top:-10px;\n        left:-6px;\n        width: 9px;\n        height: 9px;\n        -moz-box-shadow: 0px 6px 3px -3px #cfcfcf;\n        -webkit-box-shadow: 0px 6px 3px -3px #cfcfcf;\n        -o-box-shadow: 0px 6px 3px -3px #cfcfcf;\n        box-shadow: 0px 6px 3px -3px #cfcfcf;\n        filter: progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=3);\n    }\n\n    /*text-decoration: underline;*/\n    /*&.DatesWidget {\n        border-left-color: transparent;\n        \n        .edit-trait-top {\n            display: block;\n        }\n    }*/\n    .underline {\n        text-decoration: underline;\n    }\n    .boolean-value {\n        text-decoration: underline;\n        cursor: pointer;\n    }\n    .or {\n        color: var(--primary-color-main);\n        font-weight: 600;\n    }\n    .selectAll .underline {\n        cursor: pointer;\n    }\n    &>a,\n    &>div {\n        position: absolute;\n        left: 100%;\n        top: 0; \n    }\n\n}","@use '../../mixins';\n@use '../../base';\n\n.awesomplete > ul {\n\tborder-radius: .3em;\n\tmargin: .2em 0 0;\n\tbackground: hsla(0,0%,100%,.9);\n\tbackground: linear-gradient(to bottom right, white, hsla(0,0%,100%,.8));\n\tborder: 1px solid rgba(0,0,0,.3);\n\tbox-shadow: .05em .2em .6em rgba(0,0,0,.2);\n\ttext-shadow: none;\n}\n\n@supports (transform: scale(0)) {\n\t.awesomplete > ul {\n\t\ttransition: .3s cubic-bezier(.4,.2,.5,1.4);\n\t\ttransform-origin: 1.43em -.43em;\n\t}\n\t\n\t.awesomplete > ul[hidden],\n\t.awesomplete > ul:empty {\n\t\topacity: 0;\n\t\ttransform: scale(0);\n\t\tdisplay: block;\n\t\ttransition-timing-function: ease;\n\t}\n}\n\n\t/* Pointer */\n\t.awesomplete > ul:before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: -.43em;\n\t\tleft: 1em;\n\t\twidth: 0; height: 0;\n\t\tpadding: .4em;\n\t\tbackground: white;\n\t\tborder: inherit;\n\t\tborder-right: 0;\n\t\tborder-bottom: 0;\n\t\t-webkit-transform: rotate(45deg);\n\t\ttransform: rotate(45deg);\n\t}\n\n\t.awesomplete > ul > li {\n\t\tposition: relative;\n\t\tpadding: .2em .5em;\n\t\tcursor: pointer;\n\t}\n\t\n\t.awesomplete > ul > li:hover {\n\t\t/* background: rgb(184, 211, 224); */\n\t\tbackground: var(--ternary-color-light);\n\t\tcolor: black;\n\t}\n\t\n\t.awesomplete > ul > li[aria-selected=\"true\"] {\n\t\t/* background: hsl(205, 40%, 40%); */\n\t\tbackground: var(--ternary-color-light);\n\t\tcolor: white;\n\t}\n\t\n\t\t.awesomplete mark {\n\t\t\t/* background: hsl(65, 100%, 50%); */\n\t\t\tbackground: var(--primary-color-medium);\n\t\t}\n\t\t\n\t\t.awesomplete li:hover mark {\n\t\t\t/* background: hsl(68, 100%, 41%); */\n\t\t\tbackground: var(--primary-color-main);\n\t\t}\n\t\t\n\t\t.awesomplete li[aria-selected=\"true\"] mark {\n\t\t\tbackground: hsl(86, 100%, 21%);\n\t\t\tcolor: inherit;\n\t\t}","@use './awesomplete.sparnatural.theme.scss';\n@import \"~awesomplete/awesomplete.base.css\";\n\n.awesomplete {\n    line-height: normal;\n\n    ul {\n        background: white!important;\n    }\n}",".list-widget{\n    width:100%;\n    min-width:275px;\n}",".map-widget{\n    display: flex;\n\n    .map-wrapper { \n        z-index: 3;\n        height: 480px;\n        width:600px\n    }\n\n    .leaflet-pm-toolbar .icon-map-validate {\n        background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48IS0tIUZvbnQgQXdlc29tZSBGcmVlIDYuNS4xIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlL2ZyZWUgQ29weXJpZ2h0IDIwMjQgRm9udGljb25zLCBJbmMuLS0+PHBhdGggZD0iTTQzOC42IDEwNS40YzEyLjUgMTIuNSAxMi41IDMyLjggMCA0NS4zbC0yNTYgMjU2Yy0xMi41IDEyLjUtMzIuOCAxMi41LTQ1LjMgMGwtMTI4LTEyOGMtMTIuNS0xMi41LTEyLjUtMzIuOCAwLTQ1LjNzMzIuOC0xMi41IDQ1LjMgMEwxNjAgMzM4LjcgMzkzLjQgMTA1LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDB6Ii8+PC9zdmc+);\n\n        \n    }\n}\n.EndClassWidgetValue {\n    p>span {\n        span {\n            display: inline-block;\n            padding-left: 5px;\n        }\n    }\n}","@use '../../mixins';\n@use '../../base';\n\n.tree-widget {\n    height: 100%;\n    .treeBtnDisplay {\n        position: absolute;\n        left: 100%;\n        top: 50%;\n        transform: translate(0, -50%);\n        border: 1px solid #ddd;\n        border-radius: 5px;\n        background: #fff;\n        box-shadow: 0px 2px 3px 0px #cfcfcf;\n        padding: 5px;\n        line-height: 1;\n        z-index: 1;\n        cursor: pointer;\n        img {\n            height: 26px;\n        }\n    }\n    .treeLayer {\n        display: none;\n        position: absolute;\n        top: 50%;\n        margin-top: -19px;\n        left: 95%;\n        border: 1px solid #ddd;\n        border-radius: 5px;\n        background: #fff;\n        box-shadow: 0px 2px 3px 0px #cfcfcf;\n        z-index: 2;\n\n        .treeClose {\n            position: absolute;\n            top: 5px;\n            right: 5px;\n            width: 22px;\n            height: 22px;\n            vertical-align: top;\n            line-height: 22px;\n            cursor: pointer;\n            i {\n                text-align: center;\n                color: var(--primary-color-important);\n                background: #fff !important;\n                font-size: 18px;\n            }\n        }\n\n        .treeNotice {\n            padding: 5px;\n            display: none;\n            line-height: 20px;\n        }\n        .treeDisplay {\n            overflow: auto;\n            max-height: 500px;\n            min-width: 275px;\n            padding: 25px 10px 5px;\n\n            &.jstree-default .jstree-disabled {\n                opacity: 0.5;\n            }\n            &.jstree-default .jstree-checkbox-disabled {\n                opacity: 0.5;\n            }\n        }\n        .treeActions {\n            border-top: 2px solid #ddd;\n            padding: 5px 10px;\n            text-align: right;\n            a {\n                border-radius: 5px;\n                color: #fff;\n                display: inline-block;\n                margin-left: 10px;\n                padding: 15px 5px;\n                line-height: 1;\n                cursor: pointer;\n            }\n            a.treeCancel {\n                background: #EE8D67;\n            }\n            a.treeSubmit {\n                background: #84C99E;\n            }\n        }\n    }\n}","@use '../../base';\n\n.list-widget,\n.search-widget,    \n.timedatepicker-widget {\n    &>div,\n    &>input {\n        display: inline-block;\n    }\n    &>input {\n        // margin-left: 5px;\n        // height: 35px;\n        // width: 60px;\n        height: 35px;\n        border-color: #ccc;\n        border-radius: 4px;\n        border-style: solid;\n        border-width: 1px;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;\n        color: #555;\n        float: none;\n        padding: 6px 12px;\n    }\n    &>input.day {\n        width: 105px;\n    }\n    &>input.year {\n        width: 60px;\n    }\n}\n\n.date-widget {\n    &>.easy-autocomplete {\n        width: 176px!important;\n        \n        .easy-autocomplete-container {\n            \n            ul {\n                \n                li {\n                    position: relative;\n                    width: 296px;\n                    padding-right: 120px;\n                    \n                    span {\n                        display: block;\n                        position: absolute;\n                        top: 0;\n                        right: 0;\n                        height: 30px;\n                        width: 60px;\n                        line-height: 20px;\n                        text-align: left;\n                        padding: 5px 12px;\n                        font-size: 14px;\n                        \n                        &.start {\n                            right: 60px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n    input {\n        border-color: #ccc;\n        border-radius: 4px;\n        border-style: solid;\n        border-width: 1px;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;\n        color: #555;\n        float: none;\n        padding: 6px 10px;\n    }\n}\n\n.search-widget {\n    \n    &>input {\n        width: 150px;\n        border-color: #ccc;\n        border-radius: 4px;\n        border-style: solid;\n        border-width: 1px;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;\n        color: #555;\n        float: none;\n        padding: 6px 12px;\n    }\n    \n}\n\n.number-widget {\n    &>form {\n        display: inline-block;\n        \n        &>input {\n            height: 35px;\n            border-color: #ccc;\n            border-radius: 4px;\n            border-style: solid;\n            border-width: 1px;\n            box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;\n            color: #555;\n            float: none;\n            padding: 6px 12px;\n        } \n    }\n    &>div {\n        display: inline-block;\n    }\n}\n\n.SearchWidget,\n.DatesWidget {\n    max-width: 600px;\n    white-space: nowrap;\n    &>div,\n    &>input {\n        display: inline-block;\n        \n    }\n    &>input {\n        width: 70px;\n        height: base.$height-components-under;\n        border-color: #ccc;\n        border-radius: 4px;\n        border-style: solid;\n        border-width: 1px;\n        box-shadow: 0 1px 2px rgba(0,0,0,0.1) inset;\n        color: #555;\n        float: none;\n        padding: 6px 12px;\n    }\n    .easy-autocomplete>input {\n        width: 100%;\n    }\n}\n\n.SearchWidget {\n    &>input {\n        width: 200px;\n    }\n}\n",".loadingspinner {\n    position: absolute;\n    z-index: 1;\n    top:0.6em;\n    left: 100%;\n    line-height: 32px;\n    /* background: #fff; */\n    border-radius: 0 0 4px 4px;\n    padding: 0 5px;\n    margin-left:7px;\n    font-style:italic;\n    font-size: 0.9em;\n    /* border: 1px solid #ccc; */\n    /* border-top: 1px solid transparent; */\n\n    &.show {\n        display: block;\n    }\n    .load {\n        display: none;\n        width: 32px;\n        height: 32px;\n        svg {\n            vertical-align: top;\n            path {\n                fill: var(--primary-color-main);\n            }\n        }\n        &.show {\n            display: inline-block;\n        }\n    }\n}","@use '../base';\n.link-and-bottom {\n    position:absolute;\n    background-color: var(--primary-color-main);\n    height: 3px;\n    z-index: 0;\n    span {\n        transform: rotate(-90deg); //line will get transformed 90deg. transform the span back to horizontal\n        display: block;\n        background: #fff;\n        position:relative;\n        // left: 50%;\n        left: 13px;\n        top:-12px;\n        border: 2px solid var(--primary-color-main) ;\n        border-radius: 15px;\n        height: 30px;\n        line-height: 20px;\n        padding: 2px 10px;\n        width: fit-content;\n    }\n    &.optionalEnabled{\n        height: 3px;\n        position: absolute;\n        // rgba(255,255,255,0) is white transparent = completely transparent\n        background: repeating-linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,0) 8px, var(--primary-color-main) 8px, var(--primary-color-main) 16px);\n        display: block;\n        span{\n            border: 2px dashed var(--primary-color-main)\n        }\n    }\n    &.notExistsEnabled {\n\t\t// rgba(255,255,255,0) is white transparent = completely transparent\n        background: repeating-linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,0) 8px, #000 8px, #000 16px);\n\t\tspan {\n\t\t\tborder: 3px dashed #000;\n\t\t\tborder-radius: 15px;\n\t\t}\n\t}\n    &.serviceEnabled {\n        height: 3px;\n        position: absolute;\n        // rgba(255,255,255,0) is white transparent = completely transparent\n        background: repeating-linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,0) 8px, var(--ternary-color-main) 8px, var(--ternary-color-main) 16px);\n        display: block;\n        span{\n            border: 2px dashed var(--ternary-color-main)\n        }\n\t}\n}","@use '../base';\n.link-where-bottom {\n    .upper-vertical, .horizontal, .lower-vertical{\n        height: 3px;\n        position: absolute;\n        background-color: var(--primary-color-main);\n        display: block;\n        z-index: 0;\n    }\n    .horizontal{\n        z-index: 1; // span or should be overlayd over .lower-vertical\n        span {\n            position: relative;\n            top: -10px;\n            background: #fff;\n            border: 2px solid var(--primary-color-main) ;\n            border-radius: 15px;\n            height: 30px;\n            line-height: 20px;\n            padding: 2px 10px;\n            width: fit-content;\n        }\n    }\n    &.optionalEnabled{\n        .upper-vertical, .horizontal, .lower-vertical{\n            height: 3px;\n            position: absolute;\n            // rgba(255,255,255,0) is white transparent = completely transparent\n            background: repeating-linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,0) 8px, var(--primary-color-main) 8px, var(--primary-color-main) 16px);\n            display: block;\n        }\n        span{\n            border: 2px dashed var(--primary-color-main)\n        }\n    }\n\n    &.notExistsEnabled {\n        .upper-vertical, .horizontal, .lower-vertical{\n            // rgba(255,255,255,0) is white transparent = completely transparent\n\t\t    background: repeating-linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,0) 8px, #000 8px, #000 16px);\n        }\n\t\tspan {\n\t\t\tborder: 3px dashed #000;\n\t\t\tborder-radius: 15px;\n\t\t}\n\t}\n\n    &.serviceEnabled {\n        .upper-vertical, .horizontal, .lower-vertical{\n            height: 3px;\n            position: absolute;\n            // rgba(255,255,255,0) is white transparent = completely transparent\n            background: repeating-linear-gradient( 90deg, rgba(255,255,255,0), rgba(255,255,255,0) 8px, var(--ternary-color-main) 8px, var(--ternary-color-main) 16px);\n            display: block;\n        }\n        span{\n            border: 2px dashed var(--ternary-color-main)\n        }\n\t}\n}","@use '../../../base';\n@use '../../../mixins';\n/*Hide select widget list arrow*/\n.nice-select.disabled:after {\n    display: none;\n}\n.nice-select .current {\n    display: inline-block;\n    height: base.$height-components-under - (base.$center-arrow-bd-width*2);\n    line-height: base.$height-components-under - (base.$center-arrow-bd-width*2);\n    vertical-align: bottom;\n    span  {\n        display: inline-block;\n        vertical-align: bottom;\n        min-width: 20px;\n    }\n    .selectIcon {\n        float: left;\n        width: 26px;\n        text-align: center;\n        margin-left: 5px;\n\n    }\n    .variableName {\n        display: none;\n    }\n}\n\n.nice-select {\n    height: 48px;\n    background: transparent;\n    border-color: transparent;\n    padding-left: 10px;\n    padding-right: 26px;\n    border-width: 0;\n    border-top-width: 3px;\n    border-bottom-width: 3px;\n    border-top: 3px solid #fff;\n    border-bottom: 3px solid #fff;\n    &.open, &:active, &:focus, &:hover {\n        border-color: #fff;\n    }\n    ul.list li {\n        border-bottom: solid 1px #e8e8e8;\n        img {\n            height : 40px;\n            &.highlited {\n                display: none;\n            }\n        }\n        &.selected,\n        &.focus,\n        &:hover {\n            background-color: var(--primary-color-main) ;\n            color: #fff;\n            img {\n                display: none;\n                &.highlited {\n                    display: inline;\n                }\n            }\n        }\n    }\n    ul.list {\n        background: #fff;\n        top: 0;\n        margin-top: 0;\n        max-height: 450px;\n        overflow-y: auto;\n    }\n    ul.list:hover .option:not(:hover) {\n        color: #000;\n        img {\n            display: inline;\n            \n            &.highlited {\n                display: none;\n            }\n        }\n    }\n    .current {\n        img {\n            height: 40px;\n            &.highlited {\n                display: none;\n            }\n        }\n    }\n    &:after {\n        margin-top: 0;\n    }\n}\n.nice-select.disabled {\n    color: var(--default-text-color);\n    border-color: transparent;\n    border-radius: 0;\n}\n\n.StartClassGroup {\n    .ClassTypeId .nice-select{\n        border-left: 3px solid #fff;\n    }\n    .ClassTypeId.Highlited .nice-select{\n        border-top-left-radius: 6px;\n        border-bottom-left-radius: 6px;\n        /* removes this otherwise green left border does not appear */\n        /* border-left: 3px solid #fff; */\n    }\n}","@use 'sass:math';\n@use './mixins';\n@use './base';\n@use './layout/all-layout.scss';\n// Importing all the components\n@use './components/all-components.scss';\n@import \"nice-select.css\";\n@import \"~@chenfengyuan/datepicker/dist/datepicker.min.css\";\n// we are importing one default theme,\n// so that all the variables have a default value.\n// they can be overriden by importing another theme CSS in the HTML page\n@import \"themes/sparnatural-theme-grass.css\";\n\nspar-natural {\n\tsection {\n\t\tpadding-top: 30px;\n\t}\t\n\n\t.Sparnatural {\n\t\twidth:100%;\n\t\t.easy-autocomplete {\n\t\t\tinput {\n\t\t\t\theight: base.$height-components-hover;\n\t\t\t\tbox-sizing: border-box;\n\t\t\t}\n\t\t}\n\t\t.easy-autocomplete-container {\n\t\t\tz-index: 999;\n\t\t\tul {\n\t\t\t\tline-height: 20px;\n\t\t\t\tbackground: #fff;\n\t\t\t\tli {\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t\t&.selected {\n\t\t\t\t\t\t\n\t\t\t\t\t\tbackground: var(--primary-color-main) ;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t\n\t\t// in order to work properly even if no bootstrap included\n\t\t*, ::after, ::before {\n\t\t\tbox-sizing: border-box;\n\t\t}\t\t\n\t}\n}\n\n//Select2 overides\nbody .select2-container--default {\n\tfont-size: 14px;\n\tline-height: 1.2;\n\t.select2-results__option--highlighted.select2-results__option--highlighted {\n\t\tbackground-color: var(--primary-color-main);\n\t}\n}\n\n// tippy overides\n.tippy-box[data-theme~='sparnatural'] {\n    background-color: var(--primary-color-light);\n\t// background-color: rgb(255, 231, 203);\t\n    color: #000;\n\tborder-radius: 5px;\n\tborder: 1px dashed var(--primary-color-main);\n\t// border: 1px dashed rgb(250,136,3);\n\tpadding: 2px;\n\tfont-size:0.75em;\n}"],"names":[],"sourceRoot":""}