{"version":3,"file":"../css/hub-connector.min.css","mappings":";AAGS,07BCHT,SACC,cACA,WACA,eACA,gBACA,8BACA,qBACA,6BACA,YACA,UACA,SACA,4BACA,qCCVA,qCACC,oDAEA,oCAHD,SAIE,eACA,uCAIF,sCACC,oDAEA,qCAHD,SAIE,eACA,wCAIF,6CACC,oDAEA,sCAHD,SAIE,eACA,yCAIF,+CACC,oDAEA,uCAHD,SAIE,eACA,8CAIF,0CACC,oDAEA,4CAHD,SAIE,eACA,+CAIF,2CACC,oDAEA,6CAHD,SAIE,eACA,0BAKH,oBACC,6DACC,IAED,SACC,qCACA,KAED,SACC,kCACA,KAED,kCACC,KAED,gCACC,IAED,cACC,4BAIF,GACC,qDACA,cACA,4DACA,8CACA,4CACA,iEAGD,GACC,4BACA,gDACA,4CACA,cACA,yEACA,mCAGD,IACC,gCACC,SAED,SACC,iCACA,IAED,SACC,iCACA,oBAIF,GACC,SACC,KAED,SACC,yBAIF,GACC,SACC,KAED,SACC,6CACA,MAED,uCACC,qBAIF,GACC,SACC,KAED,SACC,MAED,SACC,0BAIF,GACC,SACC,wCACA,KAED,SACC,6CACA,MAED,SACC,wBAIF,KACC,SACC,mCACA,IAED,SACC,eACA,yBAIF,KACC,SACC,kCACA,IAED,SACC,eACA,kBAIF,GACC,sBACC,MAED,wBACC,yBCxJC,qCCzBI,gBAGQ,eAFF,iBAMO,WC4EoB,uBD3EjB,wCJFtB,uBACC,0BG0EA,uCH3ED,sBAIE,2BAIF,2BACC,oCACA,kCACA,kCACA,2BACA,mCACA,oCACA,6JAKD,aACC,iBACA,UACA,iBItBkB,WCgQoB,gBDlQpB,sCALb,2BJoCN,cI1Bc,iBAOE,WCsPuB,SL/NtC,2BAED,cI/Bc,iBAOE,2BJ6BhB,cInCc,iBAOE,2BJiChB,cIvCc,2BJ2Cd,cI1Cc,2BJ8Cd,cI7Cc,0BJmDd,qCIlEM,gBAGQ,eAFF,iBAMO,WC4EoB,uBD3EjB,kCJiErB,sCAEA,cACC,iBACA,WK4LqC,aL1LrC,sCAGD,YACC,wDAGD,kBI7DW,0BDwDX,uDHKA,kBI5Dc,sCJoEd,eACC,8BAKF,oBACC,eACA,iBACA,WKkKsC,kBLhKtC,0BAKD,oBACC,cK2JsC,gBLzJtC,4BACA,mBACA,gBACA,kJAGC,aKoJqC,mCL/ItC,mBACC,0HAEA,UK6IqC,eL3IpC,wDASH,eAEC,eACA,iBACA,WKkIsC,yBAHA,yBL5HtC,kBI5Hc,SJ8Hd,kBACA,gBACA,cACA,eACA,sBACA,WACA,6BAGD,oBACC,gBACA,wDAID,eACC,4BAGD,iBACC,mBACA,8BACA,2BAGD,WACC,cACA,WACA,mBACA,cACA,yCAOD,aACC,aACA,WKhIa,6CLkIb,uBIpLqB,qDJuLrB,YACC,oDAGD,eACC,8DAQF,UK1HuC,uhGC5FxC,6CACC,WACA,cACA,kBACA,mBACA,oBACA,oBACA,cACA,oBACA,qBACA,WD+iBuC,UC7iBvC,cACA,mCAGA,kCACA,0CACA,shGAlBD,UDyjBwC,6CCpiBvC,shGArBD,UD0jBgD,aCjVhD,kCACC,4CACA,wSACA,mBAKA,kBACA,kCAKA,mCACC,iCAID,oBACC,+CAMA,cACC,+CAKD,cACC,+CAKD,cACC,+CAKD,cACC,oDAMD,aACC,kDAKD,aACC,oDAKD,aACC,iDAKD,aACC,wCAKF,WACC,kBACA,eACA,qCAKA,WA/QM,qCA+QN,WA/QM,0CA+QN,WA/QM,2CA+QN,WA/QM,2CA+QN,WA/QM,6CA+QN,WA/QM,oCA+QN,WA/QM,wCA+QN,WA/QM,qCA+QN,WA/QM,sCA+QN,WA/QM,sCA+QN,WA/QM,oCA+QN,WA/QM,mCA+QN,WA/QM,oCA+QN,WA/QM,uDA+QN,WA/QM,oCA+QN,WA/QM,2CA+QN,WA/QM,sDA+QN,WA/QM,uDA+QN,WA/QM,sCA+QN,WA/QM,wCA+QN,WA/QM,qCA+QN,WA/QM,8CA+QN,WA/QM,yCA+QN,WA/QM,sCA+QN,WA/QM,wCA+QN,WA/QM,0CA+QN,WA/QM,6CA+QN,WA/QM,4CA+QN,WA/QM,4CA+QN,WA/QM,wCA+QN,WA/QM,2CA+QN,WA/QM,0CA+QN,WA/QM,0CA+QN,WA/QM,+CA+QN,WA/QM,kDA+QN,WA/QM,gDA+QN,WA/QM,8CA+QN,WA/QM,oCA+QN,WA/QM,qCA+QN,WA/QM,0CA+QN,WA/QM,yCA+QN,WA/QM,6CA+QN,WA/QM,+CA+QN,WA/QM,wCA+QN,WA/QM,mCA+QN,WA/QM,uCA+QN,WA/QM,qCA+QN,WA/QM,yCA+QN,WA/QM,0CA+QN,WA/QM,qCA+QN,WA/QM,wCA+QN,WA/QM,qCA+QN,WA/QM,oCA+QN,WA/QM,2CA+QN,WA/QM,sCA+QN,WA/QM,0CA+QN,WA/QM,oCA+QN,WA/QM,0CA+QN,WA/QM,4CA+QN,WA/QM,2CA+QN,WA/QM,6CA+QN,WA/QM,2CA+QN,WA/QM,2CA+QN,WA/QM,oCA+QN,WA/QM,2CA+QN,WA/QM,2CA+QN,WA/QM,oCA+QN,WA/QM,uCA+QN,WA/QM,0CA+QN,WA/QM,0CA+QN,WA/QM,oCA+QN,WA/QM,sCA+QN,WA/QM,yCA+QN,WA/QM,oCA+QN,WA/QM,qDA+QN,WA/QM,oCA+QN,WA/QM,4CA+QN,WA/QM,sCA+QN,WA/QM,6CA+QN,WA/QM,+CA+QN,WA/QM,oCA+QN,WA/QM,oCA+QN,WA/QM,oCA+QN,WA/QM,qCA+QN,WA/QM,mCA+QN,WA/QM,wCA+QN,WA/QM,0CA+QN,WA/QM,gDA+QN,WA/QM,6CA+QN,WA/QM,8CA+QN,WA/QM,8CA+QN,WA/QM,yCA+QN,WA/QM,sCA+QN,WA/QM,2CA+QN,WA/QM,uCA+QN,WA/QM,oCA+QN,WA/QM,6CA+QN,WA/QM,sCA+QN,WA/QM,oCA+QN,WA/QM,yCA+QN,WA/QM,2CA+QN,WA/QM,0CA+QN,WA/QM,iDA+QN,WA/QM,oCA+QN,WA/QM,+CA+QN,WA/QM,wCA+QN,WA/QM,qCA+QN,WA/QM,oCA+QN,WA/QM,wCA+QN,WA/QM,qCA+QN,WA/QM,8CA+QN,WA/QM,iDA+QN,WA/QM,4CA+QN,WA/QM,sCA+QN,WA/QM,4CA+QN,WA/QM,8CA+QN,WA/QM,qCA+QN,WA/QM,+CA+QN,WA/QM,yCA+QN,WA/QM,wCA+QN,WA/QM,oCA+QN,WA/QM,yCA+QN,WA/QM,uCA+QN,WA/QM,mDA+QN,WA/QM,sDA+QN,WA/QM,+CA+QN,WA/QM,sCA+QN,WA/QM,uCA+QN,WA/QM,mCA+QN,WA/QM,wCA+QN,WA/QM,sCA+QN,WA/QM,uCA+QN,WA/QM,oCA+QN,WA/QM,+CA+QN,WA/QM,oCA+QN,WA/QM,uCA+QN,WA/QM,4CA+QN,WA/QM,gDA+QN,WA/QM,4CA+QN,WA/QM,oCA+QN,WA/QM,oCA+QN,WA/QM,uCA+QN,WA/QM,4CA+QN,WA/QM,+CA+QN,WA/QM,qCA+QN,WA/QM,qCA+QN,WA/QM,yCA+QN,WA/QM,+CA+QN,WA/QM,8CA+QN,WA/QM,+CA+QN,WA/QM,8CA+QN,WA/QM,4CA+QN,WA/QM,kDA+QN,WA/QM,8CA+QN,WA/QM,yCA+QN,WA/QM,0CA+QN,WA/QM,6CA+QN,WA/QM,4CA+QN,WA/QM,wCA+QN,WA/QM,qCA+QN,WA/QM,uCA+QN,WA/QM,2CA+QN,WA/QM,sCA+QN,WA/QM,2CA+QN,WA/QM,0CA+QN,WA/QM,8CA+QN,WA/QM,wCA+QN,WA/QM,sCA+QN,WA/QM,2CA+QN,WA/QM,mCA+QN,WA/QM,wCA+QN,WA/QM,8CA+QN,WA/QM,2CA+QN,WA/QM,8CA+QN,WA/QM,8CA+QN,WA/QM,6CA+QN,WA/QM,4CA+QN,WA/QM,sCA+QN,WA/QM,sCA+QN,WA/QM,uCA+QN,WA/QM,qCA+QN,WA/QM,2CA+QN,WA/QM,6CA+QN,WA/QM,gPCvCN,cACC,qBACA,kBACA,SACA,iBACA,mBACA,2BACA,kBHkBa,qBGhBb,kBACA,wBHgBU,8TGbV,UACC,YACA,aACA,sBACA,mBACA,uBACA,kBACA,SACA,wWAEA,aACC,iuBAIF,aAEC,oBACA,0BJsDF,w7BIpDG,eACC,uBACA,iYAKH,YACC,kWAGD,cACC,4YAEA,aACC,cACA,oRAIF,YACC,gBACA,oRAGD,YACC,0kDAGD,cAKC,oBACA,4VAGD,mBACC,oBACA,sBACA,mBACA,uBACA,0aAEA,YACC,wcAGD,SACC,0XAIF,mBACC,ghBAEA,YACC,0gBAGD,aACC,wlBAEA,UACC,YACA,qBACA,kBACA,qBACA,iBACA,koBAEA,oBACC,sVAMJ,iBACC,iHAMH,UAGC,eACA,iBACA,sBACA,WACA,6CACA,uBHnHqB,yBGqHrB,0KAEA,qBACC,gOAEA,UACC,kBACA,SACA,iBACA,qQAIF,wBAEC,mIAGD,YACC,0BACA,gwBAGD,wBFH4B,WACA,kSEgB1B,iBACC,cACA,iKAQF,wBACC,WACA,qWAEA,wBAEC,mLAGD,YACC,6BACA,g/BAGD,wBFzC0B,WACA,oKE0B3B,wBACC,WACA,2WAEA,wBAEC,sLAGD,YACC,6BACA,+/BAGD,wBFzC0B,WACA,8JE0B3B,wBACC,WACA,+VAEA,wBAEC,gLAGD,YACC,6BACA,i+BAGD,wBFzC0B,WACA,uKE0B3B,wBACC,WACA,iXAEA,wBAEC,yLAGD,YACC,6BACA,8gCAGD,wBFzC0B,WACA,uKE0B3B,wBACC,WACA,iXAEA,wBAEC,yLAGD,YACC,6BACA,8gCAGD,wBFzC0B,WACA,uKE0B3B,wBACC,WACA,iXAEA,wBAEC,yLAGD,YACC,6BACA,8gCAGD,wBFzC0B,WACA,oKE0B3B,qBACC,WACA,2WAEA,wBAEC,sLAGD,YACC,0BACA,+/BAGD,wBFzC0B,WACA,uKEoD5B,UACC,YACA,iBACA,qBFpD4B,mBEsD5B,+BACA,cFrD4B,iBEuD5B,oBACA,iXAEA,SAEC,qBF7D2B,oCAEA,yLEiE5B,YACC,6BACA,uKAKF,UACC,aACA,mBACA,uBACA,iBACA,oBACA,kBF3E4B,+BACA,WACA,iBE6E5B,4LAEA,WHhBuB,0BD3IxB,2LI2JC,WHduB,2BD7IxB,sKI+IA,WHFwB,2BDnJxB,sKIqJA,WHHqB,qKGiCrB,iBACC,+BACA,WACA,2WAEA,iBAEC,sBACA,WACA,sLAGD,YACC,0BACA,+/BAGD,oBF9H2B,oCACA,oNEyI1B,oBACC,cACA,2cAEA,oBAEC,yBACA,WACA,sOAGD,YACC,6BACA,u9BAGD,oBF1JyB,oCACA,uNEyI1B,oBACC,cACA,idAEA,oBAEC,yBACA,WACA,yOAGD,YACC,6BACA,m+BAGD,oBF1JyB,oCACA,iNEyI1B,oBACC,cACA,qcAEA,oBAEC,yBACA,WACA,mOAGD,YACC,6BACA,28BAGD,oBF1JyB,oCACA,0NEyI1B,oBACC,cACA,udAEA,oBAEC,yBACA,WACA,4OAGD,YACC,6BACA,++BAGD,oBF1JyB,oCACA,0NEyI1B,oBACC,cACA,udAEA,oBAEC,yBACA,WACA,4OAGD,YACC,6BACA,++BAGD,oBF1JyB,oCACA,0NEyI1B,oBACC,cACA,udAEA,oBAEC,yBACA,WACA,4OAGD,YACC,6BACA,++BAGD,oBF1JyB,oCACA,uNEyI1B,iBACC,WACA,idAEA,iBAEC,sBACA,WACA,yOAGD,YACC,0BACA,m+BAGD,oBF1JyB,oCACA,0BFjE5B,8OIyOC,YAGE,2BJlPH,8OI+OC,aAOE,2BJhPH,oSIsPE,cAGE,cACA,2BJ1PJ,2OIoPC,aAWE,2BJrQH,2OI0PC,YAeE,2BJnQH,4KIuOA,cAiCE,kBACA,iBACA,sTAKF,gBACC,eACA,iBACA,wRAEA,cACC,gIAOH,UAGC,YACA,oBACA,mBACA,uBACA,cACA,+BACA,WACA,kBACA,mBACA,+OAIC,aACC,mcAIF,wBAGC,WACA,kJAGD,YACC,0BACA,20BAGD,UF5P4B,yBADA,gLEwQ3B,aACC,mlBAEA,wBAGC,cACA,kMAGD,YACC,6BACA,2jCAGD,UFtR0B,yBADA,mLEwQ3B,aACC,4lBAEA,wBAGC,cACA,qMAGD,YACC,6BACA,0kCAGD,UFtR0B,yBADA,6KEwQ3B,aACC,0kBAEA,wBAGC,cACA,+LAGD,YACC,6BACA,4iCAGD,UFtR0B,yBADA,sLEwQ3B,aACC,qmBAEA,wBAGC,cACA,wMAGD,YACC,6BACA,ylCAGD,UFtR0B,yBADA,sLEwQ3B,aACC,qmBAEA,wBAGC,cACA,wMAGD,YACC,6BACA,ylCAGD,UFtR0B,yBADA,sLEwQ3B,aACC,qmBAEA,wBAGC,cACA,wMAGD,YACC,6BACA,ylCAGD,UFtR0B,yBADA,mLEwQ3B,UACC,4lBAEA,+BAGC,WACA,qMAGD,YACC,0BACA,0kCAGD,UFtR0B,yBADA,4LEmS5B,UACC,kBACA,unBAEA,iBAGC,sBACA,WACA,8MAGD,YACC,0BACA,unCAGD,oBFpT2B,4OE8T1B,oBACC,uwBAEA,oBAGC,yBACA,WACA,8PAGD,YACC,6BACA,u2CAGD,oBF9UyB,+OE8T1B,oBACC,gxBAEA,oBAGC,yBACA,WACA,iQAGD,YACC,6BACA,s3CAGD,oBF9UyB,yOE8T1B,oBACC,8vBAEA,oBAGC,yBACA,WACA,2PAGD,YACC,6BACA,w1CAGD,oBF9UyB,kPE8T1B,oBACC,yxBAEA,oBAGC,yBACA,WACA,oQAGD,YACC,6BACA,q4CAGD,oBF9UyB,kPE8T1B,oBACC,yxBAEA,oBAGC,yBACA,WACA,oQAGD,YACC,6BACA,q4CAGD,oBF9UyB,kPE8T1B,oBACC,yxBAEA,oBAGC,yBACA,WACA,oQAGD,YACC,6BACA,q4CAGD,oBF9UyB,+OE8T1B,iBACC,gxBAEA,iBAGC,sBACA,WACA,iQAGD,YACC,0BACA,s3CAGD,oBF9UyB,sLE0V5B,wBACC,WACA,qmBAEA,wBAGC,wMAGD,YACC,0BACA,ylCAGD,wBFzW2B,WACA,sOEmX1B,wBACC,WACA,qvBAEA,wBAGC,wPAGD,YACC,6BACA,y0CAGD,wBFnYyB,WACA,yOEmX1B,wBACC,WACA,8vBAEA,wBAGC,2PAGD,YACC,6BACA,w1CAGD,wBFnYyB,WACA,mOEmX1B,wBACC,WACA,4uBAEA,wBAGC,qPAGD,YACC,6BACA,0zCAGD,wBFnYyB,WACA,4OEmX1B,wBACC,WACA,uwBAEA,wBAGC,8PAGD,YACC,6BACA,u2CAGD,wBFnYyB,WACA,4OEmX1B,wBACC,WACA,uwBAEA,wBAGC,8PAGD,YACC,6BACA,u2CAGD,wBFnYyB,WACA,4OEmX1B,wBACC,WACA,uwBAEA,wBAGC,8PAGD,YACC,6BACA,u2CAGD,wBFnYyB,WACA,yOEmX1B,qBACC,WACA,8vBAEA,wBAGC,2PAGD,YACC,0BACA,w1CAGD,wBFnYyB,WACA,2OE+Y5B,UACC,YACA,uTAEA,cACC,0aAeA,cACC,oCC5jBJ,YACC,sBACA,uBACA,kBACA,UACA,oBACA,qJAEA,kBAGC,4GAGD,cAEC,qEAQC,wBH2CW,4EGxCV,0BACC,uEAOF,kBACC,sBH0BU,8EGvBV,qBHwBU,0IGnBX,cAEC,oBACA,mEAMD,4BACC,2EAGD,4BACC,sDAGD,4BACC,iFAEA,4BACC,6EAIF,eACC,mEAMD,4BACC,2EAGD,4BACC,+BAIF,4DACC,wBACC,oGAIF,oEAEE,mCACC,4EACA,wBHrCS,wDG8Cb,UJwOa,YACC,kBItOb,OACA,MACA,aACA,UACA,SACA,kBACA,sBHlDY,wBDnCF,UIwFV,8DAEA,WACC,WACA,YACA,kBACA,QACA,SACA,mBJqNY,sBC1PwB,sBGwCpC,gJAGD,iBAEC,gJAGD,gBAEC,mBACA,sDAKF,aACC,6CACA,uBJnIoB,+FIwIrB,iBAEC,SACA,iBACA,gBACA,4CAIF,SACC,wGACA,gBACC,0BClKF,qBACC,gEAGD,qBAEC,2EAID,eACC,kBACA,kBLec,sBCkEwB,2BI9EtC,2GAGA,+BACC,kBACA,aACA,mBACA,0BNiED,0GMrEA,iBAOE,wJAGD,gBACC,0BN0DF,sGMrDA,YLFc,2BDiDd,sGM/CA,YLHW,4GKeX,4BACC,aACA,aACA,mBACA,mIACA,gBACC,0BNmCF,0GMzCA,YLdc,4GK6Bd,mBACC,mIAEA,YACC,6KAEA,cACC,iBACA,sCL/DE,uBAQgB,+LK2DlB,eACC,mNAGD,gBACC,eACA,iOAEA,aACC,+MAIF,iBACC,iNAGD,iBACC,8BACA,yKAIF,UACC,iBACA,2KAGD,UACC,gBACA,uBLzFkB,mOK4FlB,aACC,2NAGD,UACC,0BNxBJ,4JM4BE,oBAGE,gBACA,2BNtCJ,4JMkCE,gBAQE,2BN1CJ,kIMjBC,MAgEE,2BNzCH,kIMvBC,mBAoEE,kBACA,gBACA,2BNrDH,oIMyDC,aAGE,2BN5DH,0GMpBA,YAqFE,kBACA,gHAOD,cACC,cACA,0BN3EF,8KMgFE,iBAGE,2BNnFJ,4IM8EC,YAUE,OACA,2BNzFH,oKM+FE,MAGE,2BNlGJ,kNMwGG,iBAGE,2BN3GL,gLMsGE,aAUE,2BNhHJ,0GMuEA,YA+CE,2BNtHF,wGM2HA,0BAGE,SACA,WACA,sIAEM,qCACI,2GAIZ,gBACC,oBACA,0BNnID,0GMiIA,kBLxLc,6CDiDd,0GMuIA,kBLzLW,6CDwDX,gGMgJA,eAGE,2BNzJF,gGMsJA,eAOE,2BNvJF,0EM7ED,kBLsBe,2BDiDd,0EMvED,kBLqBY,sCK+NZ,aACC,kBACA,0DAEA,eACC,kBACA,iBACA,yWAEA,eACC,2aAEA,eACC,4DAIF,eACC,uBACA,uEAEA,eACC,0BN7LH,yDM2KA,eLlOc,8CDiDd,yDMiLA,eLnOW,yFKuQV,gBACC,2FAKA,YACC,0FAGD,eACC,+DAQF,gBACC,iDAIF,YACC,gDAGD,eACC,0BN5OD,oCMuKD,YL9Ne,2BDiDd,oCM6KD,YL/NY,0GKmTX,aACC,SACA,UACA,SACA,WACA,6CACA,oBACA,mBNtRF,gBACA,uBACA,6GMuRE,qBACC,+IAGD,UACC,cACA,kBACA,6JAEA,aACC,eACA,2BACA,sDASH,iBACC,wEAEA,WACC,kBACA,SACA,0BNhSF,uEM6RC,YAME,4EAMD,iBACC,4BACA,kBLvWW,WCwEwB,eIkSnC,iBACA,6BACA,+BACA,gCACA,8BACA,6EAEA,UJzSmC,gBI2SlC,gGHnXL,WAGE,gGGoXG,aJ9SkC,kBIgTjC,kBACA,0BNpUL,wEM6SC,kBA6BE,wDAKH,SACC,wDAOD,YLxYc,yBK0Yb,kBL/Ya,0BDsDd,uDMuVA,YLzYW,iDKoZZ,kBLlUgB,oBAIC,gCKiUhB,0BN/VA,+CM4VD,kBLnZe,+DK8Zf,eACC,yBACA,kBLrac,0BD4Dd,0DM4WA,kBLnac,2BDiDd,0DMkXA,kBLpaW,2BDwDX,yCMuWD,YL9Ze,2BDiDd,yCM6WD,YL/ZY,6DM9BX,YACC,kBACA,mBN4BU,oDMzBV,0BPiFD,8FO7EE,gBNsBY,2BDiDd,8FOvEE,gBNqBS,wEMTV,eACC,iBACA,sBACA,yEAID,UACC,oBACA,sCACA,wEAID,kBACC,kBACA,mBNNY,4CDiDd,uEO7CC,kBAOE,kBACA,mBNbQ,6CDwDX,2DOtFA,aAkDE,kEAKF,YACC,kBACA,mBN1Ba,0BDuDd,mGOxBE,gBN/BY,2BDiDd,mGOlBE,gBNhCS,2BDkDX,uMOJE,YAGE,iBACA,6EAKH,eACC,0FA/BF,aAmCE,+DAKF,eACC,eACA,4KAEA,UACC,0BPdF,6DOSA,cASE,2BPxBF,6DO6BA,WAGE,OACA,6HAKF,aACC,eACA,UACA,SACA,WACA,6CACA,uBN/GoB,kJMkHpB,QACC,8IAGD,UACC,mEAGD,YAEC,uBACA,4EAEA,eACC,iBACA,uFAEA,cACC,gLAGD,cAEC,yEASH,eACC,6EAOD,QACC,iBACA,mBN1IY,qCM6IZ,mFAEA,UACC,WACA,WACA,cACA,kBACA,QACA,SACA,OACA,yBACA,iLAGD,mBAEC,6LAEA,aACC,0BPzGJ,gLOoGE,gBN3JY,2BDiDd,4EOuFC,gBAiCE,mBN1KQ,mNMwLX,kBACC,kBACA,yBACA,wJAGD,SACC,WACA,0BP9ID,6KOiJA,aAGE,kBNtMS,+DM6MX,gBACC,kBACA,2CC9OF,wBNwS2B,2FMrS1B,eACC,8CAGD,YACC,eACA,aACA,mBACA,gBACA,kBACA,UACA,SACA,iDAEA,QACC,aACA,SACA,kEAKA,WACC,gFAOF,aACC,sFAMD,MACC,0BR8CF,wEQtCE,cAGE,gBACA,2BR4BJ,wEQhCE,cPmIqB,2CD7FvB,wEQtCE,cAGE,gBACA,2BR4BJ,wEQhCE,aPmIqB,0CD7FvB,wEQtCE,cAGE,gBACA,2BR4BJ,wEQhCE,gBPmIqB,6CD7FvB,wEQtCE,cAGE,gBACA,2BR4BJ,wEQhCE,aPmIqB,0CD7FvB,wEQtCE,cAGE,gBACA,2BR4BJ,wEQhCE,aPmIqB,0CD7FvB,0CQvFD,iBAiEE,2BRgBD,0CQjFD,iBAqEE,2CAIF,eACC,cACA,kBACA,kBPjDc,sBC4DwB,uCAuNb,WADL,sCDvSf,uBAQgB,wBAcV,qDO4DV,aACC,mBACA,kBACA,gCACA,kBPjEY,wBACH,sEOoET,4CACC,4BACA,6BACA,gEAGD,wBACC,0BACA,qDAIF,YACC,mBACA,iBACA,oBACA,eP+EsB,iBACE,gBAtLb,uEO2GX,UPiFuB,cO/EtB,sBACA,iBACA,eP8EqB,kBO5ErB,8EAEA,aACC,WNuLqB,iBDrHC,wBApKf,yDOyGT,cPqEwB,YOnEvB,cACA,iBACA,0DAGD,gBACC,oBACA,0CACA,ePmDwB,iBACE,6DO5C3B,iBACC,yBNwJ6B,cACL,oECtR5B,WAGE,kBK+HG,UACA,QACA,UACA,WNzEkC,eM2ElC,mEAGD,WACC,kBACA,SACA,WACA,8BACA,qCACA,sFAGD,aNmIwB,kEM/HxB,wBN8H6B,gDMvHhC,iENyHiC,uDMrHjC,mBACC,kBACA,+BACA,gBACA,kEAIC,iBACC,8JAEA,iBAEC,QACA,UACA,uEAGD,iBACC,wBACA,sBACA,6DAKH,eACC,+EASA,iBACC,+EAGD,aACC,iBPlBmC,mBAtBhB,oBAoBa,kBApBb,iGO8CnB,aACC,kBACA,wGAEA,gBPzCoB,mFO8CrB,aACC,yCCtPL,aACC,SACA,yBACA,kBRwBc,sBC4DwB,oJO7ErC,QAEC,gLAEA,qBACC,eACA,kBACA,qFAIF,WACC,aACA,cACA,mBACA,WPgT4B,6CO9S5B,uBRbmB,wGQgBnB,aACC,eACA,kBACA,+GAEA,aACC,6GAGD,eACC,iIAGD,gBACC,8GAIF,UACC,YACA,cACA,yBACA,sBACA,yMACA,0BACA,gCACA,kBR7BW,mHQgCX,UACC,YACA,cACA,sBACA,kBACA,4BACA,sBACA,2BACA,mHAGD,gBACC,0FAIF,aACC,gBACA,uBACA,mBACA,wSAGD,gBAGC,oFAIF,aACC,cACA,wGAEA,YACC,gBACA,mBACA,wHAEA,MACC,cACA,oIAEA,aACC,mIAGD,cACC,iIAGD,aACC,mHAIF,eACC,sFAKH,SACC,YACA,yBPiN4B,uGO9M5B,iBACC,wGAGD,gBACC,oGAID,aACC,sFAIF,URsG4B,wBQnG3B,aACA,mBACA,uBACA,kBRvHY,+BQyHZ,cPjFW,wBDvCF,yGQ4HT,cACC,gHAEA,aACC,cACA,uLAIF,wBP8K6B,6GOtK7B,qBACC,oRAQD,URgE2B,cQ9D1B,WPsJ2B,eOpJ3B,kBACA,wBR3JQ,ySQ8JR,aACC,cACA,8TAGD,qBACC,gBACA,mBACA,ozBAIF,aAGC,qGAKF,YACC,mBACA,mBR4ByB,qPQvBzB,WAEC,kHAID,cACC,0BTrIH,oGSuHC,eR6B4B,iBQV1B,oBACA,2BTjJH,oGS6HC,eR4ByB,iBQHvB,oBACA,2GAOD,cACC,aACA,mBACA,mBRNwB,4CDrJ3B,yGSwJE,eRJ2B,iBQazB,oBACA,2BTxKJ,yGS8JE,eRLwB,iBQoBtB,oBACA,yGAIF,YACC,6BACA,0BT9KH,uGS4KE,YRnOY,2BDiDd,uGSkLE,YRpOS,8OQqPR,WACC,uHAOD,cACC,oLAWC,wBACC,iIAKH,aACC,sEAMH,YACC,mBACA,sFAEA,eACC,aACA,OACA,mBACA,uGAEA,iBRnFwB,wGQuFxB,kBRvFwB,0BDrJ3B,qFSkOE,eR9E2B,iBQ8FzB,oBACA,2BTzPJ,qFSwOE,eR/EwB,iBQqGtB,oBACA,0GAGD,eACC,yFAIF,aACC,qGAEA,gBR/GwB,oGQmHxB,iBRnHwB,uGQuHxB,qBACC,0OAEA,cAEC,kBACA,0BTlRL,sGS4QG,gBAUE,oBACA,2BT7RL,sGSkRG,gBAeE,oBACA,sKAMH,WAEC,mFAID,cACC,iEAMH,aACC,mFAEA,aACC,WACA,6CACA,uBR9XmB,kNQqYnB,4BACC,0BT7TH,iNS4TE,eAIE,mBACA,kBACA,oBACA,2BTzUJ,iNSkUE,eAWE,mBACA,kBACA,oBACA,2BT1UJ,sZSuVI,kBAGE,2BThWN,sZS6VI,iBAOE,2BTpWN,wGSuVE,YAmBE,mJAQA,kBACC,yFAMJ,YACC,sHAEA,MACC,0BT7XH,uJSiYI,aAGE,2BTpYN,sJSwYI,cAGE,2BT3YN,2IS+XG,aAiBE,aACA,2BTjZL,0SSwZI,aAGE,2BT3ZN,wSS+ZI,cAGE,2BTlaN,kRSqZG,aAkBE,aACA,2BTlaL,uHSsaG,gBAGE,2BT/aL,uHS4aG,gBAOE,2BTnbL,qHS4XE,YA4DE,mBACA,0HAIF,aACC,mGAIF,+BACC,0BT7bF,gES+SA,iBAkJE,2BTvcF,gESqTA,iBAsJE,gEAKF,wBP7N6B,kFOgO5B,eACC,kBR1gBY,sBC4DwB,uCDsJZ,wBAjNf,sVQmhBR,iBACC,qGAIF,gBACC,0IAOC,iBACC,4GAKH,uBRtiBS,kGQ0iBT,SACC,wGAEA,SACC,wGAMD,SACC,gLAIF,iERvW8B,ktBQ+W5B,UPlRgC,0BFpPpC,0GS+gBE,eRtkBY,2BDiDd,0GSqhBE,eRvkBS,yFQmlBV,aACC,WP9S2B,6COgT3B,uBRvmBmB,0BDyErB,2GSoiBE,eR3lBY,2BDiDd,2GS0iBE,eR5lBS,2BDwDX,oGS+iBE,mBAGE,2BTxjBJ,oGSqjBE,mBAOE,wHAOF,iBACC,0BT9jBH,0HSmkBG,eR1nBW,2BDiDd,0HSykBG,eR3nBQ,2BDwDX,mHS8kBG,mBAGE,2BTvlBL,mHSolBG,mBAOE,2BTrlBL,+GS0lBE,eRjpBY,2BDiDd,+GSgmBE,eRlpBS,2EQ8pBV,8BACC,8BACA,0BTxmBF,8DS0cA,YRjgBc,2BDiDd,8DSgdA,YRlgBW,8EQ+qBV,uBACC,qGAKA,wBACC,kBR1rBW,0BD4Dd,qHSioBG,kBRxrBW,2BDiDd,qHSuoBG,kBRzrBQ,2BDwDX,iFS2nBC,YRlrBa,2BDiDd,iFSioBC,YRnrBU,8IQktBR,+BACC,oGAKH,4BACC,qDAKF,cACC,gBACA,0BT9qBD,gHSmrBE,WAGE,2BTtrBJ,qHS6rBG,WAGE,2BThsBL,iGSwsBG,eAGE,2BTrsBL,oDSsqBA,YAsCE,2BTltBF,oDS4qBA,YA0CE,2BThtBF,yDSotBA,kBR3wBc,2BDiDd,yDS0tBA,kBR5wBW,+DQ6xBX,SACC,0EC/yBF,cACC,kBACA,mBACA,kBACA,0BVqEA,yEUzED,iBAOE,mBACA,kCAIF,YACC,eACA,mBACA,mBTEW,8DSEX,eACC,0BVqDD,2CUtDA,eAIE,2BVkDF,gCU7DD,kBAgBE,mBTVa,kBSYb,sCAIF,0BACC,iCAGD,MAEC,0CAGD,aAEC,WACA,eACA,gBACA,uCA7DA,UADQ,6EAMR,gBANQ,uCACR,oBADQ,iGAMR,0BANQ,uCACR,oBADQ,iGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,mBADQ,8FAMR,yBANQ,wBAuER,sCAtEA,UADQ,6EAMR,gBANQ,uCACR,oBADQ,iGAMR,0BANQ,uCACR,oBADQ,iGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,mBADQ,8FAMR,yBANQ,2BAuER,sCAtEA,UADQ,6EAMR,gBANQ,uCACR,oBADQ,iGAMR,0BANQ,uCACR,oBADQ,iGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,mBADQ,8FAMR,yBANQ,2BAuER,sCAtEA,UADQ,6EAMR,gBANQ,uCACR,oBADQ,iGAMR,0BANQ,uCACR,oBADQ,iGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,mBADQ,8FAMR,yBANQ,4BAuER,sCAtEA,UADQ,6EAMR,gBANQ,uCACR,oBADQ,iGAMR,0BANQ,uCACR,oBADQ,iGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,SADQ,0EAMR,eANQ,sCACR,oBADQ,gGAMR,0BANQ,sCACR,mBADQ,8FAMR,yBANQ,4BAgFP,uDAFD,eAGE,4BAIF,4CATD,kBT7CY,2BS0DX,4CAbD,kBT5Ce,2BSkEb,uDAFD,eAGE,2BAIF,4CATD,kBT9De,2BSgFb,uDAFD,eAGE,2BAIF,4CATD,kBT5Ee,yBS8Fb,uDAFD,eAGE,yBAIF,4CATD,kBT1Fe,qCUhCf,eACC,wDAEA,YACC,uBACA,SACA,kBACA,SACA,kBVmBa,sBC4DwB,wDS5ErC,0DAEA,eACC,UACA,SACA,WACA,eACA,iBACA,qEAEA,eACC,yEAIF,UACC,cACA,WACA,kBACA,gFAEA,aACC,cACA,iGAGD,iBACC,4EAIF,MACC,kBACA,kBACA,6FAEA,iBACC,QACA,UACA,oGAEA,OACC,oGAGD,OACC,oGAGD,OACC,gGAIF,aACC,kBACA,iBACA,wGAKH,YAEC,+IAMA,0DACC,iLAEA,aTjBW,mJS0BZ,0DACC,qLAEA,aT5BW,oJSqCZ,0DACC,sLAEA,aACC,+IAQF,0DACC,iLAEA,aTlDW,mJS2DZ,0DACC,qLAEA,aACC,+CAKH,QACC,8CAIF,mBACC,eACA,cACA,MACA,QACA,SACA,aACA,0DAEA,UACC,gBACA,uBACA,UACA,mBACA,8EAEA,4DACC,2LAMA,+DACC,+LAOD,+DACC,gMAOD,+DACC,2LAOD,+DACC,+LAOD,+DACC,qEAIF,eACC,2CAGD,yDAvDD,cAwDE,8EAUD,uDACC,+EAEA,UTrIoC,s6BSqJpC,uDACC,mGASD,4DACC,koCAcA,4DACC,wCAWL,aACC,4DAEA,kBACC,yDACA,8DAEA,kBACC,eACA,iGAKA,SACC,WACA,oGAGD,iBACC,iBACA,uJAQF,2DACC,2JAOD,2DACC,4JAOD,2DACC,uJAOD,2DACC,2JAOD,2DACC,kFASD,6DACC,mMAMA,gEACC,uMAOD,gEACC,wMAOD,gEACC,mMAOD,gEACC,uMAOD,gEACC,iFAWF,wDACC,mFAEA,UTvToC,88BSuUpC,wDACC,uGASD,6DACC,0qCAcA,6DACC,6CAaJ,UACC,oDAMA,SACC,2CASA,sDAFD,SAGE,4CAGD,sDAND,MAOE,qCC5dJ,YACC,eACA,mBACA,kBACA,mBX2BW,cWzBX,0BZiFA,sCY/EA,aAGE,2BZ4EF,sDYxEA,eAGE,kBACA,cACA,2BZmEF,qDY/DA,eAGE,eACA,cACA,2BZ0DF,0DYlDE,gBAGE,2BZ+CJ,wDYpDC,MAUE,2BZ0CH,+IYtCC,aAIE,aACA,eACA,4BZ0BH,8DYnBC,mBAGE,2BZsBH,2DY3BA,kBAUE,2BZiBF,mCYvFD,kBXgCe,2CW+Cf,UV8LuC,SU5LtC,gBACA,iBACA,eACA,mBACA,gBACA,uBACA,qCCtFD,iBACC,uHAEA,cAEC,0Bb2ED,sHa7EA,cAKE,+DAKF,YACC,0BbkED,6DanEA,eZ+BmB,iBACC,eY1BlB,2DAKF,aACC,0BbuDD,mEarDC,kBAEE,kBACA,2BbkDH,8Ea9CC,kBZJU,6CDkDX,yKatCE,cAGE,2BbmCJ,uKa7BE,eAGE,2Bb0BJ,yDaxDA,eAoCE,OACA,uBACA,mBACA,2DAKF,UXwT2B,eWtT1B,iBACA,sCZlEI,uBAQgB,kBY6DpB,+DAEA,oBACC,2EAGD,aACC,aACA,kBACA,WX0SyB,sFWvSzB,eACC,0BbPH,qFaME,eAIE,2BbVJ,4FaeG,mBACA,gFAIF,gBACC,6EAGD,cACC,iBACA,0Bb1BF,6Fa4BE,eAEE,+EAKH,aACC,eACA,gBACA,kFAEA,iBACC,sBACA,SACA,iBACA,0Bb5CH,iFawCE,UAOE,qBACA,QACA,gGAIF,cACC,0BbtDH,6EamCC,eAuBE,uBACA,mBACA,8EAIF,iBACC,UACA,SACA,eACA,kGAEA,iBACC,0BbvEH,yDaZA,gBZtCW,oCYgIT,wDAMD,kBACC,0BbrFF,8CamFA,gBZrIW,+CDkDX,4EaiGC,eAEE,iBZ5Ha,eY8Hb,2BbrGH,6Sa8IK,cAGE,2BbjJP,iSasMK,cAGE,2BbzMP,uPaoOG,cAGE,2BbvOL,oCahFD,YAsWE,mBACA,eACA,2BbxRD,iLaoSE,eAGE,kBACA,2BbxSJ,+Ka8SE,kBAGE,eACA,+DAOJ,gBACC,mFAEA,iBACC,cACA,iFAGD,MACC,sGAEA,kBACC,cACA,+EAiCH,UXhWsC,gGWmWrC,UXnWqC,kCYxFvC,aACC,UACA,SACA,sEAEA,eACC,qCAGD,YACC,SACA,cACA,SACA,gCACA,WZmX0B,eYjX1B,iBACA,sCbXI,gBaaJ,uBbLoB,wDaQpB,cACC,oEAEA,cACC,0BduDH,mEcxDE,cAIE,oEAIF,eACC,0Bd+CH,kEchDE,eAIE,2Bd4CJ,uDc3DC,cAoBE,sDAIF,MACC,WZmVyB,sDY/U1B,aACC,iBACA,iDAGD,aACC,0BdwBF,gDczBC,aAIE,iDAIF,gBACC,gBACA,0BdeF,+CcjBC,gBAKE,2BdYH,oCcxEA,cAiEE,+CAIF,YACC,0BdED,6CcHA,YAIE,8CAIF,eACC,0BdND,4CcKA,eAIE,0EAOF,YACC,0BdjBD,iCcjFD,aAsGE,yEAaC,eACC,kBACA,0BdpCH,uEckCE,eAKE,kBACA,wEAIF,kBACC,eACA,0Bd9CH,sEc4CE,kBAKE,eACA,sCCrIL,iBACC,sFAEA,WAEC,UACA,2BACA,oBACA,kBACA,aACA,eACA,4CAGD,QACC,YACA,+BACA,sBbmRqC,2BajRrC,2CAGD,0BACC,qCACA,SACA,YACA,mBACA,iBACA,kBACA,sBbuQqC,sBarQrC,2BACA,WbyDqC,6CavDrC,uBdlBoB,oBcoBpB,6CACA,0Bf8CD,0Ce7DA,kBAkBE,oEAOD,qCACC,mBACA,gEAUA,MACC,wBACA,iEAOD,OACC,WACA,wBACA,sMAYD,QACC,aACA,+BACA,yBb8MmC,mMa1MpC,QACC,aACA,gBACA,gBACA,mEAOD,MACC,uBACA,oEAOD,UACC,QACA,uBACA,6DAQF,OACC,WACA,aACA,WACA,+BACA,uBbsKoC,2BapKpC,4DAGD,OACC,WACA,aACA,WACA,kBACA,gBACA,2BACA,8DAOD,OACC,aACA,UACA,+BACA,wBb+IoC,2Ba7IpC,6DAGD,OACC,aACA,UACA,iBACA,gBACA,2BACA,0BfvEF,6DemFE,4CAGE,mBACA,2BfvFJ,iNemGG,SAGE,YACA,SACA,YACA,sBbkGiC,iCahGjC,kCACA,gCACA,2BACA,2Bf9GL,8MekHG,4CAGE,UACA,YACA,aACA,eACA,mBACA,cACA,mBACA,2Bf5HL,iEeiIE,WAGE,SACA,2BACA,2BftIJ,sEe0IE,WAGE,OACA,wBACA,2Bf/IJ,uEemJE,OAGE,WACA,wBACA,2BfxJJ,0NeoKG,QAGE,aACA,SACA,YACA,+BACA,iCACA,yBb+BiC,gCa7BjC,2BACA,2Bf/KL,uNemLG,4CAGE,SACA,aACA,gBACA,eACA,gBACA,cACA,mBACA,2Bf7LL,oEekME,WAGE,SACA,2BACA,2BfvMJ,yEe2ME,WAGE,OACA,wBACA,2BfhNJ,0EeoNE,OAGE,WACA,wBACA,2BfzNJ,mEeiOE,OAGE,WACA,aACA,WACA,+BACA,iCACA,kCACA,uBb/BkC,2BaiClC,2Bf5OJ,kEegPE,4CAGE,QACA,WACA,aACA,WACA,aACA,kBACA,gBACA,cACA,2BACA,mBACA,2Bf7PJ,oEeqQE,OAGE,YACA,aACA,UACA,+BACA,wBbjEkC,kCamElC,gCACA,2BACA,2BfhRJ,mEeoRE,4CAGE,QACA,YACA,aACA,UACA,aACA,eACA,gBACA,iBACA,2BACA,mBACA,oMAWH,SAEC,4BACA,oECtYH,UACC,eACA,cACA,gBACA,aACA,iBACA,mBACA,sBACA,kBfmBc,+EDkFf,0BACA,WgBnGC,6CACA,sBACA,wBfeW,2RDoFZ,mEgBhHA,wDhBsHC,iFgBrGA,YACC,sNAGD,wBAGC,0EAGD,qBd4DsC,0EcxDtC,YACC,gBACA,kFAID,gBACC,mBACA,eACA,iBACA,qCACA,sFAID,UACC,eACA,qBACA,kBACA,iGAEA,cACC,8EAKF,cACC,sBACA,sBd2BqC,qFcxBrC,WACC,sBduBoC,WcrBpC,6CACA,sBACA,2FAEA,wBACC,6FAGD,qBACC,WdYmC,8EcLtC,mBACC,gFAGD,YACC,+EAGD,eACC,yFAQF,iBdXuC,gScetC,qBdhBsC,mGcuBtC,qBdvBsC,0Gc0BrC,qBd1BqC,WACA,gHc6BpC,qBdrDW,kHcyDX,qBdjCoC,WADA,iCezFvC,WACC,gBACA,eACA,qBACA,aACA,eACA,+BACA,mBACA,yBfkYwB,WACL,6CehYnB,uBhBKqB,kBgBHrB,mDAGA,cACC,wDAEA,cACC,gBACA,cACA,uBACA,mBACA,2FAKF,wBfwDsC,WAIA,gGerDtC,wBfgDsC,WAiUpB,8Le1WlB,wBfwCsC,WAMA,8FerCtC,wBf0WqB,WArUiB,gDe9BtC,wBfwWuB,WA1Ue,mGexBtC,wBfsWyB,WACL,mDehWpB,wBACC,0FAGD,eAEC,oBACA,SACA,kBACA,cACA,gBACA,kBACA,yBACA,6CAID,wBfkVoB,WAlVkB,8CeMtC,wBfgVqB,WAtViB,4CeYtC,eACC,iBACA,eACA,iBACA,iBACA,uHAOA,oBf6RqB,+Be1RpB,cf/BoC,4HeoCrC,oBf0RwB,+BevRvB,cfxCoC,sPe6CrC,oBfuRuB,+BelRtB,cfnDoC,0HewDrC,oBfkRsB,+Be/QrB,cfgRmB,8De3QpB,oBf+QwB,+Be7QvB,cf8QqB,6CezQvB,aACC,4CAGD,cACC,4EC9JF,mBACC,UACA,SACA,WhB6Da,6CgB3Db,qFAID,UACC,YjB2DwB,SiBzDxB,iBACA,sBACA,kBjBcc,yBC+BD,sBgB1Cb,WhBkDa,6CgBhDb,uBACA,2BACA,aACA,gBACA,+GAEA,UhBuCa,iGgBnCb,iBhBmCa,sBAwByB,agBxDrC,gBACA,iGAGD,oBhBgCa,sBAoByB,agBjDrC,6BACA,2HAEA,UhBqBY,iVgBfb,mBAGC,WhBaY,mBAFA,kBACA,6GgBJb,QACC,+BACA,8BAKF,cACC,mCAEA,cACC,mCAKF,YAEC,mBACA,eACA,4CAEA,eACC,qDAEA,gBACC,cACA,8CAIF,QACC,wCAID,cACC,iBACA,WhBjCY,gBgBmCZ,0CAID,QAEC,wCAID,cACC,iBACA,qFAMF,aAEC,+GAEA,cACC,+GAED,eACC,6PAID,UAEC,qBACA,4CAKF,WAEC,iBACA,gBACA,YACA,kDAEA,YACC,qEAKC,wBhBlFW,WAoByB,uDgBoErC,aACC,aACA,8DAGD,YACC,mEAEA,yBACC,6DAIF,eACC,kEAEA,yBACC,kDAOJ,aACC,eACA,WhB+P2B,eDnWC,iBiBuG5B,gBjBxG8B,uBAlET,yEiB8KrB,gBACC,kJAGD,iBAEC,0IAGD,eAEC,2CAKF,aACC,eACA,chB3HsC,eDVV,iBACE,gBACA,qDiB6I9B,cACC,qDAED,eACC,0BlB3ID,iEkBgJC,iBAGE,iBACA,2BlBpJH,4DkBwJC,YAGE,2BlB3JH,gDkB8IA,eAkBE,kBACA,gBACA,iBACA,oDAIF,eACC,0BlBlKD,kDkBiKA,eAIE,gTAQD,oBhB9LY,uUgBiMX,4BACC,oNAMD,ahBxMW,0BFiBb,uCkB+HD,kBjBtLe,2BDiDd,uCkBqID,kBjBvLY,oFiB8PZ,oBAEC,WACA,eACA,iBACA,0CAGD,iBACC,0CAED,gBACC,0BlBxNA,oJkBiOC,aAGE,2BlBpOH,kJkBwOC,cAGE,2BlB3OH,4HkB8NA,aAkBE,aACA,gBACA,kBACA,iBACA,2BlBpPF,8DkBwPA,aAGE,gBACA,2BlB5PF,4JkBgQA,aAKE,SACA,2BlBhQF,yDkBoQA,eAGE,2BlB7QF,yDkB0QA,eAOE,2BlBjRF,8CkB4ND,YA0DE,mBACA,mBjBzUU,2BDwDX,8CkBsND,kBjB7Qe,gDiBmVf,iBACC,mIAEA,iBACC,iHAID,iBACC,kEAGD,UACC,YACA,oBACA,aACA,sBACA,mBACA,uBACA,kBACA,SACA,UACA,yEAEA,UhBuCqB,cgBrCpB,iKAMD,kBACC,kBACA,iFAGD,UACC,UACA,WhByBwB,yCgBlB3B,YACC,mBACA,qDAEA,aACC,uHAGD,MACC,aACA,+IAEA,aACC,6IAGD,cACC,mHAKF,aAEC,kBACA,+RAEA,iBAEC,QACA,UACA,uTAGD,KACC,QACA,yBACA,4BACA,iTAGD,QACC,mBACA,8DAKF,aACC,kBACA,wJAEA,iBAEC,QACA,UACA,oKAGD,KACC,QACA,iKAGD,QACC,mBACA,yCAMH,UACC,aACA,oBACA,kBACA,4CAID,iBACC,iEAEA,UACC,YACA,eACA,kBACA,QACA,UACA,UACA,SACA,kBjBjea,yBiBmeb,WhBxEqC,egB0ErC,gBACA,2BACA,oNAEA,SAGC,uEAGD,gCACC,iGAEA,UhBpboC,kCgB4bvC,iBACC,iIAIC,kBACC,+HAGD,iBACC,qDAIF,UACC,YACA,oBACA,aACA,sBACA,mBACA,uBACA,kBACA,QACA,4DAEA,aACC,iEAGD,QACC,gEAGD,SACC,wCAKH,YACC,mBACA,wDAEA,MACC,+DAEA,aACC,iBACA,0BlB9eF,uDkByeA,eASE,2BlBxfF,uDkB+eA,eAaE,0DAIF,kBACC,qGAMF,cACC,YACA,gBACA,iBACA,iGAQD,cACC,gBACA,yDACA,4BACA,sCACA,cACA,wEC3mBF,gBACC,uBACA,oBACA,8FAKC,UlBgFqB,2BkB7EpB,cACA,cACA,kBACA,aACA,sBACA,kBlBYa,yBCgawB,oBiBzarC,mBACA,4GAEA,SACC,oBACA,uOAGD,cAEC,kBACA,WjBgaoC,eDrWZ,iBACE,gBA/Ef,mBkBwBX,mTAEA,clB0D2B,gHkBrD5B,eACC,mBACA,iBACA,mNAMD,kCACC,8GAMD,oBjBUY,qJiBNX,SACC,+BAEA,2HAHD,wBAIE,qGAGD,2HAPD,qBjB2BoC,oPiBZpC,8CACC,wVASF,kBACC,qBjByWoC,yBACA,mzBiBtWpC,kBAEC,uvBAMD,gBACC,0BnBbH,6FmBmBD,eAGE,2BnB5BD,6FmByBD,cAOE,2BnB1BD,uEmBxFF,YAuHE,gBACA,2BnBtCA,uEmBlFF,mBA4HE,kBACA,+CAaC,iBACC,kBACA,qDAEA,WACC,UlBpDwB,yBkBuDxB,kBACA,QACA,SACA,mBlB7DkB,sBCAiB,6LiBuEpC,qBjBsSmC,0BFnXrC,+DmBuFC,QAGE,2BnB1FH,oDmBqFA,YAUE,gBACA,4IAUA,clB7F2B,yCkBuG9B,qBACC,mBACA,6CAEA,aACC,SACA,UACA,SACA,wDAEA,eACC,0BnBzHF,0CmB6HA,elBpLc,2BDiDd,0CmBmIA,gBlBpLc,2BDiDd,4DmBkJC,elBpMU,ckBwMR,2BnBtJH,0DmBgJA,mBAWE,2BnBrJF,wCmB8GD,YA4CE,2BnBhKD,wCmBoHD,mBAgDE,yDhB1NF,WAGE,WgBqOE,YACA,aACA,mBACA,uBACA,WjBhLmC,eDIZ,kBkB+KvB,sMAQD,UjBkLmC,0BFnXrC,qEmB2MC,QAGE,2BnB9MH,0DmByMA,YAUE,gBACA,wJAUA,clBjN2B,4CkB2N9B,qBACC,mBACA,gDAEA,aACC,SACA,UACA,SACA,8DAEA,eACC,0BnB7OF,6CmBiPA,elBxSc,2BDiDd,6CmBuPA,gBlBxSc,2BDiDd,kEmBsQC,elBxTU,ckB4TR,2BnB1QH,gEmBoQA,mBAWE,2BnBzQF,2CmBkOD,YA4CE,2BnBpRD,2CmBwOD,mBAgDE,wPAUC,iBAEC,0BnBpSH,+EmB+RD,iBAWE,2BnB1SD,yEmBiTC,QAGE,2BnBpTH,8DmB+SA,eAUE,2BnBzTF,mEmBiUC,QAGE,2BnBpUH,wDmB+TA,eAUE,qCC5ZH,cACC,aACA,2CAMA,cACC,cACA,oBACA,4LAEA,YAIC,gBACA,sDAIF,UnBuHwB,0BmBpHvB,kBACA,SACA,YnBqH0B,yBmBnH1B,kBnBAa,0EmBGb,UACC,YACA,cACA,kBACA,sEAGD,qBlByaqC,yMkBvapC,0BACA,gCACA,yEAGD,cACC,aACA,kBACA,QnB+FyB,wCmB5FzB,sBACA,4BACA,2BACA,gFjB1BH,WAGE,UiB0BE,aACA,mBACA,uBACA,kBACA,MACA,QACA,SACA,OACA,kBACA,WlBsBmC,ekBpBnC,iBACA,gClB2YmC,oBkBzYnC,oTAGD,YAIC,gBACA,iQAOA,SACC,+IAKH,eAEC,uEAGD,2BACC,eACA,kBACA,8EAEA,aACC,0JAGD,qBlBlBoC,qDkByBtC,cACC,eACA,cACA,aACA,kBACA,4BACA,sBACA,kBnB5Fa,sBC4DwB,oBkBmCrC,yBACA,4DjBhGF,WAGE,WiBgGC,cACA,kBACA,UACA,eACA,iBACA,kBACA,0DAGD,gBACC,cACA,WlBgVoC,6CkB9UpC,uBnB7HmB,gEmBgInB,YACC,gBACA,4DAIF,UACC,kBACA,MACA,QACA,SACA,oBACA,sBACA,0BACA,sBlBrEoC,ekBuEpC,kBACA,+EAEA,aACC,sFAEA,aACC,oIAIF,wBAEC,kEAGD,kBACC,gLAIF,wBlBuSqC,uDkBhStC,QACC,kBACA,uBACA,kBnBlKa,+BCwbwB,WACA,6CkBnRrC,uBnBnLoB,4PmBsLpB,iBAIC,yBACA,6DAGD,kCACC,0EAGD,UACC,iBACA,WACA,eACA,iBACA,sBACA,kBACA,iFAEA,aACC,cACA,sFAUD,aACC,kEAIF,aACC,oEAGD,YACC,gDAKF,eACC,gDAID,eACC,8CC1PF,aACC,+DAEA,YACC,mBACA,sFAEA,aACC,kBACA,+RAEA,aAGC,SACA,sBACA,kBpBWW,+3BoBRX,YAGC,gBACA,oMAIF,UpB+HuB,2BoB3HtB,kBACA,MACA,UACA,wLAGD,wBnB4b2C,wGmBtb3C,MACC,sBnByb0C,yMmBvb1C,0BACA,gCACA,6GAEA,UACC,YACA,cACA,kBACA,QACA,SACA,kBACA,kUAGD,+BAGC,4FAKF,UACC,YpByFuB,iBoBvFv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2BACA,sIAEA,WAEC,SACA,2BACA,uDAMH,cACC,4EAEA,iBACC,uVASA,wBtBxIW,WsB8IV,8CAIF,aACC,iBCzMH,GACC,2CACC,kBAFF,GACC,2CACC,kBAFF,GACC,2CACC,kBAFF,GACC,8CACC,kBAFF,GACC,8CACC,kBAFF,GACC,8CACC,kBAFF,GACC,8CACC,kBAFF,GACC,8CACC,kBAFF,GACC,6CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,6CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,6CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,6CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,+CACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,+CACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,+CACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,gDACC,mBAFF,GACC,+CACC,mBAFF,GACC,gDACC,mBAFF,GACC,8CACC,mBAFF,GACC,+CACC,mBAFF,GACC,+CACC,mBAFF,GACC,+CACC,mBAFF,GACC,+CACC,mBAFF,GACC,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,0QASD,mBACC,0B7B5wBJ,wQ6B2wBG,mBAIE,8sCAuBD,kBACC,kBACA,0B7BxyBL,4sC6BsyBI,kBAKE,kBACA,2SAsBF,kBACC,kBACA,0B7Bp0BL,yS6Bk0BI,kBAKE,kBACA,mDC35BP,iBACC,0EAEA,iBACC,WACA,SACA,SACA,eACA,yBCLF,wBACC,0BACA,kBACA,gBACA,iBACA,aACA,sBACA,mBACA,eACA,WACA,SACA,WACA,eACA,oC7B6esC,mD6B1etC,qBACC,4CAID,yBAEC,eACA,WACA,SACA,WACA,WACA,0B/B0DD,2C+BjEA,OAUE,mDAGD,cACC,aACA,gBACA,+DAGD,UACC,4CAKF,UACC,aACA,cACA,kBACA,YACA,eACA,0B/BkCD,2C+BxCA,cASE,2CAKF,YACC,qDAEA,SACC,cACA,uBACA,yBACA,wBACA,4BACA,gEAEA,SACC,gEAGD,SACC,sBACA,oDAEA,+DAJD,SAKE,oBACA,sEAIF,SACC,0BACA,oDAEA,oEAJD,SAKE,oBACA,uEAIF,SACC,2BACA,oDAEA,qEAJD,SAKE,oBACA,qDAIF,oDA1CD,yBA2CE,yjBAOD,UAKC,oBACA,4IAMH,eACC,kPAGA,eACC,8MAMA,cACC,iBACA,yOAGD,kBACC,4OAGD,eACC,0B/B5DH,2O+B2DE,eAIE,6LAMH,UACC,eACA,YACA,gBACA,cACA,SACA,UACA,SACA,gBACA,wMAEA,cACC,cACA,cACA,UACA,SACA,sLAKF,UACC,YACA,gBACA,cACA,cACA,UACA,sBACA,kB9B7JY,sB8B+JZ,kMAEA,UACC,YACA,cACA,SACA,UACA,SACA,kB9BvKW,4L8B6Kb,iBACC,4OAGA,UACC,eACA,iBACA,mBACA,mBACA,kBACA,2B9BvLW,sDD4Dd,2O+BqHE,gBAWE,mBACA,mBACA,kBACA,uOAKF,iBACC,UACA,SACA,2BACA,uQAOA,iBACC,SACA,WACA,SACA,0B/BvJJ,sQ+BmJG,QAOE,WACA,qQAKF,iBACC,SACA,UACA,SACA,0B/BpKJ,mQ+BgKG,QAOE,UACA,gPAMH,iBACC,SACA,SACA,SACA,2BACA,0B/BnLH,8O+B8KE,QAQE,iOAKF,gBACC,sBACA,qPAOA,aACC,qSAGA,aACC,2PAKF,eACC,2SAGA,eACC,8PAmBF,gBACC,wPAWD,cACC,wSAGA,cACC,2PAmBF,cACC,gBACA,2SAGA,cACC,gBACA,wPA7EF,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,iQAmBF,mBACC,2PAWD,iBACC,2SAGA,iBACC,8PAmBF,iBACC,mBACA,8SAGA,iBACC,mBACA,wPA7EF,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,iQAmBF,mBACC,2PAWD,iBACC,2SAGA,iBACC,8PAmBF,iBACC,mBACA,8SAGA,iBACC,mBACA,wPA7EF,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,0B/BnNL,6S+BkNI,kBAMG,2B/BxNP,6P+B8MG,kBAkBG,kQAMH,mBACC,0B/BvOJ,gQ+BsOG,mBAMG,4PAMH,iBACC,2SAGA,iBACC,0B/BvPL,0S+BsPI,iBAMG,2B/B5PP,0P+BkPG,iBAkBG,+PAMH,iBACC,mBACA,8SAGA,iBACC,mBACA,0B/BjRL,6S+B+QI,iBAOG,mBACA,2B/BvRP,6P+B0QG,iBAqBG,mBACA,yPA5FH,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,0B/BnNL,6S+BkNI,kBAMG,2B/BxNP,6P+B8MG,kBAkBG,kQAMH,mBACC,0B/BvOJ,gQ+BsOG,mBAMG,4PAMH,iBACC,2SAGA,iBACC,0B/BvPL,0S+BsPI,iBAMG,2B/B5PP,0P+BkPG,iBAkBG,+PAMH,iBACC,mBACA,8SAGA,iBACC,mBACA,0B/BjRL,6S+B+QI,iBAOG,mBACA,2B/BvRP,6P+B0QG,iBAqBG,mBACA,yPA5FH,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,0B/BnNL,6S+BkNI,kBAMG,2B/BxNP,6P+B8MG,kBAkBG,kQAMH,mBACC,0B/BvOJ,gQ+BsOG,mBAMG,4PAMH,iBACC,2SAGA,iBACC,0B/BvPL,0S+BsPI,iBAMG,2B/B5PP,0P+BkPG,iBAkBG,+PAMH,iBACC,mBACA,8SAGA,iBACC,mBACA,0B/BjRL,6S+B+QI,iBAOG,mBACA,2B/BvRP,6P+B0QG,iBAqBG,mBACA,yPA5FH,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,0B/BnNL,6S+BkNI,kBAMG,2B/BxNP,6P+B8MG,kBAkBG,kQAMH,mBACC,0B/BvOJ,gQ+BsOG,mBAMG,4PAMH,iBACC,2SAGA,iBACC,0B/BvPL,0S+BsPI,iBAMG,2B/B5PP,0P+BkPG,iBAkBG,+PAMH,iBACC,mBACA,8SAGA,iBACC,mBACA,0B/BjRL,6S+B+QI,iBAOG,mBACA,2B/BvRP,6P+B0QG,iBAqBG,mBACA,yPA5FH,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,0B/BnNL,6S+BkNI,kBAMG,2B/BxNP,6P+B8MG,kBAkBG,kQAMH,mBACC,0B/BvOJ,gQ+BsOG,mBAMG,4PAMH,iBACC,2SAGA,iBACC,0B/BvPL,0S+BsPI,iBAMG,2B/B5PP,0P+BkPG,iBAkBG,+PAMH,iBACC,mBACA,8SAGA,iBACC,mBACA,0B/BjRL,6S+B+QI,iBAOG,mBACA,2B/BvRP,6P+B0QG,iBAqBG,mBACA,yPA5FH,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,0B/BnNL,6S+BkNI,kBAMG,2B/BxNP,6P+B8MG,kBAkBG,kQAMH,mBACC,0B/BvOJ,gQ+BsOG,mBAMG,4PAMH,iBACC,2SAGA,iBACC,0B/BvPL,0S+BsPI,iBAMG,2B/B5PP,0P+BkPG,iBAkBG,+PAMH,iBACC,mBACA,8SAGA,iBACC,mBACA,0B/BjRL,6S+B+QI,iBAOG,mBACA,2B/BvRP,6P+B0QG,iBAqBG,mBACA,yPA5FH,gBACC,wSAGA,gBACC,8PAKF,kBACC,8SAGA,kBACC,0B/BnNL,6S+BkNI,kBAMG,2B/BxNP,6P+B8MG,kBAkBG,kQAMH,mBACC,0B/BvOJ,gQ+BsOG,mBAMG,4PAMH,iBACC,2SAGA,iBACC,0B/BvPL,0S+BsPI,iBAMG,2B/B5PP,0P+BkPG,iBAkBG,+PAMH,iBACC,mBACA,8SAGA,iBACC,mBACA,0B/BjRL,6S+B+QI,iBAOG,mBACA,2B/BvRP,6P+B0QG,iBAqBG,mBACA,4PA5FH,iBACC,2SAGA,iBACC,iQAKF,mBACC,iTAGA,mBACC,0B/BnNL,gT+BkNI,kBAMG,2B/BxNP,gQ+B8MG,kBAkBG,qQAMH,oBACC,0B/BvOJ,mQ+BsOG,mBAMG,+PAMH,kBACC,8SAGA,kBACC,0B/BvPL,6S+BsPI,iBAMG,2B/B5PP,6P+BkPG,iBAkBG,kQAMH,kBACC,oBACA,iTAGA,kBACC,oBACA,0B/BjRL,gT+B+QI,iBAOG,mBACA,2B/BvRP,gQ+B0QG,iBAqBG,mBACA,sPAUH,aACC,kBACA,0QAID,sBACC,gRAIF,gB9B7WS,0BDwDX,+Q+BqTE,gB9B5WY,mS8BoXZ,e9BrXS,0BDwDX,iS+B6TE,e9BpXY,gP8BoYX,iBACC,oQAID,gBACC,+OAQD,aACC,qPAWD,eACC,wPAWD,gBACC,kPAWD,cACC,qPAWD,cACC,gBACA,kPAlDD,gBACC,wPAWD,kBACC,2PAWD,mBACC,qPAWD,iBACC,wPAWD,iBACC,mBACA,kPAlDD,gBACC,wPAWD,kBACC,2PAWD,mBACC,qPAWD,iBACC,wPAWD,iBACC,mBACA,kPAlDD,gBACC,0B/B5VJ,iP+B2VG,gBAMG,yPAMH,kBACC,0B/BxWJ,uP+BuWG,kBAMG,4PAMH,mBACC,0B/BpXJ,0P+BmXG,mBAMG,sPAMH,iBACC,0B/BhYJ,oP+B+XG,iBAMG,yPAMH,iBACC,mBACA,0B/B7YJ,uP+B2YG,iBAOG,mBACA,mPAxDH,gBACC,0B/B5VJ,iP+B2VG,gBAMG,yPAMH,kBACC,0B/BxWJ,uP+BuWG,kBAMG,4PAMH,mBACC,0B/BpXJ,0P+BmXG,mBAMG,sPAMH,iBACC,0B/BhYJ,oP+B+XG,iBAMG,yPAMH,iBACC,mBACA,0B/B7YJ,uP+B2YG,iBAOG,mBACA,mPAxDH,gBACC,0B/B5VJ,iP+B2VG,gBAMG,yPAMH,kBACC,0B/BxWJ,uP+BuWG,kBAMG,4PAMH,mBACC,0B/BpXJ,0P+BmXG,mBAMG,sPAMH,iBACC,0B/BhYJ,oP+B+XG,iBAMG,yPAMH,iBACC,mBACA,0B/B7YJ,uP+B2YG,iBAOG,mBACA,mPAxDH,gBACC,0B/B5VJ,iP+B2VG,gBAMG,yPAMH,kBACC,0B/BxWJ,uP+BuWG,kBAMG,4PAMH,mBACC,0B/BpXJ,0P+BmXG,mBAMG,sPAMH,iBACC,0B/BhYJ,oP+B+XG,iBAMG,yPAMH,iBACC,mBACA,0B/B7YJ,uP+B2YG,iBAOG,mBACA,mPAxDH,gBACC,0B/B5VJ,iP+B2VG,gBAMG,yPAMH,kBACC,0B/BxWJ,uP+BuWG,kBAMG,4PAMH,mBACC,0B/BpXJ,0P+BmXG,mBAMG,sPAMH,iBACC,0B/BhYJ,oP+B+XG,iBAMG,yPAMH,iBACC,mBACA,0B/B7YJ,uP+B2YG,iBAOG,mBACA,mPAxDH,gBACC,0B/B5VJ,iP+B2VG,gBAMG,yPAMH,kBACC,0B/BxWJ,uP+BuWG,kBAMG,4PAMH,mBACC,0B/BpXJ,0P+BmXG,mBAMG,sPAMH,iBACC,0B/BhYJ,oP+B+XG,iBAMG,yPAMH,iBACC,mBACA,0B/B7YJ,uP+B2YG,iBAOG,mBACA,mPAxDH,gBACC,0B/B5VJ,iP+B2VG,gBAMG,yPAMH,kBACC,0B/BxWJ,uP+BuWG,kBAMG,4PAMH,mBACC,0B/BpXJ,0P+BmXG,mBAMG,sPAMH,iBACC,0B/BhYJ,oP+B+XG,iBAMG,yPAMH,iBACC,mBACA,0B/B7YJ,uP+B2YG,iBAOG,mBACA,sPAxDH,iBACC,0B/B5VJ,oP+B2VG,gBAMG,4PAMH,mBACC,0B/BxWJ,0P+BuWG,kBAMG,+PAMH,oBACC,0B/BpXJ,6P+BmXG,mBAMG,yPAMH,kBACC,0B/BhYJ,uP+B+XG,iBAMG,4PAMH,kBACC,oBACA,0B/B7YJ,0P+B2YG,iBAOG,mBACA,sMAQL,aACC,yOAEA,YACC,0B/B/ZH,wO+B8ZE,YAIE,uOAIF,eACC,0B/BvaH,qO+BsaE,eAIE,2B/B1aJ,oM+B2ZC,aAoBE,iOAQD,aACC,mBACA,qPAOA,sBACC,kPAID,wBACC,8PAID,6BACC,qPAQD,aACC,2PAWD,eACC,8PAWD,gBACC,wPAID,cACC,2PAWD,cACC,gBACA,wPA3CD,gBACC,8PAWD,kBACC,iQAWD,mBACC,2PAID,iBACC,8PAWD,iBACC,mBACA,wPA3CD,gBACC,8PAWD,kBACC,iQAWD,mBACC,2PAID,iBACC,8PAWD,iBACC,mBACA,wPA3CD,gBACC,0B/BpdJ,uP+BmdG,gBAMG,+PAMH,kBACC,0B/BheJ,6P+B+dG,kBAMG,kQAMH,mBACC,2PAID,iBACC,0B/BjfJ,0P+BgfG,iBAMG,+PAMH,iBACC,mBACA,0B/B9fJ,6P+B4fG,iBAOG,mBACA,yPAjDH,gBACC,0B/BpdJ,uP+BmdG,gBAMG,+PAMH,kBACC,0B/BheJ,6P+B+dG,kBAMG,kQAMH,mBACC,2PAID,iBACC,0B/BjfJ,0P+BgfG,iBAMG,+PAMH,iBACC,mBACA,0B/B9fJ,6P+B4fG,iBAOG,mBACA,yPAjDH,gBACC,0B/BpdJ,uP+BmdG,gBAMG,+PAMH,kBACC,0B/BheJ,6P+B+dG,kBAMG,kQAMH,mBACC,2PAID,iBACC,0B/BjfJ,0P+BgfG,iBAMG,+PAMH,iBACC,mBACA,0B/B9fJ,6P+B4fG,iBAOG,mBACA,yPAjDH,gBACC,0B/BpdJ,uP+BmdG,gBAMG,+PAMH,kBACC,0B/BheJ,6P+B+dG,kBAMG,kQAMH,mBACC,2PAID,iBACC,0B/BjfJ,0P+BgfG,iBAMG,+PAMH,iBACC,mBACA,0B/B9fJ,6P+B4fG,iBAOG,mBACA,yPAjDH,gBACC,0B/BpdJ,uP+BmdG,gBAMG,+PAMH,kBACC,0B/BheJ,6P+B+dG,kBAMG,kQAMH,mBACC,2PAID,iBACC,0B/BjfJ,0P+BgfG,iBAMG,+PAMH,iBACC,mBACA,0B/B9fJ,6P+B4fG,iBAOG,mBACA,yPAjDH,gBACC,0B/BpdJ,uP+BmdG,gBAMG,+PAMH,kBACC,0B/BheJ,6P+B+dG,kBAMG,kQAMH,mBACC,2PAID,iBACC,0B/BjfJ,0P+BgfG,iBAMG,+PAMH,iBACC,mBACA,0B/B9fJ,6P+B4fG,iBAOG,mBACA,yPAjDH,gBACC,0B/BpdJ,uP+BmdG,gBAMG,+PAMH,kBACC,0B/BheJ,6P+B+dG,kBAMG,kQAMH,mBACC,2PAID,iBACC,0B/BjfJ,0P+BgfG,iBAMG,+PAMH,iBACC,mBACA,0B/B9fJ,6P+B4fG,iBAOG,mBACA,4PAjDH,iBACC,0B/BpdJ,0P+BmdG,gBAMG,kQAMH,mBACC,0B/BheJ,gQ+B+dG,kBAMG,qQAMH,oBACC,8PAID,kBACC,0B/BjfJ,6P+BgfG,iBAMG,kQAMH,kBACC,oBACA,0B/B9fJ,gQ+B4fG,iBAOG,mBACA,2DASN,UACC,eACA,eACA,cACA,cACA,UACA,SACA,+BACA,sBACA,gBACA,WACA,6CACA,uBACA,kBACA,+LAEA,U7B7hBqC,wC6BqiBtC,YACC,eACA,mBACA,uBACA,cACA,UACA,SACA,oIAEA,eAGC,cACA,cACA,aACA,UACA,SACA,yBACA,mBACA,mBACA,oBACA,wKAEA,wB7BhlBW,0e6BolBX,kBAGC,oBACA,iJAIF,cAGC,+CAKA,aACC,yJAEA,U9B/WS,+B8BoXR,+CARF,cACC,yJAEA,U9B/WS,+B8BoXR,+CARF,gBACC,yJAEA,S9B/WS,8B8BoXR,yDAUF,gBACC,0B/BnmBH,wD+BkmBE,gBAIE,0DAJF,eACC,0B/BnmBH,wD+BkmBE,eAIE,0DAJF,eACC,0B/BnmBH,wD+BkmBE,eAIE,0DAJF,eACC,0B/BnmBH,wD+BkmBE,eAIE,qCAOJ,YACC,0B/B9mBD,wB+BtFD,UAwsBE,OACA,eACA,2B/B1nBD,wC+BioBA,uBAGE,UACA,4CAWA,2CAFD,uBAGE,UACA,4CAGD,2CAPD,UAQE,OACA,wCASJ,WACC,UACA,0DAEA,WACC,UACA,0B/BtqBD,yE+B+qBC,UAGE,UACA,2B/BnrBH,sD+B6qBA,UAWE,UACA,4CAaC,4EAFD,UAGE,UACA,4CAGD,4EAPD,OAQE,UACA,4CAIF,yDAfD,UAgBE,UACA,4CAGD,yDApBD,OAqBE,UACA,0CAOL,eAEC,wCCpzBC,UACC,iBACA,uBACA,kBACA,+C7ByBF,WAGE,+C6BzBA,aACC,QACA,eACA,sBACA,kBACA,OACA,WACA,YACA,WACA,WACA,kBACA,mBACA,oBACA,oBACA,cACA,wCCnBH,eACC,aACA,mBACA,SACA,UACA,SACA,yBACA,kBhCmBc,sBC4DwB,kF+B3EtC,eACC,2CAGD,aACC,cACA,SACA,UACA,SACA,WACA,6CACA,uBhCToB,kBgCWpB,6CAEA,cACC,cACA,SACA,gBACA,SACA,wBhCJS,gEgCOT,WACC,cACA,uEAEA,aACC,cACA,iBACA,oMAIF,YAIC,gBACA,SACA,qBACA,iGAGD,UAEC,wJAGD,wBAGC,cACA,4GAGD,mBAEC,WACA,kIAEA,UACC,wDAIF,wBACC,WACA,0BjCOH,4CiC5DC,cAyDE,0DAMD,0BhC/DY,0FgCqEb,8BACC,wDAKA,2BhC3EY,yDD4Dd,0CiCvEA,aA6FE,iDAMH,oBACC,W/BgdsC,6C+B9ctC,uBhCxGqB,+CgC6GtB,YACC,cACA,yBACA,kBhCnGc,kEgCsGd,YACC,mBACA,8BACA,6BACA,0BjC9CD,iEiC0CA,kBAOE,oBACA,kBACA,kBACA,2BjC1DF,iEiCgDA,kBAcE,oBACA,kBACA,kBACA,yDAIF,aACC,2DAGD,YACC,0DAGD,eACC,0BjCxED,8CiCoCD,YAwCE,2BjClFD,8CiC0CD,YA4CE,wDAKF,YACC,eACA,YACA,0EAEA,mBACC,WACA,iBACA,kBhCzJa,sBgC2Jb,W/B/FqC,6C+BiGrC,uBhC1KoB,oGgC6KpB,UACC,eACA,aACA,mBACA,uBACA,gBACA,mBACA,mBACA,iBACA,eACA,kBACA,2BACA,0BACA,yBACA,W/BlHoC,e+BoHpC,2G9BhLH,WAGE,c8BgLE,6CAOJ,YACC,eACA,mBACA,yBACA,gBACA,mBACA,6DAGA,aACC,eACA,kBACA,wJAEA,gBAEC,0BjC9IF,4DiCuIA,aAWE,sEAKF,aACC,eACA,kBACA,gKAEA,gBAEC,0BjC9JF,oEiCuJA,aAWE,qDAIF,aACC,eACA,kBACA,qDAKF,aACC,0BjC/KA,gEiCiLA,YAGE,2BjC1LF,gEiCuLA,YAOE,2BjCxLF,+DiC4LA,eAGE,2BjCrMF,+DiCkMA,eAOE,2BjCnMF,oDiC8KD,aA0BE,2BjC9MD,oDiCoLD,aA8BE,uDCjSD,cACC,eACA,cACA,gBACA,iEAGA,aACC,+GAIC,WACC,eACA,iBACA,aACA,qBACA,mBACA,kBACA,SACA,UACA,sBACA,kBjCGU,yBiCDV,wBjCEO,4IiCEP,cACC,gBACA,cACA,OACA,yBACA,WhC+BQ,6CgC7BR,sBACA,uBACA,mBACA,4KAEA,UhCqBQ,yIgCfT,UACC,YACA,aACA,mBACA,mBACA,cACA,kBACA,SACA,UACA,SACA,WhCMQ,4JgCHR,aACC,cACA,mKAEA,aACC,cACA,iHAOJ,YACC,mBACA,uBACA,SACA,gBACA,sBACA,kBjCrDU,yBC+BD,8IgC2BT,aACC,aACA,cACA,mBACA,mBACA,SACA,UACA,SACA,yKAEA,eACC,aAEA,qBACA,mBACA,WACA,UACA,SACA,kBjC5EQ,sBCsCD,WAsByB,6CgCoBhC,uBjC7Fe,6MiCgGf,aACC,gBACA,cACA,OACA,iBACA,iBACA,uBACA,mBACA,wJAOF,eACC,OACA,WACA,UACA,SACA,cACA,+KAEA,qBACC,YACA,YACA,cACA,SACA,UACA,SACA,gBACA,+BACA,WhC5EM,6CgC8EN,uBjClIc,4LiCqId,UhCpFM,gMgCwFN,UhCxFM,iMgC4FN,UhC5FM,qMgCgGN,UhChGM,0MgCoGN,UhCpGM,qHgCgHT,qBhCxFkC,yNgCsGhC,UACC,YACA,eACA,aACA,wBACA,mBACA,uBACA,SACA,UACA,SACA,yBACA,4BACA,yBACA,WhC5IM,kBgC8IN,+NAEA,eACC,mKAgBH,iBACC,kBACA,sLAEA,UACC,YACA,aACA,mBACA,mBACA,uBACA,kBACA,QACA,UACA,2BACA,kBACA,6LAEA,aACC,eACA,mMAIF,iBACC,oKAeF,iBACC,kBACA,+KAEA,UACC,YACA,kBACA,QACA,SACA,iBACA,mBACA,kBACA,2BACA,oMAGD,iBACC,0IAaH,iBACC,iJ/B1QN,WAGE,W+B0QK,kBACA,QACA,SACA,2BACA,kBACA,uKAGD,iBACC,kMAEA,aACC,eACA,aACA,qBACA,OACA,SACA,UACA,+BACA,gBACA,WhC1PM,6CgC4PN,uBjChTc,2LiCoTf,UACC,2MAEA,YACC,oHAWJ,ehC1PkC,uIgCmQlC,oBhCvRS,gBAoByB,6BgCsQjC,sKAIE,YACC,oMAUF,qBhC9SO,yBgCgTN,0BACA,oMAOD,wBhCxTO,4BgC0TN,6BACA,wIAaH,qBhC/SkC,iKgC6TjC,wBACC,6FASJ,kBACC,2IAIC,mBACC,qBACA,yBACA,wKAGA,UhC1WQ,qKgC+WR,UhC/WQ,6IgCqXT,mBACC,0KAEA,oBACC,yBACA,0JAiBD,wBACC,eACA,iBACA,uJAID,UACC,YACA,iLAaA,iBACC,oMAEA,QACC,2MAEA,cACC,oLAKH,iBACC,kLAcD,iBACC,6LAEA,UACC,YACA,UACA,kNAGD,iBACC,kEAYP,cACC,wEAMD,aACC,qBACA,kBACA,mFAEA,cACC,oJAeE,2BhCveQ,6BgCyeP,mLAKA,2BhC9eO,6BgCgfN,0DAcP,aACC,iBACA,gJAOG,kBACC,iBACA,uKAaA,gBACC,mBACA,0LAEA,SACC,WACA,uMAGD,gBACC,mBACA,oIAmBJ,iBhCliBmC,sBADA,iKgCwiBlC,UhCviBkC,iMgC0iBjC,UhC1iBiC,8JgCgjBlC,UhChjBkC,mKgCwjBlC,iBhCxjBkC,sBADA,yLgC8jBhC,UhC7jBgC,sMgCgkB/B,UhChkB+B,0MgCokB/B,UhCpkB+B,2MgCwkB/B,UhCxkB+B,+MgC4kB/B,UhC5kB+B,oNgCglB/B,UhChlB+B,8LgCslBjC,qBhCtlBiC,+MgCylBhC,qBhCzlBgC,WADA,uNgC2mBhC,UhC1mBgC,wOgC6mB/B,UhC7mB+B,gKgC4nBlC,iBhCppBS,sBAuByB,6LgCkoBjC,UhCzpBQ,0LgC8pBR,UhC9pBQ,+LgCqqBR,iBhCrqBQ,+LgCyrBR,wBhCjqBiC,0BgCmqBhC,wMAKA,wBhCxqBgC,0BgC0qB/B,8DAeP,aACC,gEAEA,qBACC,4BACA,oCACA,kCACA,kCACA,2BACA,mCACA,oCACA,mFAGD,aACC,SACA,eACA,sBACA,kBjCxwBY,sBC4DwB,uCgC+sBpC,mGAGA,aACC,kBACA,eACA,yGAEA,UACC,eACA,cACA,SACA,iBACA,sBACA,kBjCzxBU,WCuCD,6CgCqvBT,sBACA,sHAEA,UhC3vBS,0HgC+vBT,UhC/vBS,2HgCmwBT,UhCnwBS,+HgCuwBT,UhCvwBS,oIgC2wBT,UhC3wBS,6NgC+wBT,iBAEC,aACA,gBACA,wHAIF,uBACC,oGAKF,aACC,SACA,UACA,SACA,8HAEA,gBACC,gBACA,cACA,SACA,UACA,SACA,gBACA,uBACA,uJAEA,gBACC,cACA,SACA,eACA,SACA,+BACA,WhClzBQ,6CgCozBR,sBACA,gBACA,wBjC11BM,gLiC61BN,iBACC,cACA,kBACA,kBACA,SACA,kBjCn2BQ,yBiCq2BR,WhC9zBO,6CgCg0BP,uBjCp3Be,uLEatB,WAGE,W+Bw2BM,kBACA,QACA,UACA,2BACA,WhC10BM,egC40BN,kBACA,+KAIF,UhCl1BQ,egCo1BP,gBACA,+LAGD,cACC,oOAEA,wBhC/1BO,WAOA,yLgC81BR,qBhCh2BQ,WAuByB,8NgC60BhC,qBhCp2BO,WAuByB,0GgCu1BpC,cACC,qJAIC,gBACC,8KAEA,cACC,iBACA,8KAaD,iBACC,iMAEA,UACC,YACA,aACA,qBACA,mBACA,uBACA,kBACA,MACA,UACA,kBACA,wMAEA,aACC,cACA,cACA,eACA,2LAIF,iBACC,wNAYA,WACC,SACA,+NAEA,cACC,kNAIF,iBACC,+KAeH,iBACC,0LAEA,UACC,YACA,kBACA,QACA,UACA,iBACA,mBACA,kBACA,2BACA,kBACA,4LAGD,iBACC,0GAUL,sBACC,mBACA,2LAMG,YACC,qBACA,mBACA,kBACA,8MAEA,eACC,OACA,+MAGD,aACC,WhCl/BK,egCo/BL,iMAIF,cACC,gBACA,yNAEA,cACC,kBACA,mBACA,4GAWN,oBhCtgCW,uIgCygCV,wBACC,4BACA,6BACA,gCACA,uIAGD,qBACC,yBACA,0BACA,+BACA,kEAWJ,aACC,6GAKE,gBACC,2JAOA,gBACC,qMAaC,UACC,UACA,+LAGD,iBACC,mBACA,8LAeD,UACC,UACA,gMAGD,kBACC,kBACA,8CC1pCP,QACC,alCiWgB,iBACM,mBACA,kBACA,kBACC,sBACJ,uCACJ,gDkC9Vf,qBACC,4BACA,oCACA,kCACA,kCACA,2BACA,mCACA,oCACA,oEAGD,aACC,kBACA,mFAEA,UlCgVY,2BkC7UX,aACA,sBACA,mBACA,uBACA,kBACA,MACA,SACA,UACA,SACA,kBlCXW,+BkCaX,oBACA,0FAEA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,oDqC6EC,SAGE,0CAQH,gBpC/Ic,0BDiDd,wCqC8FA,gBpChJW,kDoCuJV,aACC,0BrCtGF,gDqCqGC,aAIE,2BrCzGH,iDqC6GC,gBpC/JU,2BDkDX,yDqCmHE,aAGE,2BrChHJ,gDqCqHC,gBpC5Ka,2BDuDd,wDqC2HE,aAGE,4CAtCJ,kBpC/Ic,0BDiDd,0CqC8FA,kBpChJW,oDoCuJV,eACC,0BrCtGF,kDqCqGC,eAIE,2BrCzGH,mDqC6GC,kBpC/JU,2BDkDX,2DqCmHE,eAGE,2BrChHJ,kDqCqHC,kBpC5Ka,2BDuDd,0DqC2HE,eAGE,6CAtCJ,mBpC/Ic,0BDiDd,2CqC8FA,mBpChJW,qDoCuJV,gBACC,0BrCtGF,mDqCqGC,gBAIE,2BrCzGH,oDqC6GC,mBpC/JU,2BDkDX,4DqCmHE,gBAGE,2BrChHJ,mDqCqHC,mBpC5Ka,2BDuDd,2DqC2HE,gBAGE,2CAtCJ,iBpC/Ic,0BDiDd,yCqC8FA,iBpChJW,mDoCuJV,cACC,0BrCtGF,iDqCqGC,cAIE,2BrCzGH,kDqC6GC,iBpC/JU,2BDkDX,0DqCmHE,cAGE,2BrChHJ,iDqCqHC,iBpC5Ka,2BDuDd,yDqC2HE,cAGE,2BAgBJ,eACC,uBACC,iDAiBD,eACA,uBACC,kDAFD,eACA,uBACC,4BAZF,eACC,uBACC,yDAiBH,UnC/Lc,sCoC/Dd,0BACC,0BtCmFA,qCsCpFD,sBAGE,4CCNF,YACC,eACA,mBACA,iBACA,yDAEA,WACC,oBACA,cACA,mBACA,iBACA,kBtCgBa,sBC4iBgB,6CqCzjB7B,uBtCAoB,oBsCEpB,oTAEA,QAKC,aACA,gBACA,WrC8DoC,8HqC1DrC,qBrC2iB6B,sDqCriB9B,eACC,0BvC6CD,qDuC9CA,eAIE,2BvC0CF,0CuCjFD,kBA4CE,8CAIF,UACC,aACA,kBACA,cACA,yDAEA,YACC,wDAGD,eACC,uCC9DF,YACC,yBACA,kBvC4Bc,kBuC1Bd,8BACA,mBACA,2DACA,UACC,eACA,gBACA,uBACA,mBACA,gBACA,uBACA,iBACA,kErCeF,WAGE,kEqChBA,cACC,iBACA,iBACA,sBACA,4DAGF,UACC,eACA,uBACA,mBACA,gBACA,uBACA,iBACA,yEAED,SACC,4FACA,UACC,eACA,wCAKH,kBACC,sDAGD,iBACC,qCC9CD,iBACC,0DAEA,YACC,mBACA,uBACA,kBACA,MACA,QACA,SACA,OACA,iBACA,sCACA,kBACA,4DAEA,UACC,6CACA,uBxCFmB,+EwCKnB,0BACC,iBACA,eACA,sFAEA,aACC,WACA,yDAoBJ,YACC,0BzCkCD,wDyCnCA,YAIE,gFAMD,SACC,kBACA,qBACA,4GAEA,SACC,mBACA,8EAIF,iBACC,oBACA,kGAKA,SACC,mBACA,+HAEA,SACC,kBACA,iGAIF,kBACC,mFAWF,kBACC,kBACA,iBxClEY,qGwCqEZ,gBxCrEY,0BDiDd,oGyCoBE,gBxCtES,+FwC8ET,eACC,oBACA,+BxCpFW,wDDsDd,6FyC4BE,mBAOE,2BzCnCJ,kFyCeC,kBAyBE,kBACA,+BC5HJ,UACC,YACA,YACA,oBACA,mBACA,uBACA,kBzCuBc,wBACH,mCyCpBX,UACC,YACA,cACA,mBACA,+EAMA,wBACC,kDAMD,wBACC,iDAGD,wBxCsCY,wDyCnEb,aACC,SACA,kHAEA,aACC,UACA,SACA,gBACA,sHASC,UACC,YACA,eACA,cACA,WACA,kBACA,6HxCIL,UwCDM,YACA,cACA,cACA,cACA,eACA,iBACA,sHAKF,UACC,YACA,eACA,aACA,mBACA,uBACA,aACA,sBACA,kB1ClBU,yB0CoBV,6HxCpBL,WAGE,UwCoBI,cACA,czCgBQ,eyCdR,mHAKF,aACC,WACA,6CACA,uB1C/CiB,2I0C0DjB,YACC,0IAWD,oBzCjBS,iJyCoBR,SACC,iKAQD,oBACC,sBACA,wKAEA,aACC,2OAYH,mBACC,6IAID,oBACC,yBACA,0IAID,UACC,8DAMJ,YACC,gBACA,8FAUD,YACC,eACA,gBACA,yGAEA,QACC,kHAGD,cACC,oBACA,cACA,kBACA,mBACA,0IAGA,iBACC,QACA,QACA,iJxCxIL,WAGE,+JwC6IG,gBACC,kRAKF,YAEC,6GAKF,aACC,cACA,gBACA,UACA,kBACA,SACA,uIAMA,eACC,qKAYC,wBACC,+FAcL,cACC,0GAEA,QACC,mHAGD,YACC,kBACA,kB1C9MW,2I0CkNX,sBACC,kJxCnNL,WAGE,2IwCsNE,YACC,wIAID,gBACC,oRAID,UAEC,YACA,oBACA,cACA,aACA,WACA,kBACA,8IxC3OL,awCkPM,cACA,eACA,iBACA,qJAOD,aACC,cACA,eACA,iBACA,8GAMH,YACC,UACA,kBACA,SACA,8JxC1QJ,WAGE,+JAHF,WAGE,+JAHF,WAGE,uIwCySE,wBACC,sKAKC,uBACC,yLxCnTP,WAGE,uIwCiUE,wBACC,sKAKC,azClSQ,4TyCwST,azCxSS,4JyC8ST,azC9SS,qRyCyTT,mBACC,kKAID,UACC,yKxCvWN,WAGE,kUwC0WG,UAEC,iHAmBH,cACC,mBACA,mKAQC,aACC,kBACA,kHAgBH,kBACC,eACA,+IAMA,sBACC,0GCzaJ,aACC,SACA,UACA,SACA,gBACA,mSAMA,cAEC,cACA,SACA,UACA,SACA,gBACA,+BACA,sBACA,2WAEA,sBACC,kBACA,sC3C3CE,qtC2C+CH,YAIC,gBACA,uUAIF,UAEC,YACA,cACA,WACA,kBACA,mWzCzCH,UyC4CI,YACA,cACA,cACA,cACA,eACA,iBACA,wBACA,uazCnDJ,WAGE,mbAHF,WAGE,+aAHF,WAGE,mdyCmEA,YAIC,gBACA,oDAIF,aACC,mEAEA,YACC,wEAEA,aACC,cACA,+LAGD,UAEC,YACA,qGAGD,cACC,aACA,mBACA,uBACA,sBACA,kB3CrGW,yB2CuGX,4GzCvGJ,WAGE,UyCuGG,cACA,c1CnES,e0CqET,2FAIF,aACC,SACA,UACA,SACA,6GAOA,UACC,YACA,eACA,aACA,mBACA,uBACA,sBACA,kB3CnIU,yB2CqIV,oHzCrIL,WAGE,UyCqII,cACA,c1CjGQ,e0CmGR,4XAIF,YAIC,gBACA,qFAIF,UACC,YACA,oBACA,cACA,WACA,kBACA,kBACA,4FzC/JJ,ayCkKK,cACA,eACA,iBACA,sFAIF,aACC,WACA,eACA,sC3CjME,gB2CmMF,uB3C3LkB,mE2CgMpB,YACC,qGAOC,cACC,4OAUD,oB1C9JU,0P0CkKT,SACC,oRAUD,oBAEC,sBACA,kSAEA,aACC,uFAUJ,kBACC,yFAEA,mBACC,4OAGD,oBAEC,yBACA,0GAGD,UACC,gHAMJ,YAEC,mBACA,eACA,iBACA,kB3C9Pa,yB2CgQb,gJAEA,YACC,OACA,mBACA,SACA,UACA,SACA,0OAEA,UACC,gBACA,eACA,YACA,cACA,SACA,iBACA,sBACA,kB3ClRW,sBC4DwB,W0CyNnC,6CACA,uB3CnSkB,otB2CsSlB,YAGC,iVAIF,UAEC,YACA,eACA,aACA,cACA,mBACA,uBACA,SACA,UACA,SACA,kB3C3SW,yBCwCD,sB0CsQV,W1ClPmC,wBD3D3B,yZ2CiTR,sBACC,kBACA,sC3CzUC,6WEqBN,WAGE,YyCsTG,cACA,cACA,eACA,iBACA,64CAGD,YAIC,gBACA,qtBAGD,wBAEC,yZAGD,eACC,sIAKH,QACC,kIAGD,YACC,gHzCxVH,WAGE,gIAHF,WAGE,kIAHF,WAGE,+HAHF,WAGE,+HAHF,WAGE,gIAHF,WAGE,iIAHF,WAGE,+HAHF,WAGE,+HAHF,WAGE,+HAHF,WAGE,gIAHF,WAGE,mIAHF,UAGE,oIAHF,WAGE,iIAHF,WAGE,uIAHF,WAGE,kIAHF,WAGE,sIAHF,WAGE,sIAHF,WAGE,mIAHF,WAGE,oIAHF,WAGE,kIAHF,WAGE,uIAHF,WAGE,iHAHF,WAGE,iIAHF,WAGE,mIAHF,WAGE,gIAHF,WAGE,gIAHF,WAGE,iIAHF,WAGE,kIAHF,WAGE,gIAHF,WAGE,gIAHF,WAGE,gIAHF,WAGE,iIAHF,WAGE,oIAHF,UAGE,qIAHF,WAGE,kIAHF,WAGE,wIAHF,WAGE,mIAHF,WAGE,uIAHF,WAGE,uIAHF,WAGE,oIAHF,WAGE,qIAHF,WAGE,mIAHF,WAGE,wIAHF,WAGE,iHAHF,WAGE,iIAHF,WAGE,mIAHF,WAGE,gIAHF,WAGE,gIAHF,WAGE,iIAHF,WAGE,kIAHF,WAGE,gIAHF,WAGE,gIAHF,WAGE,gIAHF,WAGE,iIAHF,WAGE,oIAHF,UAGE,qIAHF,WAGE,kIAHF,WAGE,wIAHF,WAGE,mIAHF,WAGE,uIAHF,WAGE,uIAHF,WAGE,oIAHF,WAGE,qIAHF,WAGE,mIAHF,WAGE,wIAHF,WAGE,wEyCqaA,eACC,mFAEA,QACC,0GAKA,YACC,+GAEA,gBACC,0GAIF,gBACC,qQzC1bL,WAGE,uFyCgcC,eACC,kBACA,6SAWE,wBACC,yEAWL,cACC,oFAEA,QACC,wFAGD,gBACC,kB3CpeW,uO2CueX,UAEC,YACA,+PAEA,iBACC,6PAGD,iBACC,qPAGD,WACC,iBACA,oRzCtfN,WAGE,2GyC6fE,YACC,0GAGD,uBACC,2GAGD,MACC,iBACA,iBACA,wFAIF,cACC,kBACA,4GAMA,wBACC,+SAKC,uBACC,4GASH,wBACC,+SAKC,a1CrgBQ,8H0C0gBT,a1C1gBS,+H0C8gBT,a1C9gBS,6R0C4hBR,UACC,4TzCrkBP,WAGE,qIyC8kBI,UACC,2FAmBJ,cACC,mBACA,mHAOC,aACC,kBACA,4FAWH,cACC,mBACA,uQAMC,kBACC,cACA,0CCnqBN,kBACC,wBACA,0BAEA,yCAJD,oBAKE,6DAGD,eACC,qDAGD,gBACC,YACA,aACA,0BACA,oDAJD,cAKE,kDAKF,e3CoEsC,mB2ClErC,0BACA,gDAHD,kBAIE,2DAED,wBACC,UACA,2BACA,yDAHD,2BAIE,2BAED,yDAND,OAOE,WACA,2BAED,yDAVD,iBAWE,8DAED,cACC,sC5CjCE,0E4CoCH,eACC,wDAGF,qBAIC,2BACA,4BACA,UACA,8DAUD,eACC,0BACA,6DAFD,eAGE,4DAOF,iBACC,8DAEA,qC5CtEG,e4CwEF,WACA,iBACA,gBACA,6DAED,cACC,0DAGF,YACC,eACA,aACA,2BAEA,yDALD,cAME,2BAGD,yDATD,SAUE,cACA,0DAGF,YACC,cACA,aACA,0BAEA,wDALD,aAME,eACA,aACA,kBACA,6EAGD,WACC,WACA,kBACA,mBACA,kBACA,eACA,mFACA,aACC,iBACA,4DAIF,qC5CxHG,gB4C0HF,yEAGD,YACC,8CAMH,e3CnDsC,a2CqDrC,mBACA,0BAEA,6CALD,iBAME,mBACA,sDAED,eACC,YACA,kBACA,wDACA,qC5CjJG,e4CmJF,WACA,iBACA,gBACA,uDAED,aACC,eACA,WACA,iBACA,gBACA,yHACA,UAEC,yEAGF,YACC,0BAED,wEACC,oBACC,0FAED,YACC,sCCpLL,gBACC,4CACA,iBACC,iBACA,mD3C0BF,WAGE,mD2C3BA,iBACC,UACA,WACA,WACA,sEAGA,aACC,6CAIH,UACC,eACA,iBACA,2BACA,qBACA,yDAED,aACC,WACA,eACA,iBACA,mBACA,kBACA,6HACA,UAEC,iLAEC,UACC,4EAIH,eACC,eACA,iBACA,sBACA,mFACA,UACC,mDC9CJ,qBACC,cACA,8DAEA,aACC,yIAEA,YACC,gFAIF,aACC,kBACA,uBACA,kB9Cca,sB8CZb,yB7CwUqC,oB6CtUrC,uF5CUF,WAGE,W4CVC,kBACA,SACA,SACA,eACA,kBACA,sFAGD,qB7C2DqC,+G6CvDrC,aACC,SACA,UACA,4QAEA,UAEC,cACA,WACA,SACA,UACA,SACA,+BACA,iIAGD,kBACC,4IAGD,eACC,kBACA,mBACA,WACA,6CACA,uB9C3CkB,uB8C6ClB,mBACA,+KAEA,UACC,WACA,cACA,kBACA,QACA,QACA,SACA,UACA,WACA,eACA,gBACA,kBACA,8JAID,YACC,iBACA,2IAIF,aACC,SACA,UACA,SACA,WACA,6CACA,uB9C5EkB,wJ8C+ElB,UACC,qHAYH,2B7CpCY,6B6CsCX,sDAUF,aACC,UACA,sBACA,kB9C9Fa,sB8CgGb,uCACA,uEAEA,aACC,eACA,6GAKA,cACC,WACA,6CACA,uB9C1HkB,wBAcV,iK8CmHP,qBACC,W7CzDiC,sI6C8DnC,cACC,iBACA,2EAKH,iB7CpEqC,gB6CsEpC,kIAIC,U7C1EmC,sL6CgFjC,qB7ChFiC,+C8CpFvC,gBACC,YACA,aACA,eACA,uBACA,SACA,YACA,sBACA,kB/Cec,yB+Cbd,wB/CcW,gG+CXX,eACC,yDAGD,cACC,cACA,aACA,mBACA,cACA,kBACA,WACA,0BACA,SACA,kB/CHa,sB+CKb,W9CuDqC,6C8CrDrC,uBACA,mFAIC,aACC,mFAGD,UACC,YACA,kBACA,QACA,UACA,0FAEA,aACC,gEAKH,UACC,YACA,eACA,kBACA,MACA,QACA,SACA,UACA,SACA,0BACA,yBACA,W9CoBoC,wBD3D3B,2I+C2CT,wBAEC,yEAKH,eACC,OACA,WACA,UACA,SACA,+EAEA,UACC,eACA,SACA,UACA,SACA,cACA,SACA,cACA,SACA,6CACA,uB/CjFmB,4U+CoFnB,YAIC,gBACA,+BACA,W9CtCU,6G8C4Cb,qB9CvBsC,8C+CvFvC,iBACC,iIAEA,kBACC,+EAKA,qBACC,cACA,kBACA,MACA,QACA,0FAGA,aACC,8GAEA,WACC,eACA,iBACA,aACA,wBACA,mBACA,uBACA,SACA,UACA,+BACA,uBACA,0BACA,+BACA,kBACA,wBhDNO,2IgDUP,UACC,cACA,8JAEA,aACC,iBACA,oBACA,qKAEA,aACC,wIAMH,YACC,yCCvDL,QACC,UACA,gBACA,4CAEA,iBACC,gBACA,mBACA,WhD0DW,6CgDxDX,uBjDImB,+DiDDnB,aACC,kBACA,QACA,OACA,chDsDU,sEgDnDV,aACC,cACA,uDAIF,QACC,0BlDsDH,0CkDjDA,YAGE,mDAGD,iBjDNa,0BDuDd,iDkDjDC,YAIE,2BlDuCH,iDkD3CC,aAQE,oBACA,kBjDhBQ,uDiDoBT,aACC,cACA,0BlD4BH,mDkDxBC,MAGE,sBACA,mBjD7BW,iDiD2Cb,kBACC,eACA,mEAEA,OACC,UACA,sDAOF,cACC,iBjDzDY,0BDiDd,qDkDOC,cAKE,iBjD9DQ,kEiD4EV,UhDnBqC,6CiD1FvC,UjD0FuC,6gBiDtFtC,UjDsFsC,+CiDnFtC,wBACC,qDACA,qBACC,kGAIF,ejD2EsC,wJiDrEtC,UjDsEsC,qPiDjEtC,iBjDiEsC,iCADA,ySiD1DrC,UjDojBoB,wIiD7iBpB,iBjDoDqC,kJiDlDpC,UjDkDoC,gEiD5CtC,UjD4CsC,gBADA,wFiDpCpC,UjDoCoC,gBACA,iEiD5BrC,UjD4BqC,qGiDnBnC,UjDmBmC,+SiDPpC,UjDOoC,uUiDJnC,UjD6fkB,mUiDlfnB,UjDkfmB,+ViD/elB,UjDXmC,sBACA,sDiDmBtC,ejDnBsC,WADA,oEiDuBrC,ejDvBqC,WACA,uIiD+BtC,sBjD/BsC,mUiDkCrC,UjDlCqC,kFiDyCpC,0BACC,uGACA,UjD3CmC,4IiDqDrC,qBACC,4FAMC,qBACC,sGAUD,ejDvEmC,uGiD4EnC,UjD5EmC,sEiDmFrC,UjDnFqC,wDiDyFtC,iBjDzFsC,qHiD4FrC,UjD5FqC,0tBiDoGnC,UjDpGmC,mZiD0GnC,wBjD1GmC,g0BiDsHnC,UjDtHmC,4OiD4HnC,UjD5HmC,+SiDkIpC,eAIC,8DAIF,UjD1IqC,+HiDmJrC,iBjDnJqC,qJiDsJpC,wBjDtJoC,yJiDyJnC,UjDzJmC,mJiD8JpC,wBjD9JoC,8KiDiKnC,UjDjKmC,wMiDoKlC,UjDpKkC,67CiD+KlC,eAEC,+aASA,UjD+TgB,2hBiDzShB,eACC,+PAOD,UjDiSgB,uZiD7RhB,eAGC,sFAUJ,qBjD1OoC,iHiD6OnC,UjD5OmC,wHiD+OlC,aACC,2IAGD,UjDnPkC,kJiD4PjC,aACC,wJAMA,8BACC,2dAgBN,WjDpRqC,0MiD6RnC,UjD7RmC,qpBiDiSlC,UjDjSkC,oCiDqSjC,uIASL,qBAEC,2BACA,mJACA,qBACC,2LAGA,qBACC,yKAGF,gBACC,SACA,2KAED,0BACC,sBACA,kBjDhUoC,uLiDkUpC,iBjDlUoC,8IiD4UrC,UjD5UqC,uGiDqVpC,eACC,yGAGF,qBjDzVqC,+GiD2VpC,eACC,wJAQF,iBjDpWqC,wFiD4WrC,qBjD7WqC,sBiD+WpC,gFAGA,qBjDjXoC,YiDmXnC,sGASA,UjD7XmC,sBACA,sGiDoYnC,UjDrYmC,sBACA,6FiD2YpC,gCACC,+EAOF,qBjDnZqC,sBiDqZpC,kEAMD,ejD3ZqC,sEiD8ZrC,UjD9ZqC,mEiDiarC,qBjDlaqC,gEiDqarC,qBACC,sVAOA,qBjD5aoC,mJiDsbrC,qBACC,0EAMD,UjD4DoB,+EiD1DnB,UjD0DmB,kFiDtDpB,gCACC,WjDpcoC,wFiDscpC,0BACC,uFAED,qBjDgDmB,2GiD5CpB,UjD7cqC,wLiDqdpC,UjDoCmB,6HiDzBlB,yBACC,+BACA,yDAOJ,UjDzesC,uEiDkftC,4BACC,+DAGD,qBACC,yEAGD,gCACC,sBACA,yCCtlBD,qBlDyFsC,wQkD5ElC,eAGI,2BpDyER,sNoDrEI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","sources":["webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_typography.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_accessibility.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_animations.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_mixins.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_variables.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_colors.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_icons.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_buttons.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_toggles.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_boxes.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_box-settings.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_box-selectors.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_box-builder.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_layout.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_notifications.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_header.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_summary.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_list.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_tooltips.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_select.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_tags.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_forms.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_radio-checkbox.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_upload.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_colorpickers.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_tabs.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_sidenav.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_dropdowns.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_scores.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_footer.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_progress-bars.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_tables.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_accordions.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_code-snippet.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_modals.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_listing.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_pagination.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_select2.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_calendar.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_calendar-range.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_utility.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_wp-admin-notices.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_ace-editor.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_recipient.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_chartjs.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_status-dot.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_tree-fancy.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_tree-simple.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_upgrade-page.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_reviews.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_search.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_multistrings.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_insert-variables.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_upsells.scss","webpack://hub-connector/./node_modules/@wpmudev/shared-ui/scss/_color-accessibility.scss","webpack://hub-connector/./src/styles/_onboarding.scss","webpack://hub-connector/./src/styles/_icons.scss","webpack://hub-connector/./src/styles/_buttons.scss","webpack://hub-connector/./src/styles/_inputs.scss","webpack://hub-connector/./src/styles/login/_login-form.scss","webpack://hub-connector/./src/styles/login/_login-connect.scss","webpack://hub-connector/./src/styles/_variables.scss","webpack://hub-connector/./src/styles/login/_login-team-select.scss","webpack://hub-connector/./src/styles/login/_google-form.scss"],"sourcesContent":["// Typography\n\n@if variable-exists(google-fonts-url) and $import-font == true {\n\t@import url($google-fonts-url);\n}\n\n// Base\n@include body-class(true) {\n\tfont-family: $font;\n\tfont-weight: $font--weight;\n\tfont-size: $font--size;\n\tline-height: $font--line-height;\n\tcolor: $font-color;\n\tletter-spacing: $font--letter-spacing;\n\n\t// FIX: Prevent SUI React modal from getting these margins.\n\t&:not(.sui-modal) {\n\t\tmargin: $sui-gutter $sui-gutter 0 ($sui-gutter - 20px); // Account for padding from #wpcontent.\n\n\t\t@include media( max-width, md ) {\n\t\t\tmargin: $sui-gutter-md ($sui-gutter-md - 10px) 0 ($sui-gutter-md - 20px); // Account for padding from #wpcontent.\n\t\t}\n\t}\n\n\t* {\n\t\tfont-variant-ligatures: none;\n\t\t-webkit-font-variant-ligatures: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-smoothing: antialiased;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-shadow: rgba(0, 0, 0, .01) 0 0 1px;\n\t}\n\n\t// Headings\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tdisplay: block;\n\t\tmargin: 0.5em auto;\n\t\tpadding: 0;\n\t\tline-height: $font--line-height;\n\t\tcolor: $headings-color;\n\t\tfont-weight: $font--weight-bold;\n\t\tfont-family: $font;\n\t}\n\n\th1 {\n\t\tfont-size: $h1-font-size;\n\t\tline-height: $h1-line-height;\n\t\tcolor: $headings-color;\n\t\tmargin: 0;\n\t}\n\th2 {\n\t\tfont-size: $h2-font-size;\n\t\tline-height: $h2-line-height;\n\t}\n\n\th3 {\n\t\tfont-size: $h3-font-size;\n\t\tline-height: $h3-line-height;\n\t}\n\n\th4 {\n\t\tfont-size: $h4-font-size;\n\t}\n\n\th5 {\n\t\tfont-size: $h5-font-size;\n\t}\n\n\th6 {\n\t\tfont-size: $h6-font-size;\n\t}\n\n\t// Paragraph\n\n\tp {\n\t\tfont-family: $font;\n\t\tfont-weight: $font--weight;\n\t\tfont-size: $font--size;\n\t\tline-height: $font--line-height;\n\t\tcolor: $font-color;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-rendering: optimizeLegibility;\n\n\t\t&.sui-p-small {\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tcolor: $p-small-color;\n\t\t\tmargin: 5px 0;\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-of-type:not(:last-child) {\n\t\t\tmargin-bottom: $sui-gutter;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t}\n\n\tsmall {\n\t\tdisplay: inline-block;\n\t\tfont-size: 13px;\n\t\tline-height: 22px;\n\t\tcolor: $p-small-color;\n\t\tmargin-bottom: 5px;\n\t}\n\n\t// Links\n\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: $a-color;\n\t\tfont-weight: 500;\n\t\toutline-color: transparent;\n\t\toutline-style: none;\n\t\tbox-shadow: none;\n\n\t\t&:hover, &:focus, &:active {\n\t\t\t&:not(.sui-button) {\n\t\t\t\tcolor: $a-action-color;\n\t\t\t}\n\t\t}\n\n\t\t&.disabled {\n\t\t\tpointer-events: none;\n\n\t\t\t&:hover, &:focus, &:active {\n\t\t\t\tcolor: $a-disabled-color;\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n\t// Code\n\n\tcode,\n\tpre {\n\t\tfont-weight: 500;\n\t\tfont-size: 13px;\n\t\tline-height: 18px;\n\t\tcolor: $pre-color;\n\t\tbackground-color: $code-bg-color;\n\t\tborder: 1px solid $code-border-color;\n\t\tborder-radius: $border-radius;\n\t\tmargin: 0;\n\t\tpadding: 10px 15px;\n\t\twhite-space: pre;\n\t\toverflow: auto;\n\t\tmax-width: 100%;\n\t\tvertical-align: middle;\n\t\ttab-size: 4;\n\t}\n\n\tcode {\n\t\tdisplay: inline-block;\n\t\tpadding: 2px 5px;\n\t}\n\n\t// Misc\n\tb, strong {\n\t\tfont-weight: 500;\n\t}\n\n\tdfn {\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tborder-bottom: 1px dotted $dfn-border-color;\n\t}\n\n\thr {\n\t\tborder: none;\n\t\tdisplay: block;\n\t\theight: 1px;\n\t\tbackground: #e6e6e6;\n\t\tmargin: 30px 0;\n\t}\n}\n\n@include body-class($wrap: true, $rtl: false, $monochrome: false) {\n\n\t// BLOCK: Description.\n\t.sui-description {\n\t\tdisplay: block;\n\t\tmargin: 5px 0;\n\t\tcolor: $grey;\n\t\tfont: 400 13px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: false, $monochrome: true) {\n\n\t// BLOCK: Description.\n\t.sui-description {\n\t\tcolor: $black;\n\t}\n}","%sui-screen-reader-text {\n\twidth: 1px;\n\tmin-width: 1px;\n\theight: 1px;\n\tmin-height: 1px;\n\toverflow: hidden;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\tposition: absolute !important;\n\tmargin: -1px;\n\tpadding: 0;\n\tborder: 0;\n\tword-wrap: normal !important;\n}\n\n@include body-class() {\n\n\t.sui-screen-reader-text {\n\t\t@extend %sui-screen-reader-text;\n\t}\n}\n\n@include body-class(true) {\n\n\t.sui-screen-reader-text {\n\t\t@extend %sui-screen-reader-text;\n\t}\n}","@include body-class(true) {\n\n\t.sui-fade-in {\n\t\tanimation: fadeIn 0.3s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-fade-out {\n\t\tanimation: fadeOut 0.3s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-bounce-in {\n\t\tanimation: bounceInJiggle 0.8s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-bounce-out {\n\t\tanimation: bounceOutJiggle 0.6s ease-out forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-content-fade-in {\n\t\tanimation: fadeScaleIn 0.5s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-content-fade-out {\n\t\tanimation: fadeScaleOut 0.9s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n}\n\n@keyframes bounceInDown {\n\tfrom, 60%, 75%, 90%, to {\n\t\tanimation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n\t}\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0, -3000px, 0);\n\t}\n\t60% {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 25px, 0);\n\t}\n\t75% {\n\t\ttransform: translate3d(0, -10px, 0);\n\t}\n\t90% {\n\t\ttransform: translate3d(0, 5px, 0);\n\t}\n\tto {\n\t\ttransform: none;\n\t}\n}\n\n@keyframes bounceInJiggle {\n\t0%   { transform: translateY(-200%) scale(1.5); opacity:0; }\n\t30%  { opacity:1; }\n\t58%  { transform: translateY(0) rotate(1deg) scale(1); opacity: 1 }\n\t72%  { transform: translateY(-30px) rotate(-1deg); }\n\t80%  { transform: translateY(0) rotate(0.5deg); }\n\t100% { transform: translateY(0) rotate(0deg); }\n}\n\n@keyframes bounceOutJiggle {\n\t0%   { transform: translateY(0); }\n\t10%  { transform: translateY(-10px) rotate(-0.5deg); }\n\t30%  { transform: translateY(20px) rotate(8deg); }\n\t70%  { opacity: 1; }\n\t90%  { transform: translateY(300%) translateX(40px) rotate(35deg); opacity: 0; }\n\t100% { display: none; }\n}\n\n@keyframes bounceOut {\n\t20% {\n\t\ttransform: scale3d(.9, .9, .9);\n\t}\n\t50%, 55% {\n\t\topacity: 1;\n\t\ttransform: scale3d(1.1, 1.1, 1.1);\n\t}\n\tto {\n\t\topacity: 0;\n\t\ttransform: scale3d(.3, .3, .3);\n\t}\n}\n\n@keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t}\n\t25% {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes fadeScaleIn {\n\t0% {\n\t\topacity: 0;\n\t}\n\t25% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0,10px,0) scale(0.9);\n\t}\n\t100% {\n\t\ttransform: translate3d(0,0,0) scale(1);\n\t}\n}\n\n@keyframes fadeOut {\n\t0% {\n\t\topacity: 1;\n\t}\n\t75% {\n\t\topacity: 1;\n\t}\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fadeScaleOut {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translate3d(0,0,0) scale(1);\n\t}\n\t25% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0,10px,0) scale(0.9);\n\t}\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fadeInLeft {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(-50px, 0, 0);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n}\n\n@keyframes fadeInRight {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(50px, 0, 0);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n}\n\n@keyframes spin {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n","// ==================================================\n// Generates the required versioned body class.\n//\n// $wrap: true\n// $rtl: false\n// $monochrome: false\n// ==================================================\n@mixin body-class($wrap: false, $rtl: false, $monochrome: false) {\n\n\t$formatted-version: str-replace($sui-version, '.', '-');\n\n\t@if ( $wrap and $sui-wrap-class ) {\n\n\t\t@if $rtl {\n\n\t\t\t.sui-#{$formatted-version}.rtl {\n\n\t\t\t\t.#{$sui-wrap-class} {\n\n\t\t\t\t\t@if $monochrome {\n\n\t\t\t\t\t\t&.sui-color-accessible {\n\t\t\t\t\t\t\t@content;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@else {\n\t\t\t\t\t\t@content;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@else {\n\n\t\t\t.sui-#{$formatted-version} .#{$sui-wrap-class} {\n\n\t\t\t\t@if $monochrome {\n\n\t\t\t\t\t&.sui-color-accessible {\n\t\t\t\t\t\t@content;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@else {\n\t\t\t\t\t@content;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@else {\n\n\t\t@if $rtl {\n\n\t\t\t.sui-#{$formatted-version}.rtl {\n\t\t\t\t@content;\n\t\t\t}\n\t\t}\n\n\t\t@else {\n\n\t\t\t.sui-#{$formatted-version} {\n\t\t\t\t@content;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Prevent text such as titles from wrapping.\n@mixin text-truncate {\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n// Media queries.\n// Examples:\n//   @include media(min-width, lg) {}\n//   @include media(max-width, sm) {}\n//   @include media(between, sm, lg) {}\n//\n@mixin media($type, $breakpoint-name-1, $breakpoint-name-2: null) {\n\t@if ($type == min-width) {\n\t\t$min-breakpoint-width: #{map-get($sui-breakpoints, $breakpoint-name-1)};\n\t\t@media (min-width: $min-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else if ($type == max-width) {\n\t\t$max-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-1) - 1px;\n\t\t@media (max-width: $max-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else if ($type == between) {\n\t\t$min-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-1);\n\t\t$max-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-2) - 1px;\n\t\t@media (min-width: $min-breakpoint-width) and (max-width: $max-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else {\n\t\t@warn \"Unfortunately, no type could be retrieved from `#{$type}`. \"\n\t\t+ \"Use either `min-width`, `max-width`, or `between`.\";\n\t}\n}\n\n// High PPI display background\n@mixin background-2x($path, $ext: \"png\", $w: auto, $h: auto, $pos: left top, $repeat: no-repeat) {\n\t$at1x_path: \"#{$path}.#{$ext}\";\n\t$at2x_path: \"#{$path}@2x.#{$ext}\";\n\n\tbackground: url(\"#{$at1x_path}\") $repeat $pos;\n\tbackground-size: $w $h;\n\n\t@media only screen and (-webkit-min-device-pixel-ratio: 2),\n\tonly screen and (min--moz-device-pixel-ratio: 2),\n\tonly screen and (-o-min-device-pixel-ratio: 2/1),\n\tonly screen and (min-device-pixel-ratio: 2),\n\tonly screen and (min-resolution: 192dpi),\n\tonly screen and (min-resolution: 2dppx) {\n\t\tbackground-image: url(\"#{$at2x_path}\");\n\t}\n}\n","@use \"sass:math\";\n\n$sui-version: \"2.12.24\";\n$sui-wrap-class: \"sui-wrap\";\n\n// Import Google Fonts\n$import-font: true !default;\n$google-fonts-url: \"https://fonts.bunny.net/css?family=Roboto:400,500,700\" !default;\n\n// Typography\n$font: \"Roboto\", Arial, sans-serif !default;\n$font--size: 15px !default;\n\n$font--weight: 400;\n$font--medium: 500;\n$font--weight-bold: 700;\n\n$font--line-height: 30px !default;\n$font--letter-spacing: -0.25px !default;\n\n$h1-font-size: 32px !default;\n$h2-font-size: 22px !default;\n$h3-font-size: 18px !default;\n$h4-font-size: 15px !default;\n$h5-font-size: 15px !default;\n$h6-font-size: 15px !default;\n\n$h1-line-height: 40px;\n$h2-line-height: 35px;\n$h3-line-height: 40px;\n\n$border-radius: 4px !default;\n$transition: all 0.3s ease !default;\n\n// Layout\n$sui-gutter: 30px !default;\n$sui-gutter-md: 20px !default;\n$sui-total-grid-cols: 12 !default;\n$sui-breakpoints: (\n\txs: 0px,\n\tsm: 480px,\n\tmd: 783px,\n\tlg: 1200px,\n) !default;\n\n// ============================================================\n// Summary\n\n// SIZE: Regular\n$summary-size-width: 222px !default;\n$summary-size-height: 212px !default;\n\n$summary-image--width: 96px !default;\n$summary-image--height: 96px !default;\n\n$summary-image--position-x: 80px !default;\n$summary-image--position-y: center !default;\n$summary-image--position: $summary-image--position-x $summary-image--position-y !default;\n\n// SIZE: Small\n$summary-size-sm: 151px !default;\n\n$summary-image-sm--width: 96px !default;\n$summary-image-sm--height: 96px !default;\n\n$summary-image-sm--position-x: 30px !default;\n$summary-image-sm--position-y: center !default;\n$summary-image-sm--position: $summary-image-sm--position-x\n\t$summary-image-sm--position-y !default;\n\n// ============================================================\n// Forms (_forms.scss)\n$form--input-height-base: 40px !default;\n$form--input-border-radius: $border-radius !default;\n$form--input-line-height: 20px !default;\n$form--input-font-weight: 500 !default;\n\n$form--input-error-font-size: 12px !default;\n$form--input-error-line-height: 16px !default;\n$form--input-error-font-weight: 500 !default;\n$form--label-font: $font !default;\n$form--label-font-weight: 600 !default;\n$form--label-font-size: 12px !default;\n$form--label-line-height: 16px !default;\n$form--description-font-weight: 400 !default;\n$form--description-font-size: 13px !default;\n\n// ============================================================\n// Radio & Checkbox (_radio-checkbox.scss)\n\n// SIZE: Default\n$radio-checkbox--size: 16px !default;\n$radio-checkbox--font-size: 15px !default;\n$radio-checkbox--line-height: 22px !default;\n$radio-checkbox--check-size: 6px !default;\n$radio-checkbox--icon-size: 10px !default;\n\n// SIZE: Small\n$radio-checkbox--font-size-sm: 13px !default;\n\n// ============================================================\n// Paths\n$sui-image-path: \"../images/\" !default;\n$sui-font-path: \"../fonts/\" !default;\n\n// ============================================================\n// Scores\n$circle-score-sm: 30px !default;\n$circle-score-lg: 120px !default;\n$circle-score-label-spacing: 10px !default;\n\n// ============================================================\n// Sidenav\n$sidenav-width: 220px !default;\n\n// ============================================================\n// Margin\n$default-margin: 30px !default;\n\n// ============================================================\n// Padding\n$default-padding: 30px !default;\n\n// ============================================================\n// Tables\n$table--border-width: 1px !default;\n$table--border-style: solid !default;\n$table--text-font-size: 13px !default;\n$table--text-line-height: 22px !default;\n\n// ============================================================\n// Select\n$select-dropdown-handle-size: 40px !default;\n$select-dropdown-handle-size-sm: 30px !default;\n\n// ============================================================\n// Accordions\n$accordion--grid: 12 !default;\n\n// ============================================================\n// Upload (_upload.scss)\n\n// Image container\n$file-upload--image-size: 40px !default;\n$file-upload--image-border-width: 1px !default;\n$file-upload--image-border-style: solid !default;\n$file-upload--image-padding: 1px !default;\n\n// Button: Add\n$file-upload--add-border-width: 1px !default;\n$file-upload--add-border-style: dashed !default;\n\n// ============================================================\n// Color Pickers (_colorpickers.scss)\n\n// Default\n$colorpicker--hex-width: 135px !default;\n$colorpicker--rgba-width: 215px !default;\n$colorpicker--button-size: 30px !default;\n$colorpicker--border-width: 1px !default;\n\n// Input\n$colorpicker--input-height: 30px !default;\n$colorpicker--input-font-size: 12px !default;\n$colorpicker--input-line-height: 16px !default;\n\n// Iris\n$colorpicker--iris-hex-width: 210px !default;\n$colorpicker--iris-rgba-width: 240px !default;\n$colorpicker--iris-square-size: 160px !default;\n$colorpicker--iris-square-size-sm: 140px !default;\n$colorpicker--iris-square-value-size: 0 !default;\n$colorpicker--iris-square-handle-size: 16px !default;\n$colorpicker--iris-square-handle-border-width: 3px !default;\n$colorpicker--iris-slider-size: 190px !default;\n$colorpicker--iris-slider-handle-size: 10px !default;\n$colorpicker--iris-slider-handle-border-width: 2px !default;\n$colorpicker--iris-palette-size: 20px !default;\n\n// ============================================================\n// Box Selectors (_box-selectors.scss)\n\n// Container\n$box-selectors--spacing: 20px !default;\n$box-selectors--columns: (\n\tcol-1: 100%,\n\tcol-2: 50%,\n\tcol-3: 33.33%,\n\tcol-4: 25%,\n\tcol-5: 20%,\n) !default;\n\n// Item\n$box-selector--height: 60px !default;\n$box-selector--padding: 10px !default;\n$box-selector--font-size: 12px !default;\n$box-selector--line-height: 20px !default;\n\n$box-selector--font-size-lg: 13px !default;\n$box-selector--line-height-lg: 22px !default;\n\n// Item icon\n$box-selector--icon-width: 30px !default;\n$box-selector--icon-size: 16px !default;\n\n// Item image\n$box-selector--image-width: 24px !default;\n\n// Item ribbon\n// Used as blue triangle on top-right corner when item is selected\n$box-selector--ribbon-height: 80px !default;\n\n// Item (vertical)\n$box-selector-vertical--height: 80px !default;\n$box-selector-vertical--padding-top: 16px !default;\n$box-selector-vertical--icon-spacing: 7px !default;\n$box-selector-vertical--padding-bottom: #{$box-selector-vertical--height -\n\t(\n\t\t$box-selector--line-height + $box-selector--icon-size +\n\t\t\t$box-selector-vertical--icon-spacing +\n\t\t\t$box-selector-vertical--padding-top\n\t)} !default;\n\n// ============================================================\n// Progress Bars (_progress-bars.scss)\n$progress-block--size: 60px;\n$progress-bar--size: 10px;\n\n// ============================================================\n// Buttons (_buttons.scss)\n$button-dashed-height-lg: 70px !default;\n$button-dashed-height: 60px !default;\n$button-dashed-height-md: 50px !default;\n\n// ============================================================\n// Box Builder (_box-builder.scss)\n\n// Field - Basic\n$box-builder--field-height: 60px !default;\n$box-builder--field-height-md: 50px !default;\n$box-builder--field-spacing: 20px !default;\n$box-builder--field-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05) !default;\n$box-builder--field-shadow-hover: 0 0 0 4px rgba(0, 0, 0, 0.02),\n\t0 4px 15px 0 rgba(0, 0, 0, 0.05) !default;\n\n// Field - Icon\n$box-builder--field-icon-size: 30px !default;\n\n// ============================================================\n// Dialogs (_modals.scss)\n$wordpress: (\n\tadminbar: 32px,\n\tadminbar-sm: 32px,\n\tadminmenu: 160px,\n\t// Size for unfolded admin menu.\n\tadminmenu-sm: 36px,\n\t// Size for folded admin menu.\n) !default;\n\n$scrollbar--width: 20px !default;\n\n$modal: (\n\tz-index: 13,\n) !default;\n\n$modal-size: (\n\txl: 980px,\n\tlg: 600px,\n\tmd: 500px,\n\tsm: 400px,\n) !default;\n\n$modal-spacing: (\n\t0: (\n\t\t0,\n\t\t0,\n\t),\n\t10: (\n\t\t10px,\n\t\t10px,\n\t),\n\t20: (\n\t\t20px,\n\t\t20px,\n\t),\n\t30: (\n\t\t30px,\n\t\t20px,\n\t),\n\t40: (\n\t\t40px,\n\t\t20px,\n\t),\n\t50: (\n\t\t50px,\n\t\t40px,\n\t),\n\t60: (\n\t\t60px,\n\t\t40px,\n\t),\n\t70: (\n\t\t70px,\n\t\t40px,\n\t),\n\t80: (\n\t\t80px,\n\t\t40px,\n\t),\n\t90: (\n\t\t90px,\n\t\t50px,\n\t),\n\t100: (\n\t\t100px,\n\t\t50px,\n\t),\n) !default;\n\n$modal-steps: (\n\tlg: 14px,\n\tmd: 10px,\n\tsm: 7px,\n) !default;\n\n$modal-logo: (\n\tsize: 70px,\n\tframe-width: 5px,\n\tframe-color: $white,\n) !default;\n\n$onboard: (\n\tspacing: 40px,\n\tbutton: 40px,\n\tbutton-md: 30px,\n) !default;\n\n// ============================================================\n// Toggles (_toggles.scss)\n\n$toggle-width: 34px !default;\n$toggle-height: 16px !default;\n$toggle-font-size: 15px !default;\n$toggle-font-height: 22px !default;\n\n// ************************************************************\n// Datepicker - (_calendar.scss)\n\n$calendar: (\n\tpadding: #{math.div($sui-gutter, 2) - 1px},\n\tborder-width: 1px,\n\tborder-style: solid,\n\tborder-color: palette(gray, lighter),\n\tborder-radius: $border-radius,\n\tbackground: $white,\n\tshadow: 0 3px 7px 0 rgba(0, 0, 0, 0.07),\n\tcell-size: 30px,\n);\n\n$calendar-padding: map-get($calendar, padding) !default;\n$calendar-border--width: map-get($calendar, border-width) !default;\n$calendar-border--style: map-get($calendar, border-style) !default;\n$calendar-border--color: map-get($calendar, border-color) !default;\n$calendar-border--radius: map-get($calendar, border-radius) !default;\n$calendar-background: map-get($calendar, background) !default;\n$calendar-shadow: map-get($calendar, shadow) !default;\n$calendar-cell: map-get($calendar, cell-size) !default;\n\n$month: (\n\tcolor: palette(gray, dark),\n\tfont-size: 12px,\n\tline-height: map-get($calendar, cell-size),\n\tfont-family: $font,\n\tfont-weight: bold,\n\tletter-spacing: $font--letter-spacing,\n\ttext-align: center,\n);\n\n$month-color: map-get($month, color) !default;\n$month-size: map-get($month, font-size) !default;\n$month-height: map-get($month, line-height) !default;\n$month-family: map-get($month, font-family) !default;\n$month-weight: map-get($month, font-weight) !default;\n$month-spacing: map-get($month, letter-spacing) !default;\n$month-align: map-get($month, text-align) !default;\n\n$day: (\n\tfont-size: 12px,\n\tline-height: map-get($calendar, cell-size),\n\tfont-family: $font,\n\tfont-weight: 400,\n\tletter-spacing: $font--letter-spacing,\n\ttext-align: center,\n\tdefault-color: palette(gray, light),\n\tdefault-background: $white,\n\thover-color: palette(gray, dark),\n\thover-background: palette(silver, light),\n\tactive-color: $blue,\n\tactive-background: palette(blue, light),\n\tinactive-color: palette(gray, lighter),\n\tinactive-background: $white,\n\ttoday-color: palette(gray, default),\n\ttoday-background: palette(yellow, light),\n);\n\n$day-size: map-get($day, font-size) !default;\n$day-height: map-get($day, line-height) !default;\n$day-family: map-get($day, font-family) !default;\n$day-weight: map-get($day, font-weight) !default;\n$day-spacing: map-get($day, letter-spacing) !default;\n$day-align: map-get($day, text-align) !default;\n\n$day-default--color: map-get($day, default-color) !default;\n$day-default--background: map-get($day, default-background) !default;\n$day-hover--color: map-get($day, hover-color) !default;\n$day-hover--background: map-get($day, hover-background) !default;\n$day-active--color: map-get($day, active-color) !default;\n$day-active--background: map-get($day, active-background) !default;\n$day-inactive--color: map-get($day, inactive-color) !default;\n$day-inactive--background: map-get($day, inactive-background) !default;\n$day-today--color: map-get($day, today-color) !default;\n$day-today--background: map-get($day, today-background) !default;\n","// Colors\n$palettes: (\n\tmono: (\n\t\tdefault: #000000,\n\t\tblack:   #000000,\n\t\twhite:   #FFFFFF,\n\t),\n\tgray: (\n\t\tdefault: #666666,\n\t\tlighter: #DDDDDD,\n\t\tlight:   #888888,\n\t\tdark:    #333333,\n\t),\n\tsilver: (\n\t\tdefault: #F2F2F2,\n\t\tlight:   #F8F8F8,\n\t\tsoft:    #E6E6E6,\n\t\tmedium:  #AAAAAA,\n\t),\n\tblue: (\n\t\tdefault: #17A8E3,\n\t\tlight:   #E1F6FF,\n\t\tghost:   #E1F6FF,\n\t),\n\tred: (\n\t\tdefault: #FF6D6D,\n\t\tlight:   #FFE5E9,\n\t\tghost:   #FFE5E9,\n\t),\n\tyellow: (\n\t\tdefault: #FECF2F,\n\t\tlight:   #FFF5D5,\n\t\tghost:   #FFF5D5,\n\t),\n\tgreen: (\n\t\tdefault: #1ABC9C,\n\t\tlight:   #D1F1EA,\n\t\tghost:   #D1F1EA,\n\t),\n\torange: (\n\t\tdefault: #FF7E41,\n\t\tlight:   #FFE5D9,\n\t\tghost:   #FFE5D9,\n\t),\n\tpurple: (\n\t\tdefault: #8D00B1,\n\t\tlight:   #F9E1FF,\n\t\tghost:   #F9E1FF,\n\t),\n\tmonos: (\n\t\tcloud:       #FAFAFA,\n\t\thaze:        #F8F8F8,\n\t\tsmoke:       #F2F2F2,\n\t\tsilver:      #E6E6E6,\n\t\tovercast:    #DDDDDD,\n\t\tfiftyshades: #AAAAAA,\n\t\tgrey:        #888888,\n\t\tironmike:    #666666,\n\t\tnightrider:  #333333,\n\t),\n) !default;\n\n$cloud:        palette(monos, cloud)       !default;\n$haze:         palette(monos, haze)        !default;\n$smoke:        palette(monos, smoke)       !default;\n$silver:       palette(monos, silver)    !default;\n$overcast:     palette(monos, overcast)    !default;\n$fiftyshades:  palette(monos, fiftyshades) !default;\n$grey:         palette(monos, grey)      !default;\n$ironmike:     palette(monos, ironmike)    !default;\n$nightrider:   palette(monos, nightrider)  !default;\n$blue:         palette(blue, default)    !default;\n$green:        palette(green, default)   !default;\n$yellow:       palette(yellow, default)  !default;\n$red:          palette(red, default)     !default;\n$purple:       palette(purple, default)  !default;\n$blue-ghost:   palette(blue, ghost)      !default;\n$green-ghost:  palette(green, ghost)     !default;\n$yellow-ghost: palette(yellow, ghost)    !default;\n$red-ghost:    palette(red, ghost)       !default;\n$purple-ghost: palette(purple, ghost)    !default;\n\n// ============================================================\n// Old colors (organization)\n\n$success:                               palette(green)                !default;\n$warning:                               palette(yellow)               !default;\n$error:                                 palette(red)                  !default;\n$info:                                  palette(blue)                 !default;\n\n// Primary Colors\n$white:                                 palette(mono, white)          !default;\n$black:                                 palette(mono, black)          !default;\n$gray:                                  palette(gray)                 !default;\n$gray-alt:                              palette(gray, dark)           !default;\n\n// Boxes Colors (_boxes.scss)\n$box-bg-color:                          palette(mono, white)          !default;\n$box-box-shadow-color:                  palette(silver, soft)          !default;\n$box-header-border-color:               palette(silver, soft)          !default;\n$box-footer-border-color:               palette(silver, soft)          !default;\n$box-settings-box-border-color:         palette(silver, soft)         !default;\n$box-settings-label-color:              palette(gray, dark)           !default;\n$box-upsell-p-color:                    palette(gray, dark)           !default;\n$box-upsell-border-color:               palette(purple)                !default;\n\n// ============================================================\n// Buttons Colors (_buttons.scss)\n\n$button-colors: blue green red orange yellow purple white;\n\n$button-shadow: (\n\tdefault: $overcast,\n\tblue:    $blue-ghost,\n\tgreen:   $green-ghost,\n\tred:     $red-ghost,\n\torange:  palette(orange, ghost),\n\tyellow:  $yellow-ghost,\n\tpurple:  $purple-ghost,\n\twhite:   $white\n) !default;\n\n$button-border: (\n\tdefault: palette(gray, lighter),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-background: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-text-color: (\n\tdefault: palette(mono, white),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, black)\n) !default;\n\n$button-disabled--background: palette(silver, soft);\n$button-disabled--color:      palette(silver, medium);\n\n// Upsell Button\n$button-upsell--border-static: palette(green, light)   !default;\n$button-upsell--border-active: palette(green, default) !default;\n$button-upsell--color-static:  palette(green, default) !default;\n$button-upsell--color-active:  palette(mono, white)    !default;\n\n// Dashed Button\n$button-dashed--border:        palette(silver, medium) !default;\n$button-dashed--background:    transparent               !default;\n$button-dashed--color:         palette(gray, light)    !default;\n\n// ============================================================\n// Icon Buttons Colors (_buttons.scss)\n\n$button-icon--shadow: (\n\tdefault: $overcast,\n\tblue:    $blue-ghost,\n\tgreen:   $green-ghost,\n\tred:     $red-ghost,\n\torange:  palette(orange, ghost),\n\tyellow:  $yellow-ghost,\n\tpurple:  $purple-ghost,\n\twhite:   $white\n) !default;\n\n$button-icon--border: (\n\tdefault: palette(gray, lighter),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--background: (\n\tdefault: palette(silver, default),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   rgba(0,0,0,0.2)\n) !default;\n\n$button-icon--background-hover: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--background-filled: (\n\tdefault: palette(silver, soft),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--color: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--color-hover: (\n\tdefault: palette(gray, dark),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--alt: (\n\tdefault: palette(mono, white),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, black)\n) !default;\n\n$button-icon--color-filled: (\n\tdefault: palette(silver, medium),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, white)\n) !default;\n\n// ============================================================\n// Typography Colors (_typography.scss)\n$headings-color:                        palette(gray, dark)           !default;\n$font-color:                            $gray !default;\n$p-small-color:                         palette(gray, light)          !default;\n$a-color:                               palette(blue)                 !default;\n$a-action-color:                        darken($a-color, 10%)         !default;\n$a-disabled-color:                      palette(gray, light)          !default;\n$code-bg-color:                         palette(silver, light)        !default;\n$code-border-color:                     palette(silver, soft)         !default;\n$dfn-border-color:                      palette(gray, light)          !default;\n$pre-color:                             palette(gray, dark)           !default;\n\n// Notifications Colors (_notifications.scss)\n$notice-font-color:                     palette(gray, dark)           !default;\n$notice-default-bg-color:               $white                        !default;\n$notice-default-icon-color:             palette(gray, light)          !default;\n$notice-warning-icon-color:             $warning                      !default;\n$notice-success-icon-color:             $success                      !default;\n$notice-error-icon-color:               $error                        !default;\n$notice-info-icon-color:                palette(blue)                 !default;\n\n// Tooltips (_tooltips.scss)\n$tooltips-color:                        palette(gray, dark)           !default;\n\n// ============================================================\n// Box Selectors (_box-selectors.scss)\n\n// Container\n$box-selectors--background: palette(silver, light) !default;\n\n// Item\n$box-selector--border-color: rgba(230, 230, 230, 0.5) !default;\n$box-selector--background: $white !default;\n$box-selector--color: palette(gray, light) !default;\n$box-selector--box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05) !default;\n\n$box-selector--active-background: palette(blue, light) !default;\n$box-selector--active-color: palette(blue, default) !default;\n$box-selector--active-box-shadow:  0 0 0 4px rgba(0, 0, 0, 0.02), 0 4px 15px 0 rgba(0, 0, 0, 0.05);\n\n// Item icon\n$box-selector--icon-color: palette(silver, medium) !default;\n\n// Item ribbon\n// Used as blue triangle on top-right corner when item is selected\n$box-selector--ribbon-color: $white !default;\n$box-selector--ribbon-background: palette(blue, default) !default;\n\n// ============================================================\n// Box Builder (_box-builder.scss)\n\n// Main container\n$box-builder--background:   $white !default;\n$box-builder--border-color: palette(silver, soft) !default;\n\n// Body\n$box-builder--body-background: palette(silver, light) !default;\n$box-builder--body-message:    palette(gray, light) !default;\n\n// Fields\n$box-builder--field-background: $white                   !default;\n$box-builder--field-color:      palette(gray, dark)    !default;\n$box-builder--field-move-color: palette(gray, lighter) !default;\n$box-builder--field-move-color-hover: palette(gray, light) !default;\n$box-builder--field-border:     palette(silver, soft)  !default;\n\n// Field - Notice\n$box-builder--notice-background: palette(silver, default) !default;\n$box-builder--notice-color:      $blue !default;\n\n// ============================================================\n// Select (_select.scss)\n\n// Container\n$select-container--border-color:        palette(gray, lighter)  !default;\n$select-container--background:          #FAFAFA                 !default;\n$select-container--background-active:   $white                    !default;\n\n// List value\n$select-value--color:                   palette(gray, dark)     !default;\n\n// List results\n$select-results--border-color:          palette(gray, lighter)  !default;\n$select-results--background:            $white                    !default;\n$select-results--color:                 palette(gray, light)    !default;\n$select-results--background-hover:      rgba(51, 51, 51, 0.05)  !default;\n$select-results--color-hover:           palette(gray, default)  !default;\n$select-results--background-current:    palette(gray, light)    !default;\n$select-results--color-current:         $white                    !default;\n$select-results--optgroup-color:        palette(silver, medium) !default;\n\n// Search results\n$select-search--border-color:           palette(gray, lighter)  !default;\n$select-search--background:             #FAFAFA                 !default;\n$select-search--background-focus:       $white                    !default;\n$select-search--color:                  palette(gray, dark)     !default;\n$select-search--placeholder:            palette(silver, medium) !default;\n$select-search--result:                 palette(gray, light)    !default;\n\n// Mobile select\n$select-mobile-nav-handle-color:        palette(gray, lighter)  !default;\n$select-mobile-nav-handle-hover-color:  palette(gray, light)    !default;\n\n// ============================================================\n// Sidebar (_sidebar.scss)\n$sidenav-tab-color:                     palette(gray)                 !default;\n$sidenav-tab-color-hover:               palette(gray, dark)           !default;\n$sidenav-tab-active-color:              palette(gray, dark)           !default;\n$sidenav-tab-active-bg-color:           palette(silver, soft)         !default;\n$sidenav-tab-icon-color:                palette(green)                !default;\n\n// ============================================================\n// Summary (_summary.scss)\n$summary-details--color:     palette(gray, dark)   !default;\n$summary-details--sub-color: palette(gray, light)  !default;\n\n$summary-list--border-color: palette(silver, soft) !default;\n$summary-list--color:        palette(gray,light)   !default;\n$summary-list--label:        palette(gray, dark)   !default;\n\n// ============================================================\n// Tags (_tags.scss)\n\n// Default tags\n$tag--default-background: palette(silver) !default;\n$tag--default-color: palette(gray, dark) !default;\n\n// Red tags\n$tag--red-border-color: palette(red, light) !default;\n$tag--red-background: $error !default;\n$tag--red-color: $white !default;\n\n// Yellow tags\n$tag--yellow-border-color: palette(yellow, light) !default;\n$tag--yellow-background: $warning !default;\n$tag--yellow-color: palette(gray, dark) !default;\n\n// Green tags\n$tag--green-border-color: palette(green, light) !default;\n$tag--green-background: $success !default;\n$tag--green-color: $white !default;\n\n// Blue tags\n$tag--blue-border-color: palette(blue, light) !default;\n$tag--blue-background: palette(blue) !default;\n$tag--blue-color: $white !default;\n\n// Purple tags\n$tag--purple-border-color: palette(purple, light) !default;\n$tag--purple-background: palette(purple) !default;\n$tag--purple-color: $white;\n\n// Disabled tags\n$tag--disabled-background: palette(silver) !default;\n$tag--disabled-color: palette(silver, medium) !default;\n\n// Pro tags\n$tag--pro-background: palette(purple) !default;\n$tag--pro-color: $white !default;\n\n// Beta tags\n$tag--beta-background: palette(orange) !default;\n$tag--beta-color: $white !default;\n\n// Forms (_forms.scss)\n$form--input--disabled:\t\t\t\t\tpalette(silver, default)\t\t!default;\n$form--input-icon:\t\t\t\t\t\tpalette(silver, medium)\t\t\t!default;\n$form--input-icon-right:\t\t\t\tpalette(gray, light)\t\t\t!default;\n$form--description-color:\t\t\t\tpalette(gray, light)\t\t\t!default;\n$form--input-error-color:               $error                        !default;\n$form--input-icon-color:                palette(gray, light)          !default;\n$form--label-color:                     $fiftyshades                      !default;\n\n// ============================================================\n// Radio & Checkbox (_radio-checkbox.scss)\n$radio-checkbox--background:            #FAFAFA                !default;\n$radio-checkbox--border-color:          palette(gray, lighter) !default;\n$radio-checkbox--color:                 palette(gray)          !default;\n$radio-checkbox--checked-border-color:  $blue                    !default;\n$radio-checkbox--checked-background:    $blue                    !default;\n$radio-checkbox--disabled-border-color: palette(silver)        !default;\n$radio-checkbox--disabled-background:   palette(silver)        !default;\n\n$radio-checkbox--check-color:          $white                    !default;\n$radio-checkbox--disabled-check-color: palette(silver, medium) !default;\n\n$radio-checkbox--checked-hover-background: rgba(23, 168, 227, 0.2)    !default;\n$radio-checkbox--hover-background:   palette(silver)        !default;\n\n// ============================================================\n// Upload (_upload.scss)\n\n// Image container\n$file-upload--image-border-color:       palette(silver, soft)   !default;\n$file-upload--image-mask-background:    palette(gray, lighter)  !default;\n$file-upload--image-preview-background: rgba(0, 0, 0, 0.5)      !default;\n\n// Button: Add\n$file-upload--add-border-color:         palette(gray, lighter)  !default;\n$file-upload--add-background:           transparent               !default;\n$file-upload--add-color:                palette(silver, medium) !default;\n\n// File name\n$file-upload--file-border-color:        palette(gray, lighter)  !default;\n$file-upload--file-background:          $white                    !default;\n$file-upload--file-color:               palette(gray, dark)     !default;\n$file-upload--file-hover-background:    #FAFAFA                 !default;\n\n// ============================================================\n// Color Pickers (_colorpickers.scss)\n\n// Value\n$colorpicker--border-color:                    palette(gray, lighter) !default;\n$colorpicker--background:                      #FAFAFA                !default;\n$colorpicker--color:                           palette(gray, dark)    !default;\n\n// Preview\n$colorpicker--preview-background:              palette(gray, lighter) !default;\n\n// Iris\n$colorpicker--iris-border-color:               palette(gray, lighter) !default;\n$colorpicker--iris-background:                 $white                   !default;\n$colorpicker--iris-palette-border-color:       palette(silver, soft)  !default;\n$colorpicker--iris-square-handle-border-color: $white                   !default;\n$colorpicker--iris-slider-handle-border-color: $white                   !default;\n\n// ============================================================\n// Tabs Colors (_tabs.scss)\n$tabs-label-color:                      palette(gray, light)   !default;\n$tabs-label-checked-color:              palette(gray, light)   !default;\n$tabs-label-active-color:               palette(gray, dark)    !default;\n$tabs-label-active-border-color:        palette(gray, dark)    !default;\n$tabs-content-border-color:             palette(silver, soft)  !default;\n$side-tabs--label-color:                palette(gray, default) !default;\n$side-tabs--label-background:           palette(silver, light) !default;\n$side-tabs--label-active-color:         palette(blue, default) !default;\n$side-tabs--label-active-background:    palette(blue, light)   !default;\n\n// Modals (_modals.scss)\n$modal-overlay-bg-color:                rgba(51, 51, 51, 0.95)        !default;\n$modal-box-shadow-color:                rgba(0, 0, 0, 0.2)            !default;\n$modal-close-color:                     palette(silver, medium)       !default;\n$modal-close-action-color:              palette(gray, light)          !default;\n\n// Dropdowns (_dropdowns.scss)\n$dropdown-anchor-color:                 palette(gray, light)          !default;\n$dropdown-ul-border-color:              palette(gray, lighter)        !default;\n$dropdown-label-border-color:           palette(silver, soft)         !default;\n$dropdown-ul-before-border-color:       palette(silver, soft)         !default;\n\n// Scores (_scores.scss)\n$circle-score-success-color:            $success                      !default;\n$circle-score-warning-color:            $warning                      !default;\n$circle-score-error-color:              $error                        !default;\n$circle-score-disabled-color:           palette(silver, medium)       !default;\n$circle-score-bg-color:                 $silver                       !default;\n$circle-score-default-dial-color:       $success                      !default;\n\n// Footer (_footer.scss)\n$footer-color:                          palette(silver, medium)       !default;\n$footer-color-hover:                    palette(gray, default)        !default;\n$footer-cross-sell-border-color:        palette(silver, soft)         !default;\n$footer-cross-sell-icon-color:          palette(gray, light)          !default;\n$footer-cross-sell-p-color:             palette(gray, light)          !default;\n\n// ============================================================\n// Progress Bars (_progress-bars.scss)\n$progress-block--background:   $white;\n$progress-block--border-color: palette(silver, soft);\n\n$progress-text--color:         palette(gray, light);\n$progress-status--color:       palette(gray, light);\n\n$progress-bar--background:     palette(silver, soft);\n$progress-bar--loading-color:  $blue;\n\n// ============================================================\n// Tables (_tables.scss)\n$table--border-color:                   palette(silver, soft)       !default;\n$table--th-color:                       $headings-color               !default;\n$table--text-color:                     $font-color                   !default;\n$table--field-list-title-color:         $headings-color               !default;\n$table--title-color:                    $headings-color               !default;\n\n// ============================================================\n// Accordions (_accordions.scss)\n$accordion--content-bg-color:           palette(silver,light)         !default;\n$accordion--open-indicator-color:       palette(gray,light)           !default;\n$accordion--disabled-color:             palette(silver, medium)       !default;\n$accordion--disabled-icon:              palette(gray, lighter)        !default;\n\n$accordion--block-background:           $white                          !default;\n$accordion--block-shadow:               palette(silver, soft)         !default;\n$accordion--block-color:                palette(gray, light)          !default;\n\n// ============================================================\n// Icons (_icons.scss)\n$icon-color:                            palette(gray,light)           !default;\n$icon-lighter-color:                            palette(gray,lighter)           !default;\n\n// Lists (_list.scss)\n$list-detail-color:                     palette(gray,light)           !default;\n\n// Pagination (_pagination.scss)\n$pagination-border:                     palette(silver, soft)         !default;\n$pagination-background:                 palette(mono, white)          !default;\n$pagination-item-color-static:          palette(gray, light)          !default;\n$pagination-item-color-hover:           palette(blue, default)        !default;\n$pagination-item-color-active:          palette(gray, dark)           !default;\n$pagination-item-color-disabled:        palette(gray, lighter)        !default;\n$pagination-item-bg-active:             palette(silver, light)        !default;\n$pagination-filter-border:              palette(silver, soft)         !default;\n$pagination-results:                    palette(gray, light)          !default;\n\n// ACE Editor (_ace-editor.scss)\n$ace-selector-background:       palette(gray, default) !default;\n$ace-selector-background-hover: palette(gray, dark)    !default;\n$ace-selector-color:            $white                   !default;\n\n// Recipient (_recipient.scss)\n$recipient-border-color:       palette(silver, soft) !default;\n\n// Color Accessibility (_color-accessibility.scss)\n$accessible-light:     $white;\n$accessible-dark:      $black;\n$accessible-dark-alt:  #555555;","%sui-icons {\n\tfont-family: 'wpmudev-plugin-icons' !important; // Use !important to prevent issues with browser extensions that change fonts.\n\tspeak: none;\n\tfont-size: 1em;\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-variant: normal;\n\ttext-transform: none;\n\tline-height: 1;\n\ttext-rendering: auto;\n\tdisplay: inline-block;\n\tcolor: $icon-color;\n\topacity: 1;\n\tdirection: ltr;\n\n\t// Better Font Rendering\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\t@media all and (-ms-high-contrast: none) {\n\t\tcolor: $icon-color;\n\t}\n\t@media all and (-ms-high-contrast: active) {\n\t\tcolor: $icon-lighter-color;\n\t}\n}\n\n@mixin icon($position: before, $icon: false, $styles: true) {\n\t@if $position == both {\n\t\t$position: 'before, &:after';\n\t}\n\t// Either a :before or :after pseudo-element, or both, defaulting to :before.\n\t&:#{$position} {\n\t\t@if $icon {\n\t\t\t// A particular icon has been specified.\n\t\t\tcontent: \"#{map-get($icons, $icon)}\";\n\t\t}\n\t\t@if $styles {\n\t\t\t@extend %sui-icons;\n\t\t}\n\t\t// Include any extra rules supplied for the pseudo-element.\n\t\t@content;\n\t}\n}\n\n// Map icon names to font unicode characters.\n$icons: (\n\t\tcheck: \"\\28\",\n\t\tclose: \"\\29\",\n\t\tcheck-tick: \"\\5f\",\n\t\tcross-close: \"\\2b\",\n\t\tplus-circle: \"\\40\",\n\t\twarning-alert: \"\\21\",\n\t\tinfo: \"\\49\",\n\t\tquestion: \"\\3f\",\n\t\ttrash: \"\\51\",\n\t\tpencil: \"\\2f\",\n\t\tunlock: \"\\30\",\n\t\tlock: \"\\39\",\n\t\tkey: \"\\25ca\",\n\t\tplus: \"\\3d\",\n\t\tmagnifying-glass-search: \"\\ba\",\n\t\tmore: \"\\2026\",\n\t\twrench-tool: \"\\2044\",\n\t\twidget-settings-config: \"\\78\",\n\t\tsettings-slider-control: \"\\153\",\n\t\tloader: \"\\4e\",\n\t\tcalendar: \"\\220f\",\n\t\tclock: \"\\2c\",\n\t\tspeed-optimize: \"\\f8\",\n\t\tstopwatch: \"\\56\",\n\t\tfilter: \"\\7a\",\n\t\tbookmark: \"\\221a\",\n\t\tchevron-up: \"\\2dd\",\n\t\tchevron-right: \"\\2dc\",\n\t\tchevron-down: \"\\131\",\n\t\tchevron-left: \"\\d3\",\n\t\tarrow-up: \"\\d4\",\n\t\tarrow-right: \"\\af\",\n\t\tarrow-down: \"\\c2\",\n\t\tarrow-left: \"\\f8ff\",\n\t\tarrow-skip-back: \"\\7b\",\n\t\tarrow-skip-forward: \"\\7d\",\n\t\tarrow-skip-start: \"\\3a\",\n\t\tarrow-skip-end: \"\\22\",\n\t\tplay: \"\\b4\",\n\t\tpause: \"\\2020\",\n\t\tarrows-out: \"\\2da\",\n\t\tarrows-in: \"\\2264\",\n\t\tarrows-expand: \"\\ac\",\n\t\tarrows-compress: \"\\2265\",\n\t\trefresh2: \"\\c1\",\n\t\tzip: \"\\61\",\n\t\tcombine: \"\\6f\",\n\t\tdefer: \"\\70\",\n\t\tinlinecss: \"\\63\",\n\t\tmovefooter: \"\\75\",\n\t\tpopup: \"\\31\",\n\t\tslide-in: \"\\32\",\n\t\tembed: \"\\33\",\n\t\tlist: \"\\60\",\n\t\tlayout-grid: \"\\221e\",\n\t\tlayout: \"\\a9\",\n\t\tthumbnails: \"\\47\",\n\t\tdrag: \"\\201e\",\n\t\talign-left: \"\\25\",\n\t\talign-center: \"\\5e\",\n\t\talign-right: \"\\26\",\n\t\talign-justify: \"\\23\",\n\t\tindent-more: \"\\2019\",\n\t\tindent-less: \"\\201d\",\n\t\tblog: \"\\59\",\n\t\tlist-number: \"\\37\",\n\t\tlist-bullet: \"\\38\",\n\t\tbold: \"\\42\",\n\t\tquote-2: \"\\27\",\n\t\tstyle-type: \"\\3c\",\n\t\twand-magic: \"\\5a\",\n\t\tlink: \"\\35\",\n\t\tunlink: \"\\36\",\n\t\tpaperclip: \"\\41\",\n\t\tcode: \"\\3b\",\n\t\tcolor-pick-eyedropper: \"\\a5\",\n\t\tcrop: \"\\43\",\n\t\tpaint-bucket: \"\\222b\",\n\t\tcamera: \"\\d8\",\n\t\tphoto-picture: \"\\44\",\n\t\tanimation-video: \"\\46\",\n\t\thome: \"\\4a\",\n\t\tmail: \"\\6d\",\n\t\tsend: \"\\201c\",\n\t\tphone: \"\\3e\",\n\t\tpin: \"\\152\",\n\t\tpost-pin: \"\\2c7\",\n\t\tcalculator: \"\\a8\",\n\t\telement-checkbox: \"\\c5\",\n\t\telement-radio: \"\\cd\",\n\t\telement-select: \"\\cf\",\n\t\telement-number: \"\\da\",\n\t\trecaptcha: \"\\2013\",\n\t\tfolder: \"\\2d8\",\n\t\tfolder-open: \"\\bb\",\n\t\tarchive: \"\\62\",\n\t\tbook: \"\\2206\",\n\t\tpage-multiple: \"\\e7\",\n\t\tlayers: \"\\e6\",\n\t\tcopy: \"\\34\",\n\t\tgraph-bar: \"\\c7\",\n\t\tgraph-bar-2: \"\\2db\",\n\t\tgraph-line: \"\\a1\",\n\t\ttracking-disabled: \"\\20ac\",\n\t\tpage: \"\\d2\",\n\t\tclipboard-notes: \"\\bf\",\n\t\tpage-pdf: \"\\c6\",\n\t\theart: \"\\4b\",\n\t\tstar: \"\\53\",\n\t\tplugin-2: \"\\4f\",\n\t\tbrush: \"\\7e\",\n\t\tplug-connected: \"\\52\",\n\t\tplug-disconnected: \"\\2e\",\n\t\tpower-on-off: \"\\5b\",\n\t\ttarget: \"\\2260\",\n\t\tupload-cloud: \"\\a2\",\n\t\tdownload-cloud: \"\\a3\",\n\t\tcloud: \"\\2122\",\n\t\tcloud-migration: \"\\6c\",\n\t\tunpublish: \"\\2c6\",\n\t\tdownload: \"\\58\",\n\t\tsave: \"\\df\",\n\t\tlightbulb: \"\\4c\",\n\t\tsitemap: \"\\b8\",\n\t\tstorage-server-data: \"\\ce\",\n\t\tuser-reputation-points: \"\\45\",\n\t\ttablet-portrait: \"\\5d\",\n\t\tlaptop: \"\\ab\",\n\t\tmonitor: \"\\24\",\n\t\teye: \"\\65\",\n\t\teye-hide: \"\\71\",\n\t\tupdate: \"\\ae\",\n\t\trefresh: \"\\48\",\n\t\tundo: \"\\2030\",\n\t\tweb-globe-world: \"\\57\",\n\t\tflag: \"\\7c\",\n\t\tacademy: \"\\3c0\",\n\t\tprofile-male: \"\\b5\",\n\t\tcommunity-people: \"\\2018\",\n\t\thelp-support: \"\\4d\",\n\t\tgdpr: \"\\2211\",\n\t\tlike: \"\\6a\",\n\t\tdislike: \"\\6b\",\n\t\tfinger-point: \"\\2248\",\n\t\topen-new-window: \"\\6e\",\n\t\treply: \"\\72\",\n\t\tshare: \"\\73\",\n\t\twordpress: \"\\77\",\n\t\tsocial-facebook: \"\\66\",\n\t\tsocial-twitter: \"\\74\",\n\t\tsocial-linkedin: \"\\69\",\n\t\tsocial-dropbox: \"\\64\",\n\t\tsocial-drive: \"\\76\",\n\t\tsocial-google-plus: \"\\67\",\n\t\tsocial-youtube: \"\\79\",\n\t\tinstagram: \"\\2d\",\n\t\tcloudflare: \"\\d0\",\n\t\tsocial-github: \"\\68\",\n\t\twpmudev-logo: \"\\2039\",\n\t\tdefender: \"\\b7\",\n\t\tsmush: \"\\2021\",\n\t\tupfront: \"\\201a\",\n\t\thummingbird: \"\\b0\",\n\t\tuptime: \"\\b1\",\n\t\tsmart-crawl: \"\\2202\",\n\t\tforminator: \"\\50\",\n\t\tshipper-anchor: \"\\54\",\n\t\tsnapshot: \"\\fb01\",\n\t\thustle: \"\\2014\",\n\t\tperformance: \"\\55\",\n\t\thub: \"\\fb02\",\n\t\tautomate: \"\\2d9\",\n\t\talign-y-center: \"\\2a\",\n\t\talign-y-top: \"\\a7\",\n\t\talign-y-bottom: \"\\b6\",\n\t\talign-x-center: \"\\192\",\n\t\talign-x-right: \"\\2022\",\n\t\talign-x-left: \"\\e5\",\n\t\tlogout: \"\\203a\",\n\t\tbranda: \"\\aa\",\n\t\tbeehive: \"\\3a9\",\n\t\tasync: \"\\2909\",\n\t\tsite-health: \"\\2764\",\n\t\timport-export: \"\\296e\"\n);\n\n\n@font-face {\n\tfont-family: 'wpmudev-plugin-icons';\n\tsrc: url('#{$sui-font-path}wpmudev-plugin-icons.eot?#{$sui-version}');\n\tsrc: url('#{$sui-font-path}wpmudev-plugin-icons.eot?#{$sui-version}') format('embedded-opentype'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.ttf?#{$sui-version}') format('truetype'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.woff?#{$sui-version}') format('woff'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.woff2?#{$sui-version}') format('woff2'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.svg?#{$sui-version}') format('svg');\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n\n@include body-class(false) {\n\n\t.sui-loading:before {\n\t\tanimation: spin 1.3s linear infinite;\n\t}\n\n\t// Set the required styles on all icons.\n\t[class*=\"sui-icon-\"] {\n\t\tdisplay: inline-block;\n\t\t@include icon(both);\n\t}\n\n\t// Icon sizes.\n\t[class*=\"sui-icon-\"].sui-xl {\n\t\t&:before {\n\t\t\tfont-size: 30px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-lg {\n\t\t&:before {\n\t\t\tfont-size: 20px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-md {\n\t\t&:before {\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-sm {\n\t\t&:before {\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n\n\t// Colors.\n\t[class*=\"sui-icon-\"].sui-success {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-error {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-warning {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-info {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t// Fixed width icons.\n\t[class*=\"sui-icon-\"].sui-fw {\n\t\twidth: 1.8em;\n\t\ttext-align: center;\n\t\tmin-height: 1em;\n\t}\n\n\t// Setup a class name for each icon.\n\t@each $name, $char in $icons {\n\t\t.sui-icon-#{$name}:before {\n\t\t\tcontent: $char;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-button,\n\ta.sui-button,\n\tbutton.sui-button {\n\n\t\t&, &-icon {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\tmargin: 0;\n\t\t\tborder-width: 2px;\n\t\t\tborder-style: solid;\n\t\t\tborder-color: transparent;\n\t\t\tborder-radius: $border-radius;\n\t\t\ttext-decoration: none;\n\t\t\ttext-align: center;\n\t\t\ttransition: $transition;\n\n\t\t\t.sui-loading {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tdisplay: none;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tposition: absolute;\n\t\t\t\tmargin: 0;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-loading-text,\n\t\t\t.sui-button-text-default {\n\t\t\t\tdisplay: block;\n\t\t\t\tpointer-events: none;\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t.sui-loading-text {\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-button-text-onload {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 12px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tcursor: default;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\t&.sui-button-onload {\n\t\t\t\tpointer-events: none;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t.sui-loading {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\n\t\t\t\t.sui-loading-text {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tpointer-events: none;\n\n\t\t\t\t.sui-button-text-default {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.sui-button-text-onload {\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t.sui-loading {\n\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tvertical-align: unset;\n\t\t\t\t\t\tmargin-right: 4px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-right: 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Buttons with text\n\t.sui-button,\n\ta.sui-button,\n\tbutton.sui-button {\n\t\twidth: auto;\n\t\tmin-width: 80px;\n\t\tpadding: 5px 14px;\n\t\tbackground-color: map-get($button-background, default);\n\t\tcolor: map-get($button-text-color, default);\n\t\tfont: 500 12px/16px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-transform: uppercase;\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\tvertical-align: middle;\n\n\t\t\t&:not(.sui-loading) {\n\t\t\t\twidth: 22px;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -1px;\n\t\t\t\tmargin-left: -7px;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: darken(map-get($button-background, default), 10%);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, default);\n\t\t}\n\n\t\t&.disabled,\n\t\t&:disabled,\n\t\t&[disabled],\n\t\t&.sui-button-onload,\n\t\t&.sui-button-onload-text {\n\t\t\tbackground-color: $button-disabled--background;\n\t\t\tcolor: $button-disabled--color;\n\t\t}\n\n\t\t// VARIATION: Button with right icon\n\t\t&.sui-button-icon-right {\n\n\t\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t\t&:not(.sui-loading) {\n\t\t\t\t\tmargin-right: -7px;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Colorize buttons\n\t\t@each $color in $button-colors {\n\n\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\tbackground-color: map-get($button-background, $color);\n\t\t\t\tcolor: map-get($button-text-color, $color);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: darken(map-get($button-background, $color), 10%);\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, $color);\n\t\t\t\t}\n\n\t\t\t\t&.disabled,\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-button-onload,\n\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Upsell button\n\t\t&.sui-button-upsell {\n\t\t\twidth: auto;\n\t\t\theight: 26px;\n\t\t\tpadding: 4px 14px;\n\t\t\tborder-color: $button-upsell--border-static;\n\t\t\tborder-radius: 14px;\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: $button-upsell--color-static;\n\t\t\tline-height: 14px;\n\t\t\ttext-transform: none;\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\topacity: 1;\n\t\t\t\tborder-color: $button-upsell--border-active;\n\t\t\t\tbackground-color: $button-upsell--border-active;\n\t\t\t\tcolor: $button-upsell--color-active;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px $purple-ghost;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Dashed button\n\t\t&.sui-button-dashed {\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tborder-width: 1px;\n\t\t\tborder-style: dashed;\n\t\t\tborder-color: $button-dashed--border;\n\t\t\tbackground-color: $button-dashed--background;\n\t\t\tcolor: $button-dashed--color;\n\t\t\tline-height: 18px;\n\n\t\t\t&.sui-lg {\n\t\t\t\theight: $button-dashed-height-lg;\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\theight: $button-dashed-height-md;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\theight: $button-dashed-height-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\theight: $button-dashed-height;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Ghost button\n\t\t&.sui-button-ghost {\n\t\t\tborder-color: map-get($button-border, default);\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: map-get($button-background, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tborder-color: map-get($button-background, default);\n\t\t\t\tbackground-color: map-get($button-background, default);\n\t\t\t\tcolor: map-get($button-text-color, default);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, default);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\tcolor: $button-disabled--color;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\t\tborder-color: map-get($button-border, $color);\n\t\t\t\t\tcolor: map-get($button-background, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-color: map-get($button-background, $color);\n\t\t\t\t\t\tbackground-color: map-get($button-background, $color);\n\t\t\t\t\t\tcolor: map-get($button-text-color, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload {\n\t\t\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Compound button\n\t\t&.sui-button-compound {\n\n\t\t\t.sui-compound-desktop {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-compound-mobile {\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmin-width: 44px;\n\t\t\t\tpadding-right: 5px;\n\t\t\t\tpadding-left: 5px;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-button-lg {\n\t\t\tpadding: 8px 20px;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 20px;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Buttons with icons (only)\n\t// This variation it's not related and must not be used with .sui-button class\n\t.sui-button-icon,\n\ta.sui-button-icon,\n\tbutton.sui-button-icon {\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 0 4px;\n\t\tbackground-color: transparent;\n\t\tcolor: map-get($button-icon--color, default);\n\t\ttext-align: center;\n\t\twhite-space: nowrap;\n\n\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t&:not(.sui-loading) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&.sui-active {\n\t\t\tbackground-color: map-get($button-icon--background, default);\n\t\t\tcolor: map-get($button-icon--color-hover, default);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, default);\n\t\t}\n\n\t\t&.disabled,\n\t\t&:disabled,\n\t\t&[disabled],\n\t\t&.sui-button-onload,\n\t\t&.sui-button-onload-text {\n\t\t\tcolor: $button-disabled--color;\n\t\t\tbackground-color: $button-disabled--background;\n\t\t}\n\n\t\t@each $color in $button-colors {\n\n\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\tcolor: map-get($button-icon--color, $color);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&.sui-active {\n\t\t\t\t\tbackground-color: map-get($button-icon--background, $color);\n\t\t\t\t\tcolor: map-get($button-icon--color-hover, $color);\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $color);\n\t\t\t\t}\n\n\t\t\t\t&.disabled,\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-button-onload,\n\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Outlined\n\t\t&.sui-button-outlined {\n\t\t\twidth: 44px;\n\t\t\tborder-color: map-get($button-icon--border, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&.sui-active {\n\t\t\t\tborder-color: map-get($button-icon--background-hover, default);\n\t\t\t\tbackground-color: map-get($button-icon--background-hover, default);\n\t\t\t\tcolor: map-get($button-icon--alt, default);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, default);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\t\tborder-color: map-get($button-icon--border, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&.sui-active {\n\t\t\t\t\t\tborder-color: map-get($button-icon--background-hover, $color);\n\t\t\t\t\t\tbackground-color: map-get($button-icon--background-hover, $color);\n\t\t\t\t\t\tcolor: map-get($button-icon--alt, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload,\n\t\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Filled\n\t\t&.sui-button-filled {\n\t\t\tbackground-color: map-get($button-icon--background-filled, default);\n\t\t\tcolor: map-get($button-icon--color-filled, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&.sui-active {\n\t\t\t\tbackground-color: darken(map-get($button-icon--background-filled, default), 8%);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, default);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\tcolor: $button-disabled--color;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\t\tbackground-color: map-get($button-icon--background-filled, $color);\n\t\t\t\t\tcolor: map-get($button-icon--color-filled, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&.sui-active {\n\t\t\t\t\t\tbackground-color: darken(map-get($button-icon--background-filled, $color), 10%);\n\t\t\t\t\t}\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload,\n\t\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-button-lg {\n\t\t\twidth: 50px;\n\t\t\theight: 40px;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX: Dropdown button\n\t// Remove margin when using sui-buttons inside dropdown element\n\t.sui-dropdown {\n\n\t\t.sui-button,\n\t\ta.sui-button,\n\t\tbutton.sui-button {\n\n\t\t\t&, &-icon {\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-toggle {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tposition: relative;\n\t\topacity: 1;\n\t\tpointer-events: none;\n\n\t\tinput,\n\t\t.sui-toggle-slider,\n\t\t.sui-toggle-label {\n\t\t\tpointer-events: all;\n\t\t}\n\n\t\t.sui-toggle-slider,\n\t\t.sui-toggle-label {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\tinput {\n\t\t\t@extend %sui-screen-reader-text;\n\n\t\t\t&:checked {\n\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tbackground-color: $blue;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\ttransform: translateX(#{$toggle-width - ($toggle-height - 2px) - 2px});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[disabled] {\n\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\tbackground-color: $overcast;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tbackground-color: $fiftyshades;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t~ .sui-description,\n\t\t\t\t~ .sui-toggle-label {\n\t\t\t\t\tcursor: initial;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: 0 0 0 5px $smoke;\n\t\t\t\t}\n\n\t\t\t\t&:checked ~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: 0 0 0 5px $blue-ghost;\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0 0 5px $silver;\n\n\t\t\t\t\t&:checked ~ .sui-toggle-slider {\n\t\t\t\t\t\tbox-shadow: 0 0 0 5px #D1EAF4;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&[disabled] ~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:focus {\n\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: 0 0 0 5px $silver;\n\t\t\t\t}\n\n\t\t\t\t&:checked ~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: 0 0 0 5px #D1EAF4;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (forced-colors: active) {\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (forced-colors: active) and (prefers-color-scheme: dark), (-ms-high-contrast: white-on-black) {\n\t\t\t\t&:checked {\n\t\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\t\tbackground-color: map-get($button-background, orange) !important;\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tbackground-color: $cloud;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Slider.\n\t\t.sui-toggle-slider {\n\t\t\twidth: $toggle-width;\n\t\t\theight: $toggle-height;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tmargin: math.div(($toggle-font-height - $toggle-height), 2) 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tborder-radius: math.div($toggle-height, 2);\n\t\t\tbackground-color: $fiftyshades;\n\t\t\ttransition: $transition;\n\t\t\topacity: 1;\n\n\t\t\t&:before {\n\t\t\t\tcontent: \" \";\n\t\t\t\twidth: #{$toggle-height - 2px};\n\t\t\t\theight: #{$toggle-height - 2px};\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 1px;\n\t\t\t\tleft: 1px;\n\t\t\t\tborder-radius: $toggle-height;\n\t\t\t\tbackground-color: $white;\n\t\t\t\ttransition: 0.2s linear;\n\t\t\t}\n\n\t\t\t&:last-child,\n\t\t\t&.sui-toggle-slider--only {\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t~ .sui-toggle-label,\n\t\t\t~ .sui-description {\n\t\t\t\tmargin-left: #{$toggle-width + math.div($sui-gutter-md, 2)};\n\t\t\t\tpointer-events: all;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Label.\n\t\t.sui-toggle-label {\n\t\t\tdisplay: block;\n\t\t\tfont: 500 #{$toggle-font-size}/#{$toggle-font-height} $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t}\n\n\t\t// Support for old markup.\n\t\t+ label,\n\t\t+ .sui-toggle-label {\n\t\t\tposition: relative;\n\t\t\ttop: -3px;\n\t\t\tmargin-left: math.div($sui-gutter-md, 2);\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n\n\t.sui-toggle-content {\n\t\topacity: 1;\n\t\t&, &.sui-border-frame {\n\t\t\tmargin-left: #{$toggle-width + math.div($sui-gutter-md, 2)};\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t*:before,\n\t*:after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t// ELEMENT: Box\n\t.sui-box {\n\t\tmin-height: 20px;\n\t\tposition: relative;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $box-bg-color;\n\t\tbox-shadow: 0 2px 0 $box-box-shadow-color;\n\n\t\t// BOX: Header\n\t\t.sui-box-header {\n\t\t\tborder-bottom: 1px solid $box-header-border-color;\n\t\t\tpadding: 15px 30px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tpadding: 15px $sui-gutter-md;\n\t\t\t}\n\n\t\t\t& > h3 > [class*=\"sui-icon-\"] {\n\t\t\t\tline-height: 30px;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Body\n\t\t.sui-box-body {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Footer\n\t\t.sui-box-footer {\n\t\t\tborder-top: 1px solid $box-footer-border-color;\n\t\t\tpadding: 30px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\t&.sui-pull-up {\n\t\t\t\tmargin-top: -15px;\n\t\t\t}\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Status Bar\n\t\t.sui-box-status {\n\t\t\tpadding: 0 $sui-gutter-md $sui-gutter-md;\n\n\t\t\t.sui-status {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t[class*=\"sui-status-\"] {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\tmargin-left: 8px;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tmargin-right: 4px;\n\t\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tmargin-right: 20px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\t\tborder-left: 1px solid palette(silver, soft);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-status-module {\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t}\n\n\t\t\t\t.sui-status-changes {\n\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t.sui-icon-check-tick:before {\n\t\t\t\t\t\tcolor: palette(green, default);\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-icon-update:before {\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-actions {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\tmargin-right: math.div($sui-gutter, 2);\n\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-actions {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: math.div($sui-gutter, 2) $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Search Bar\n\t\t.sui-box-search {\n\n\t\t\t> * {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tflex: 0 1 auto;\n\t\t\t}\n\n\t\t\t> .sui-search-left {\n\n\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-right: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> .sui-search-right {\n\n\t\t\t\t&:only-child {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(:only-child) {\n\n\t\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-right: math.div($sui-gutter, 2);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Sticky box\n\t\t&.sui-box-sticky {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tposition: sticky !important;\n\t\t\t\ttop: 32px;\n\t\t\t\tz-index: 12;\n\t\t\t}\n          &.sui-is-sticky {\n              box-shadow: 0 5px 25px rgba(0, 0, 0, .15);\n          }\n\t\t}\n\n\t\t> .sui-box-search {\n\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\t}\n\n\t// ELEMENT: Box Message\n\t// Commonly used for \"empty message\" or text with image on top.\n\t// To use with sui-box preferrably.\n\t.sui-message {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\n\t\t.sui-message-content {\n\t\t\tmax-width: 600px;\n\t\t\tmargin-right: auto;\n\t\t\tmargin-left: auto;\n\n\t\t\th1, h2, h3, h4, h5, h6 {\n\t\t\t\tmargin: 0 0 $sui-gutter-md;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tmargin: 0 0 $sui-gutter;\n\t\t\t\tletter-spacing: -0.25px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Regular\n\t\t&:not(.sui-message-lg) {\n\n\t\t\t.sui-image {\n\t\t\t\tmargin: 10px auto;\n\t\t\t}\n\n\t\t\t.sui-message-content {\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-message-lg {\n\n\t\t\t.sui-image {\n\t\t\t\tmargin: $sui-gutter auto;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\t}\n\n\t// ELEMENT: Box Title\n\t.sui-box {\n\n\t\t.sui-box-title {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tcolor: palette(gray, dark);\n\t\t\tfont: $font--weight-bold 15px/30px $font;\n\t\t\ttext-transform: none;\n\t\t\t@include text-truncate;\n\n\t\t\t* {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfloat: left;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-right: 10px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tvertical-align: text-bottom;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ELEMENT: Upsell\n\t.sui-box-body {\n\n\t\t.sui-upsell-row {\n\t\t\tposition: relative;\n\n\t\t\t.sui-upsell-image {\n\t\t\t\twidth: 100px;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-upsell-notice {\n\n\t\t\t\tp {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding: 15px 20px 15px 43px;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tcolor: $box-upsell-p-color;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\tborder-top: 1px solid #e6e6e6;\n\t\t\t\t\tborder-right: 1px solid #e6e6e6;\n\t\t\t\t\tborder-bottom: 1px solid #e6e6e6;\n\t\t\t\t\tborder-left: 2px solid $box-upsell-border-color;\n\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $box-upsell-p-color;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t}\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\t@include icon( before, info );\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcolor: $box-upsell-border-color;\n\t\t\t\t\t\t\tmargin-left: -23px;\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-left: 130px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-upsell-items {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t// ELEMENT: Other(s)\n\t.sui-box-body {\n\n\t\t.sui-settings-box {\n\t\t\tpadding: $sui-gutter-md;\n\t\t\tborder: 1px solid $box-settings-box-border-color;\n\t\t\tborder-radius: $border-radius;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-with-bottom-border {\n\t\tmargin-bottom: $default-margin;\n\t\tpadding-bottom: $default-padding;\n\t\tborder-bottom: 1px solid $box-settings-box-border-color;\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\tpadding-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t.sui-border-frame {\n\t\tmargin: 10px 0 0;\n\t\tborder: 1px solid palette(silver, soft);\n\t\tborder-radius: $border-radius;\n\n\t\t&:not(:last-child) {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-box-body {\n\n\t\t// ELEMENT: Row\n\t\t.sui-box-settings-row {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t\tpadding-bottom: $sui-gutter;\n\t\t\tborder-bottom: 1px solid palette(silver, soft);\n\n\t\t\t[class*=\"sui-box-settings-col-\"] {\n\n\t\t\t\t+ div {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tborder-bottom-width: 0;\n\t\t\t}\n\n\t\t\t// STATUS: Disable\n\t\t\t&.sui-disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\tpointer-events: none;\n\t\t\t\tbackground-color: rgba(242, 242, 242, 0.5);\n\t\t\t}\n\n\t\t\t// VARIATION: Flushed\n\t\t\t&.sui-flushed {\n\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Row (Slim)\n\t\t.sui-box-settings-slim-row {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\tmargin-bottom: $sui-gutter-md;\n\n\t\t\t[class*=\"sui-box-settings-col-\"] {\n\n\t\t\t\t+ div {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-settings-label {\n\n\t\t\t\t&:only-child {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin: 5px 0;\n\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Fixed width content\n\t\t.sui-box-settings-col-1 {\n\t\t\tmax-width: 200px;\n\t\t\tflex: 0 1 200px;\n\n\t\t\t.sui-settings-label {\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Adjustable content\n\t\t.sui-box-settings-col-2 {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmin-width: 0;\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Label\n\t\t.sui-settings-label {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 0 5px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tcolor: palette(gray, default);\n\t\t\tfont: 500 15px/22px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t&.sui-dark {\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t}\n\n\t\t\t&-with-tag {\n\t\t\t\t@extend .sui-settings-label;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: flex-start;\n\n\t\t\t\t.sui-tag {\n\t\t\t\t\tmargin-top: -2px;\n\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t&.sui-tag-sm {\n\t\t\t\t\t\tmargin-top: 4px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-tag-pro,\n\t\t\t\t\t&.sui-tag-beta {\n\t\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Element: Description\n\t\t.sui-description {\n\n\t\t\t+ .sui-settings-box {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\n\t\t// FIX: Upsell\n\t\t&.sui-upsell-items {\n\n\t\t\t.sui-box-settings-row {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-top: #{$sui-gutter-md + 1px};\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\t\t\t\tborder-bottom: none;\n\n\t\t\t\t&:after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\theight: 1px;\n\t\t\t\t\tclear: both;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tbackground-color: palette(silver, soft);\n\t\t\t\t}\n\n\t\t\t\t&:last-child,\n\t\t\t\t&:last-of-type {\n\t\t\t\t\tpadding-bottom: 30px;\n\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tcontent: unset;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-top: #{$sui-gutter + 1px};\n\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: true) {\n\n\t.sui-box-settings-row,\n\t.sui-box-settings-slim-row {\n\t\n\t\tselect:not(.sui-select):not(.sui-variables) {\n\t\t\tpadding-right: 14px;\n\t\t\tpadding-left: 40px;\n\t\t\tbackground-position: 14px;\n\t\t}\n\n\t\t[data-clipboard-target] {\n\t\t\tleft: 15px;\n\t\t\tright: auto;\n\t\t}\n\n\t\t[class*=sui-box-settings-col-] + div {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-box-header {\n\t\t.sui-actions-left {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-box-selectors {\n\t\tbackground-color: $box-selectors--background;\n\n\t\tul, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tul {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmargin-top: 0;\n\t\t\tmargin-right: -#{math.div($box-selectors--spacing, 2)};\n\t\t\tmargin-bottom: 0;\n\t\t\tmargin-left: -#{math.div($box-selectors--spacing, 2)};\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\tli {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: math.div($box-selectors--spacing, 2);\n\t\t\t\tborder: 0;\n\t\t\t}\n\n\t\t\t&.sui-spacing-slim {\n\n\t\t\t\tli {\n\t\t\t\t\tpadding: math.div($box-selectors--spacing, 4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[class*=\"sui-box-selectors-col-\"] {\n\n\t\t\tul li {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t}\n\t\t}\n\n\t\t&:not([class*=\"sui-box-selectors-col-\"]) {\n\n\t\t\tul li {\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\n\t\t@each $column, $size in $box-selectors--columns {\n\n\t\t\t&.sui-box-selectors-#{$column} {\n\n\t\t\t\tul li {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\t\tflex-basis: 100%;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmin-width: $size;\n\t\t\t\t\t\tflex-basis: $size;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: #{$sui-gutter-md - math.div($box-selectors--spacing, 2)} $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: #{$sui-gutter - math.div($box-selectors--spacing, 2)} $sui-gutter;\n\t\t}\n\t}\n\n\t.sui-box-selector {\n\t\toverflow: hidden;\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $box-selector--background;\n\t\tbox-shadow: $box-selector--box-shadow;\n\t\tcolor: $box-selector--color;\n\t\tfont-family: $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttransition: $transition;\n\n\t\tinput {\n\t\t\t@extend %sui-screen-reader-text;\n\n\t\t\t~ span {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding-right: #{($box-selector--padding * 3) - 1px};\n\t\t\t\tpadding-left: #{($box-selector--padding * 2) - 1px};\n\t\t\t\tborder: 1px dashed transparent;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tborder-bottom-color: transparent !important;\n\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t+ span {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding-top: #{math.div($box-selector--height - $box-selector--line-height, 2) - 1px};\n\t\t\t\tpadding-bottom: #{math.div($box-selector--height - $box-selector--line-height, 2) - 1px};\n\t\t\t\tfont-size: $box-selector--font-size;\n\t\t\t\tline-height: $box-selector--line-height;\n\t\t\t\tfont-weight: $font--medium;\n\n\t\t\t\t[class*=\"sui-icon\"] {\n\t\t\t\t\twidth: $box-selector--icon-width;\n\t\t\t\t\tflex: 0 0 $box-selector--icon-width;\n\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\tmargin: 0 5px 0 0;\n\t\t\t\t\tfont-size: $box-selector--icon-size;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: $box-selector--icon-color;\n\t\t\t\t\t\tline-height: $box-selector--line-height;\n\t\t\t\t\t\ttransition: $transition;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\tmax-width: $box-selector--image-width;\n\t\t\t\t\theight: auto;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 5px 0 0;\n\t\t\t\t}\n\n\t\t\t\t~ span {\n\t\t\t\t\tpadding-top: #{$box-selector--padding * 2};\n\t\t\t\t\tpadding-bottom: #{$box-selector--padding * 2};\n\t\t\t\t\tborder-top: 1px solid $box-selector--border-color;\n\t\t\t\t\tfont-size: $box-selector--font-size-lg;\n\t\t\t\t\tline-height: $box-selector--line-height-lg;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked {\n\n\t\t\t\t+ span {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tbackground-color: $box-selector--active-background;\n\t\t\t\t\tcolor: $box-selector--active-color;\n\n\t\t\t\t\t@include icon(before, check-tick) {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t\tright: 5px;\n\t\t\t\t\t\tcolor: $box-selector--ribbon-color;\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tcontent: \" \";\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: -1px;\n\t\t\t\t\t\tright: -1px;\n\t\t\t\t\t\tborder-top: math.div($box-selector--ribbon-height, 2) solid $box-selector--ribbon-background;\n\t\t\t\t\t\tborder-left: math.div($box-selector--ribbon-height, 2) solid transparent;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon\"]:before {\n\t\t\t\t\t\tcolor: $box-selector--active-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t~ span {\n\t\t\t\t\t\tborder-top-color: $box-selector--active-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\tbox-shadow: $box-selector--active-box-shadow;\n\t\t}\n\n\t\t&.sui-disabled {\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t\tbackground-color: transparent;\n\t\t\tbox-shadow: none;\n\n\t\t\tinput {\n\n\t\t\t\t+ span {\n\t\t\t\t\tborder-color: palette(silver, medium);\n\n\t\t\t\t\t.sui-tag-pro,\n\t\t\t\t\t.sui-tag-beta {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t\tright: 5px;\n\t\t\t\t\t}\n\n\t\t\t\t\t~ span {\n\t\t\t\t\t\tborder-color: palette(silver, medium);\n\t\t\t\t\t\tborder-top-style: dashed;\n\t\t\t\t\t\tborder-top-color: palette(gray, lighter);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Vertical\n\t\t&.sui-box-selector-vertical {\n\n\t\t\tinput {\n\n\t\t\t\t~ span {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t+ span {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tpadding-top: $box-selector-vertical--padding-bottom;\n\t\t\t\t\tpadding-right: $box-selector--padding;\n\t\t\t\t\tpadding-bottom: $box-selector-vertical--padding-top;\n\t\t\t\t\tpadding-left: $box-selector--padding;\n\n\t\t\t\t\t[class*=\"sui-icon\"] {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 0 auto $box-selector-vertical--icon-spacing;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tline-height: $box-selector--icon-size;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\timg {\n\t\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-box-builder {\n\t\tdisplay: block;\n\t\tmargin: 0;\n\t\tborder: 1px solid $box-builder--border-color;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $box-builder--background;\n\n\t\t// ELEMENT: Field\n\t\t.sui-builder-field {\n\n\t\t\t.sui-button,\n\t\t\t.sui-button-icon {\n\t\t\t\tmargin: 0;\n\n\t\t\t\t&.sui-align_top {\n\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-field-label {\n\t\t\t\tmin-width: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex: 1 1 auto;\n\t\t\t\talign-items: center;\n\t\t\t\tcolor: $box-builder--field-color;\n\t\t\t\tfont: $font--medium 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t> [class*=\"sui-icon-\"] {\n\t\t\t\t\tflex: 0 0 $box-builder--field-icon-size;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\n\t\t\t\t\t+ span {\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t}\n\n\t\t\t\t\t+ .sui-builder-field-image {\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-builder-field-image {\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\theight: 40px;\n\t\t\t\t\tflex: 0 0 40px;\n\t\t\t\t\tborder: 1px solid palette(silver, soft);\n\t\t\t\t\tbackground-color: palette(gray, lighter);\n\t\t\t\t\tbackground-image: linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white), linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white);\n\t\t\t\t\tbackground-size: 12px 12px;\n\t\t\t\t\tbackground-position: 0 0, 6px 6px;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\twidth: 38px;\n\t\t\t\t\t\theight: 38px;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tborder: 1px solid $white;\n\t\t\t\t\t\tborder-radius: #{$border-radius - 1px};\n\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t+ span {\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> span {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\n\t\t\t\t+ .sui-button,\n\t\t\t\t+ .sui-dropdown,\n\t\t\t\t+ .sui-button-icon {\n\t\t\t\t\tmargin-left: math.div($box-builder--field-spacing, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-field-form {\n\t\t\t\tdisplay: block;\n\t\t\t\tflex: 1 1 auto;\n\n\t\t\t\t.sui-form-field-row {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t.sui-form-field {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\tmargin: 0 math.div($sui-gutter-md, 2);\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-auto {\n\t\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-field-border {\n\t\t\t\twidth: 1px;\n\t\t\t\theight: 20px;\n\t\t\t\tbackground-color: $box-builder--field-border;\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-right: math.div($box-builder--field-spacing, 2);\n\t\t\t\t}\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tmargin-left: math.div($box-builder--field-spacing, 2);\n\t\t\t\t}\n\n\t\t\t\t// FIX: Dropdown\n\t\t\t\t+ .sui-dropdown {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-field-notice {\n\t\t\t\twidth: $box-builder--field-icon-size;\n\t\t\t\theight: $box-builder--field-icon-size;\n\t\t\t\tcursor: help;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $box-builder--notice-color;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:focus,\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $box-builder--notice-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\ttransition: 0.2s linear;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&,\n\t\t\t&.sui-react .sui-field-info,\n\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t> .sui-icon-drag {\n\t\t\t\t\twidth: $box-builder--field-icon-size;\n\t\t\t\t\tflex: 0 0 $box-builder--field-icon-size;\n\t\t\t\t\tcolor: $box-builder--field-move-color;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-align_top {\n\t\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\t\tmargin-top: 12px;\n\t\t\t\t\t\tmargin-bottom: 12px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> .sui-button,\n\t\t\t\t> .sui-dropdown,\n\t\t\t\t> .sui-button-icon {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Simple field\n\t\t\t&:not(.sui-accordion-item):not(.sui-react) {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding-right: $box-builder--field-spacing;\n\t\t\t\tpadding-left: $box-builder--field-spacing;\n\n\t\t\t\t// CURSOR: Can Move\n\t\t\t\t&.sui-can_move,\n\t\t\t\t&.sui-can-move {\n\t\t\t\t\tcursor: move;\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Open\n\t\t\t\t&.sui-can_open {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tmin-height: $box-builder--field-height-md;\n\t\t\t\t\tpadding-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\tpadding-bottom: math.div($sui-gutter-md, 2);\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmin-height: $box-builder--field-height;\n\t\t\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Accordion field\n\t\t\t&.sui-accordion-item {\n\n\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tpadding-right: $box-builder--field-spacing;\n\t\t\t\t\tpadding-left: $box-builder--field-spacing;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-height: $box-builder--field-height-md;\n\t\t\t\t\t\tpadding-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter-md, 2);\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmin-height: $box-builder--field-height;\n\t\t\t\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t\tborder-top: 1px solid palette(silver, soft);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Move\n\t\t\t\t&.sui-can_move,\n\t\t\t\t&.sui-can-move {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcursor: move;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Open\n\t\t\t\t&.sui-can_open {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Open accordion\n\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: React field\n\t\t\t&.sui-react {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\n\t\t\t\t.sui-field-info {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 1;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tpadding-left: $box-builder--field-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\tpadding-right: $box-builder--field-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-height: $box-builder--field-height-md;\n\t\t\t\t\t\tpadding-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter-md, 2);\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmin-height: $box-builder--field-height;\n\t\t\t\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\n\t\t\t\t\t+ .sui-field-actions {\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-field-actions {\n\t\t\t\t\tflex: 0 0 auto;\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tmargin-left: $box-builder--field-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tmargin-right: $box-builder--field-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-align_top {\n\t\t\t\t\t\talign-self: flex-start;\n\n\t\t\t\t\t\t.sui-button,\n\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tpadding-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Move\n\t\t\t\t&.sui-can_move,\n\t\t\t\t&.sui-can-move {\n\t\t\t\t\tcursor: move;\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Open\n\t\t\t\t&.sui-can_open {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Header\n\t\t.sui-box-builder-header {\n\t\t\tdisplay: block;\n\n\t\t\t.sui-builder-text {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\tfont: 400 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t}\n\n\t\t\t.sui-builder-options,\n\t\t\t.sui-builder-conditions {\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tborder-top: 1px solid palette(silver, soft);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\t\t\tpadding: math.div($sui-gutter-md, 2) $sui-gutter-md 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\t\tpadding: math.div($sui-gutter, 2) $sui-gutter 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-options {\n\n\t\t\t\t&.sui-options-inline {\n\n\t\t\t\t\t.sui-radio,\n\t\t\t\t\t.sui-checkbox,\n\t\t\t\t\t.sui-builder-text {\n\n\t\t\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(.sui-options-inline) {\n\n\t\t\t\t\t.sui-builder-text {\n\n\t\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-conditions {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t.sui-builder-conditions-rule {\n\t\t\t\t\tflex: 1;\n\n\t\t\t\t\tspan.sui-builder-text {\n\n\t\t\t\t\t\t&:first-child {\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t\t\tmargin: 0 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tspan.sui-select,\n\t\t\t\t\tselect:not(.sui-select) {\n\n\t\t\t\t\t\t&:first-child {\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\tmargin: 0 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t+ * {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-left: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-left: math.div($sui-gutter, 2);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-builder-conditions-actions {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:only-child):not(:last-child) {\n\t\t\t\tborder-bottom: 1px solid $box-builder--border-color;\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: math.div($sui-gutter-md, 2) $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: math.div($sui-gutter, 2) $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Body\n\t\t.sui-box-builder-body {\n\t\t\tbackground-color: $box-builder--body-background;\n\n\t\t\t.sui-builder-field {\n\t\t\t\tmargin: 0 0 $box-builder--field-spacing;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: $box-builder--field-background;\n\t\t\t\tbox-shadow: $box-builder--field-shadow;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t&,\n\t\t\t\t&.sui-react .sui-field-info,\n\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t> .sui-icon-drag {\n\t\t\t\t\t\tmargin-left: -10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.ui-sortable-handle {\n\t\t\t\t\ttransition: unset;\n\t\t\t\t}\n\n\t\t\t\t.sui-builder-field-label {\n\n\t\t\t\t\t&:first-child {\n\n\t\t\t\t\t\t> [class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\tmargin-left: -10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-builder-field-border {\n\t\t\t\t\ttransition: $transition;\n\t\t\t\t}\n\n\t\t\t\t.sui-hover-show {\n\t\t\t\t\topacity: 0;\n\t\t\t\t\t\n\t\t\t\t\t&:focus{\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\n\t\t\t\t\t.sui-hover-show {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tbox-shadow: $box-builder--field-shadow-hover;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&.sui-react .sui-field-info,\n\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t> .sui-icon-drag {\n\t\t\t\t\t\t\tcolor: $box-builder--field-move-color-hover;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-button-dashed {\n\n\t\t\t\t+ .sui-box-builder-message {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-box-builder-message {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $box-builder--body-message;\n\t\t\t\tfont: 400 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t}\n\n\t\t\t.sui-builder-empty-message {\n\n\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter-md};\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-box-builder-message-block {\n\n\t\t\t\t.sui-box-builder-message {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t.sui-image {\n\n\t\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter-md};\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tborder-bottom-right-radius: #{$border-radius - 1px};\n\t\t\t\tborder-bottom-left-radius: #{$border-radius - 1px};\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Footer\n\t\t.sui-box-builder-footer {\n\n\t\t\t.sui-hidden {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\n\t\t\t&.sui-fields-boxed {\n\n\t\t\t\t.sui-builder-field {\n\t\t\t\t\tborder: 1px solid $box-builder--border-color;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(.sui-fields-boxed) {\n\n\t\t\t\t.sui-builder-field {\n\n\t\t\t\t\t&:not(:only-child):not(:last-child) {\n\t\t\t\t\t\tborder-bottom: 1px solid $box-builder--border-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:only-child):not(:first-child) {\n\t\t\t\tborder-top: 1px solid $box-builder--border-color;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Flushed\n\t\t&.sui-flushed {\n\t\t\tborder-width: 0;\n\t\t\tborder-radius: 0;\n\n\t\t\t.sui-builder-field {\n\n\t\t\t\t// VARIATION: Simple field\n\t\t\t\t&:not(.sui-accordion-item):not(.sui-react) {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\theight: 70px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Accordion field\n\t\t\t\t&.sui-accordion-item {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\theight: 70px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: React field\n\t\t\t\t&.sui-react {\n\n\t\t\t\t\t.sui-field-info {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmin-height: 70px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter-md};\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter};\n\t\t\t}\n\t\t}\n\n\t\t&:not(:last-child) {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(false) {\n\n\t.sui-select {\n\n\t\t&.sui-select-dropdown-container--open {\n\t\t\tz-index: 1;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@mixin generate-column-class($size) {\n\t@for $i from $sui-total-grid-cols through 1 {\n\t\t$width: percentage(math.div($i, $sui-total-grid-cols));\n\t\t.sui-col-#{$size}-#{$i} {\n\t\t\twidth: $width;\n\t\t\tmax-width: $width;\n\t\t\tflex-basis: $width;\n\t\t}\n\t\t.sui-col-#{$size}-offset-#{$i} {\n\t\t\tmargin-left: $width;\n\t\t}\n\t}\n}\n\n@include body-class(true) {\n\n\t%column {\n\t\tmin-height: 1px;\n\t\tpadding-left: math.div($sui-gutter, 2);\n\t\tpadding-right: math.div($sui-gutter, 2);\n\t\tposition: relative;\n\n\t\t@include media( max-width, md ) {\n\t\t\tpadding-left: math.div($sui-gutter-md, 2);\n\t\t\tpadding-right: math.div($sui-gutter-md, 2);\n\t\t}\n\t}\n\n\t.sui-row {\n\t\tdisplay: flex;\n\t\tflex-flow: wrap;\n\t\tmargin-right: -#{math.div($sui-gutter, 2)};\n\t\tmargin-bottom: $sui-gutter;\n\t\tmargin-left: -#{math.div($sui-gutter, 2)};\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media( max-width, md ) {\n\t\t\tmargin-right: -#{math.div($sui-gutter-md, 2)};\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\tmargin-left: -#{math.div($sui-gutter-md, 2)};\n\t\t}\n\t}\n\n\t.sui-reverse {\n\t\tflex-direction: row-reverse;\n\t}\n\n\t.sui-col {\n\t\t@extend %column;\n\t\tflex: 1;\n\t}\n\n\t[class*=\"sui-col-\"] {\n\t\t@extend %column;\n\t\tflex: 0 0 auto;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tflex-basis: 100%;\n\t}\n\n\t@for $i from 1 through length($sui-breakpoints) {\n\t\t$size: nth(nth($sui-breakpoints, $i), 1);\n\t\t$screen-width: nth(nth($sui-breakpoints, $i), 2);\n\t\t@if ($i == 1) {\n\t\t\t@include generate-column-class($size);\n\t\t}\n\t\t@media (min-width: $screen-width) {\n\t\t\t@include generate-column-class($size);\n\t\t}\n\t}\n\n\t[class*=\"sui-col-lg-\"] {\n\n\t\t&:last-child {\n\n\t\t\t@media (max-width: map-get($sui-breakpoints, 'lg')) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'lg')) {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'md')) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t[class*=\"sui-col-md-\"] {\n\n\t\t&:last-child {\n\n\t\t\t@media (max-width: map-get($sui-breakpoints, 'md')) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'md')) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t[class*=\"sui-col-sm-\"] {\n\n\t\t&:last-child {\n\n\t\t\t@media (max-width: map-get($sui-breakpoints, 'sm')) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'sm')) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t[class*=\"sui-col-xs-\"] {\n\n\t\t&:last-child {\n\n\t\t\t@media (max-width: map-get($sui-breakpoints, 'xs')) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'xs')) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-notice {\n\t\tmargin: 0 0 $sui-gutter;\n\n\t\t.sui-notice-content {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tmargin: 0;\n\t\t\tpadding: #{math.div($sui-gutter-md, 2) + 1px} $sui-gutter-md;\n\t\t\tborder: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $white;\n\t\t\tbox-shadow: inset 2px 0 0 0 palette(silver, medium), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\tp {\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: 22px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-notice-icon {\n\t\t\t\twidth: 30px;\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\ttext-align: center;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\n\t\t\t\t~ *:not(.sui-notice-icon) {\n\t\t\t\t\tpadding-left: #{$sui-gutter - 4px};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-notice-message {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: 5px 0 3px;\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 8px;\n\t\t\t\t\tleft: -7px;\n\n\t\t\t\t\t&.sui-sm {\n\t\t\t\t\t\ttop: 9px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-md {\n\t\t\t\t\t\ttop: 7px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-lg {\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-notice-actions {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\tmargin-right: -#{math.div($sui-gutter-md, 2) - 1px};\n\t\t\t\t\tmargin-left: math.div($sui-gutter-md, 2);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[role=\"alert\"],\n\t\t&[aria-live=\"assertive\"] {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&.sui-notice-blue,\n\t\t&.sui-notice-info {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $blue, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $blue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-green,\n\t\t&.sui-notice-success {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $green, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $green;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-yellow,\n\t\t&.sui-notice-warning {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 palette(yellow, default), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-red,\n\t\t&.sui-notice-error {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $red, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $red;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-purple,\n\t\t&.sui-notice-upsell {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 palette(purple, default), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.sui-floating-notices {\n\t\tpointer-events: none;\n\t\tposition: fixed;\n\t\tz-index: 99999;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tpadding: math.div($sui-gutter-md, 2);\n\n\t\t.sui-notice {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 600px;\n\t\t\tpointer-events: initial;\n\t\t\tz-index: 1;\n\t\t\tmargin: 0 auto math.div($sui-gutter-md, 2);\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(silver, medium);\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $blue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $green;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $red;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 640px) {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Color Accessibility.\n\t&.sui-color-accessible {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: $black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info,\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success,\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning,\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error,\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: inset 2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-floating-notices {\n\n\t\t\t.sui-notice {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $black;\n\t\t\t\t}\n\n\t\t\t\t&.sui-notice-blue,\n\t\t\t\t&.sui-notice-info,\n\t\t\t\t&.sui-notice-green,\n\t\t\t\t&.sui-notice-success,\n\t\t\t\t&.sui-notice-yellow,\n\t\t\t\t&.sui-notice-warning,\n\t\t\t\t&.sui-notice-red,\n\t\t\t\t&.sui-notice-error,\n\t\t\t\t&.sui-notice-purple,\n\t\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t\t.sui-notice-content {\n\t\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $black;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// RTL Support.\n@include body-class(true, true) {\n\n\t.sui-notice {\n\t\tdirection: rtl;\n\n\t\t.sui-notice-content {\n\t\t\tflex-direction: row;\n\t\t\tbox-shadow: inset -2px 0 0 0 palette(silver, medium), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\tp {\n\t\t\t\tpadding-right: #{$sui-gutter - 4px};\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n\t\t\t.sui-notice-message {\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tleft: auto;\n\t\t\t\t\tright: -7px;\n\t\t\t\t}\n\n\t\t\t\t+ .sui-notice-actions {\n\t\t\t\t\tmargin-right: math.div($sui-gutter-md, 2);\n\t\t\t\t\tmargin-left: -#{math.div($sui-gutter-md, 2) - 1px};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-blue,\n\t\t&.sui-notice-info {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $blue, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-green,\n\t\t&.sui-notice-success {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $green, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-yellow,\n\t\t&.sui-notice-warning {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 palette(yellow, default), inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-red,\n\t\t&.sui-notice-error {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $red, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-purple,\n\t\t&.sui-notice-upsell {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 palette(purple, default), inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-floating-notices {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(silver, medium);\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $blue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $green;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $red;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Color Accessibility.\n\t&.sui-color-accessible {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: $black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info,\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success,\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning,\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error,\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: inset -2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-floating-notices {\n\n\t\t\t.sui-notice {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $black;\n\t\t\t\t}\n\n\t\t\t\t&.sui-notice-blue,\n\t\t\t\t&.sui-notice-info,\n\t\t\t\t&.sui-notice-green,\n\t\t\t\t&.sui-notice-success,\n\t\t\t\t&.sui-notice-yellow,\n\t\t\t\t&.sui-notice-warning,\n\t\t\t\t&.sui-notice-red,\n\t\t\t\t&.sui-notice-error,\n\t\t\t\t&.sui-notice-purple,\n\t\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t\t.sui-notice-content {\n\t\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $black;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// WordPress Support.\n@include body-class {\n\n\t&.wp-admin {\n\n\t\t.sui-floating-notices {\n\t\t\tleft: map-get($wordpress, adminmenu);\n\t\t}\n\n\t\t// Folded sidebar.\n\t\t&.folded {\n\n\t\t\t.sui-floating-notices {\n\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t}\n\t\t}\n\n\t\t// Auto-folded sidebar.\n\t\t&.auto-fold {\n\n\t\t\t.sui-floating-notices {\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-header {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tposition: relative;\n\t\tmargin-bottom: $sui-gutter;\n\t\tline-height: 1;\n\n\t\th1 {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tflex: 0 0 100%;\n\t\t\t}\n\t\t}\n\n\t\t.sui-actions-right {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: auto;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t.sui-actions-left {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-header-inline {\n\n\t\t\th1 {\n\n\t\t\t\t+ * {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-actions-right,\n\t\t\t.sui-actions-left {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-with-floating-input {\n\n\t\t\th1 {\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tpadding-right: 260px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: math.div($sui-gutter, 2);\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t.sui-header-title {\n\t\tcolor: $headings-color;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tfont-weight: bold;\n\t\tmax-width: none;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n","@use \"sass:math\";\n\n// Summary: Base styles.\n// $wrap: true | $rtl: false | $monochrome: false\n@include body-class(true, false) {\n\t.sui-summary {\n\t\tpadding: math.div($sui-gutter-md, 2) $sui-gutter-md;\n\n\t\t.sui-summary-image-space,\n\t\t.sui-summary-segment {\n\t\t\tpadding: math.div($sui-gutter-md, 2) 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: 0 math.div($sui-gutter, 2);\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Image\n\t\t.sui-summary-image-space {\n\t\t\tdisplay: none;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmin-width: $summary-size-width;\n\t\t\t\tmin-height: $summary-size-height;\n\t\t\t\tflex: 0 0 $summary-size-width;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Content\n\t\t.sui-summary-segment {\n\t\t\tdisplay: block;\n\n\t\t\t.sui-list {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-right: math.div($sui-gutter, 2);\n\t\t\t\t\tpadding-left: math.div($sui-gutter, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-summary-details {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\toverflow: hidden;\n\t\t\t\tflex: 1;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Summary details\n\t\t.sui-summary-details {\n\t\t\tcolor: $summary-details--color;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tfont-family: $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-align: center;\n\n\t\t\tspan {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\n\t\t\t.sui-summary-sub {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t\tcolor: $summary-details--sub-color;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-bottom: 24px;\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-summary-percent {\n\t\t\t\tmargin-left: -5px;\n\t\t\t}\n\n\t\t\t.sui-summary-large {\n\t\t\t\tfont-size: 50px;\n\t\t\t\tline-height: 55px;\n\n\t\t\t\t+ .sui-summary-sub {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: -1px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-summary-detail {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-weight: 500;\n\n\t\t\t\timg {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\ttop: -1px;\n\t\t\t\t\tmargin-right: 6px;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t\tvertical-align: unset;\n\t\t\t\t\t\ttop: 1px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-summary-sub {\n\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -22px;\n\t\t\t\tleft: 5px;\n\t\t\t\tfont-size: 16px;\n\n\t\t\t\t+ .sui-summary-percent {\n\t\t\t\t\tmargin-left: -20px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-top: $sui-gutter;\n\t\t\t\tpadding-bottom: $sui-gutter;\n\t\t\t\ttext-align: left;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: List of data\n\t\t.sui-list {\n\t\t\tli span {\n\t\t\t\twhite-space: normal;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-top: $sui-gutter;\n\t\t\t\tpadding-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Small\n\t\t&.sui-summary-sm {\n\t\t\t// ELEMENT: Image\n\t\t\t.sui-summary-image-space {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmin-width: #{$summary-image-sm--width + $sui-gutter};\n\t\t\t\t\tmin-height: $summary-size-sm;\n\t\t\t\t\tflex: 0 0 #{$summary-image-sm--width + $sui-gutter};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Branded\n\t\t// When box is using white labelling settings from WPMU DEV Dashboard.\n\t\t&:not(.sui-unbranded) {\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\t\t\t\t// ELEMENT: Image\n\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t\t@if $summary-image != \"\" {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// This fil will allow us to add the correct margins\n\t\t\t\t// in case summary-image variable doesn't exist or\n\t\t\t\t// variable is empty.\n\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t@if $summary-image == \"\" {\n\t\t\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} @else {\n\t\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(.sui-rebranded) {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t\tbackground-image: url($summary-image);\n\t\t\t\t\t\t\tbackground-size: $summary-image--width\n\t\t\t\t\t\t\t\t$summary-image--height;\n\t\t\t\t\t\t\tbackground-position: $summary-image--position;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// SIZE: Small\n\t\t\t&.sui-summary-sm {\n\t\t\t\t// ELEMENT: Image\n\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\t\t@if $summary-image-sm != \"\" {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// This fil will allow us to add the correct margins\n\t\t\t\t// in case summary-image-sm variable doesn't exist or\n\t\t\t\t// variable is empty.\n\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t@if $summary-image-sm == \"\" {\n\t\t\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} @else {\n\t\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(.sui-rebranded) {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\t\tbackground-image: url($summary-image-sm);\n\t\t\t\t\t\t\tbackground-size: $summary-image-sm--width\n\t\t\t\t\t\t\t\t$summary-image-sm--height;\n\t\t\t\t\t\t\tbackground-position: $summary-image-sm--position;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Unbranded\n\t\t// When box is using white labelling settings from WPMU DEV Dashboard\n\t\t// but no image has been added.\n\t\t&.sui-unbranded {\n\t\t\t.sui-summary-image-space {\n\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t.sui-list,\n\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t@if $summary-image != \"\" {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Rebranded\n\t\t// When box is using white labelling settings from WPMU DEV Dashboard\n\t\t// and an image has been assigned by user.\n\t\t&.sui-rebranded {\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t\tbackground-size: $summary-image--width;\n\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// SIZE: Small\n\t\t\t&.sui-summary-sm {\n\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\t\tbackground-size: $summary-image--width;\n\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tpadding: 0 math.div($sui-gutter, 2);\n\t\t}\n\t}\n}\n\n// Summary: RTL styles.\n// $wrap: true | $rtl: true | $monochrome: false\n@include body-class(true, true) {\n\t.sui-summary {\n\t\t// ELEMENT: Content\n\t\t.sui-summary-segment {\n\t\t\t&:first-child {\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\tpadding-left: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: math.div($sui-gutter, 2);\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Summary details\n\t\t.sui-summary-details {\n\t\t\ttext-align: right;\n\n\t\t\t.sui-summary-percent {\n\t\t\t\tmargin-right: -5px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tleft: 0;\n\n\t\t\t\t+ .sui-summary-percent {\n\t\t\t\t\tmargin-right: -20px;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Branded\n\t\t// When box is using white labelling settings from WPMU DEV Dashboard.\n\t\t&:not(.sui-unbranded) {\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\tbackground-position: right $summary-image--position;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// SIZE: Small\n\t\t\t&.sui-summary-sm {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\tbackground-position: right $summary-image-sm--position;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Summary: Monochrome styles for color accessibility.\n// $wrap: true | $rtl: false | $monochrome: true\n@include body-class(true, false, true) {\n\t.sui-summary {\n\t\t.sui-summary-details {\n\t\t\tcolor: $accessible-dark;\n\n\t\t\t.sui-summary-sub {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true, false) {\n\n\t.sui-list {\n\t\tmargin: $sui-gutter-md 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\n\t\t&, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 9px 0;\n\t\t\tborder: 0;\n\t\t\tborder-bottom: 1px solid palette(silver, soft);\n\t\t\tcolor: $summary-list--color;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tfont-family: $font;\n\t\t\tfont-weight: 500;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t[class*=\"sui-list-\"] {\n\t\t\t\tpadding: 0 math.div($sui-gutter-md, 2);\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tpadding-left: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tpadding-right: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: 0 math.div($sui-gutter, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-list-label {\n\t\t\t\tflex: 1;\n\t\t\t\tcolor: $summary-list--label;\n\t\t\t}\n\n\t\t\t.sui-list-detail {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-top: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tborder-bottom: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: 19px 0;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// FIX:\n\t\t// Prevent .sui-list from having nested lists\n\t\t// since this element doesn't support it.\n\t\tul, ol {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: $sui-gutter 0;\n\t\t}\n\t}\n}\n\n@include body-class(true, true) {\n\n\t.sui-list {\n\n\t\tli {\n\n\t\t\t[class*=\"sui-list-\"] {\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\tpadding-left: math.div($sui-gutter-md, 2);\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\tpadding-left: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tpadding-right: math.div($sui-gutter-md, 2);\n\t\t\t\t\tpadding-left: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: math.div($sui-gutter, 2);\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-tooltip {\n\t\tposition: relative;\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t\topacity: 0;\n\t\t\tbackface-visibility: hidden;\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tz-index: 9990;\n\t\t\ttransition: 0.2s;\n\t\t}\n\n\t\t&:before {\n\t\t\tleft: 50%;\n\t\t\tbottom: 100%;\n\t\t\tborder: 5px solid transparent;\n\t\t\tborder-top-color: $tooltips-color;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: attr(data-tooltip);\n\t\t\tmin-width: var(--tooltip-width, 40px);\n\t\t\tleft: 50%;\n\t\t\tbottom: 100%;\n\t\t\tmargin-bottom: 10px;\n\t\t\tpadding: 8px 12px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $tooltips-color;\n\t\t\tbox-sizing: border-box;\n\t\t\ttransform: translateX(-50%);\n\t\t\tcolor: $white;\n\t\t\tfont: 500 12px/18px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-transform: none;\n\t\t\ttext-align: var(--tooltip-text-align, center);\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Constrained tooltip\n\t\t&.sui-tooltip-constrained {\n\n\t\t\t&:after {\n\t\t\t\tmin-width: var(--tooltip-width, 240px);\n\t\t\t\twhite-space: normal;\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Top\n\t\t&.sui-tooltip-top {\n\n\t\t\t// POSITION: Left\n\t\t\t&-left {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right {\n\n\t\t\t\t&:after {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tleft: unset;\n\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Bottom\n\t\t&.sui-tooltip-bottom {\n\n\t\t\t&,\n\t\t\t&-left,\n\t\t\t&-right {\n\n\t\t\t\t&:before {\n\t\t\t\t\ttop: 100%;\n\t\t\t\t\tbottom: unset;\n\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\tborder-bottom-color: $tooltips-color;\n\t\t\t\t}\n\t\n\t\t\t\t&:after {\n\t\t\t\t\ttop: 100%;\n\t\t\t\t\tbottom: unset;\n\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Left\n\t\t\t&-left {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttransform: translate(0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: unset;\n\t\t\t\t\tright: 0;\n\t\t\t\t\ttransform: translate(0);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Left\n\t\t&.sui-tooltip-left {\n\n\t\t\t&:before {\n\t\t\t\ttop: 50%;\n\t\t\t\tright: 100%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: unset;\n\t\t\t\tborder-top-color: transparent;\n\t\t\t\tborder-left-color: $tooltips-color;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\ttop: 50%;\n\t\t\t\tright: 100%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: unset;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Right\n\t\t&.sui-tooltip-right {\n\n\t\t\t&:before {\n\t\t\t\ttop: 50%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: 100%;\n\t\t\t\tborder-top-color: transparent;\n\t\t\t\tborder-right-color: $tooltips-color;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\ttop: 50%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: 100%;\n\t\t\t\tmargin-left: 10px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Mobile\n\t\t&.sui-tooltip {\n\n\t\t\t// VARIATION: Constrained tooltip\n\t\t\t// Use this variation in case you need to keep tooltip position but\n\t\t\t// constrain its content.\n\t\t\t&-mobile {\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Top\n\t\t\t&-top {\n\n\t\t\t\t&-mobile,\n\t\t\t\t&-left-mobile,\n\t\t\t\t&-right-mobile {\n\n\t\t\t\t\t&:before {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: unset;\n\t\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\t\tborder-top-color: $tooltips-color;\n\t\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:after {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\t\ttop: unset;\n\t\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-left-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-right-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Bottom\n\t\t\t&-bottom {\n\n\t\t\t\t&-mobile,\n\t\t\t\t&-left-mobile,\n\t\t\t\t&-right-mobile {\n\n\t\t\t\t\t&:before {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\t\tborder-bottom-color: $tooltips-color;\n\t\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:after {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-left-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-right-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Left\n\t\t\t&-left-mobile {\n\n\t\t\t\t&:before {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: 100%;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\tborder-left-color: $tooltips-color;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: 100%;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right-mobile {\n\n\t\t\t\t&:before {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: 100%;\n\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\tborder-right-color: $tooltips-color;\n\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: 100%;\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Hover\n\t\t// Show tooltips when user hovers on it.\n\t\t&:hover,\n\t\t&:focus {\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\topacity: 1;\n\t\t\t\tbackface-visibility: visible;\n\t\t\t}\n\t\t}\n\t}\n}","// ELEMENT: Select.\n// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\n\tselect:not(.sui-select):not(.sui-variables) {\n\t\twidth: 100%;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tappearance: none;\n\t\tmargin: 5px 0;\n\t\tpadding: 8px 14px;\n\t\tpadding-right: 40px;\n\t\tborder: 1px solid palette(gray, lighter);\n\t\tborder-radius: $border-radius;\n\t\t@include background-2x(\"#{$sui-image-path}select-arrow\", 'png', 12px, 12px, right 14px center, no-repeat);\n\t\tcolor: palette(gray, dark);\n\t\tfont: 500 15px/22px $font;\n\t\tletter-spacing: -0.2px;\n\t\ttransition: $transition;\n\n\t\t// FIX: Hide the default arrow in IE 10+.\n\t\t&::-ms-expand {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #FAFAFA;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground-color: $white;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t// SIZE: Small.\n\t\t&.sui-select-sm {\n\t\t\tpadding: 6px 12px;\n\t\t\tpadding-right: 40px;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 16px;\n\t\t\tbackground-position: right 8px center;\n\t\t}\n\n\t\t// DESIGN: Inline.\n\t\t&.sui-select-inline {\n\t\t\twidth: auto;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 10px;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t// STYLE: Multi Select.\n\t\t&[multiple] {\n\t\t\tpadding: 10px 0;\n\t\t\tbackground-image: none;\n\t\t\tbackground-color: $white;\n\n\t\t\toption {\n\t\t\t\tpadding: 8px;\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\tfont: 500 15px/35px $font;\n\t\t\t\tletter-spacing: -0.2px;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: #FAFAFA;\n\t\t\t\t}\n\n\t\t\t\t&:checked {\n\t\t\t\t\tbackground-color: palette(gray, light);\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Disabled.\n\t\t&[disabled] {\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n// $sui-wrap: true | $rtl: false | $monochrome: true\n@include body-class(true, false, true) {\n\n\tselect:not(.sui-select):not(.sui-variables) {\n\t\tborder-color: $black;\n\t\tcolor: $black;\n\n\t\t&,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: $white;\n\t\t}\n\n\t\t// STYLE: Multi Select.\n\t\t&[multiple] {\n\t\t\tbackground-color: $white;\n\n\t\t\toption {\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: $black;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t}\n\n\t\t\t\t&:checked {\n\t\t\t\t\tbackground-color: $black;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-tag {\n\t\theight: auto;\n\t\tmin-height: 26px;\n\t\tcursor: default;\n\t\tdisplay: inline-block;\n\t\tmargin: 0 3px;\n\t\tpadding: 0 16px;\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: 13px;\n\t\tbackground-color: $tag--default-background;\n\t\tcolor: $tag--default-color;\n\t\tfont: 500 12px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-align: center;\n\n\t\t// VARIATION: One line tag.\n\t\t&.sui-tag-truncated {\n\t\t\tmax-width: 100%;\n\n\t\t\tspan {\n\t\t\t\tmax-width: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t// TAG: Red\n\t\t&.sui-tag-red,\n\t\t&.sui-tag-error {\n\t\t\tbackground-color: $tag--red-background;\n\t\t\tcolor: $tag--red-color;\n\t\t}\n\n\t\t// TAG: Yellow\n\t\t&.sui-tag-yellow,\n\t\t&.sui-tag-warning {\n\t\t\tbackground-color: $tag--yellow-background;\n\t\t\tcolor: $tag--yellow-color;\n\t\t}\n\n\t\t// TAG: Green\n\t\t&.sui-tag-green,\n\t\t&.sui-tag-upsell,\n\t\t&.sui-tag-success,\n\t\t&.sui-tag-upgrade {\n\t\t\tbackground-color: $tag--green-background;\n\t\t\tcolor: $tag--green-color;\n\t\t}\n\n\t\t// TAG: Blue\n\t\t&.sui-tag-blue,\n\t\t&.sui-tag-branded {\n\t\t\tbackground-color: $tag--blue-background;\n\t\t\tcolor: $tag--blue-color;\n\t\t}\n\n\t\t// TAG: Purple\n\t\t&.sui-tag-purple {\n\t\t\tbackground-color: $tag--purple-background;\n\t\t\tcolor: $tag--purple-color;\n\t\t}\n\n\t\t// TAG: Disabled\n\t\t&.sui-tag-disabled,\n\t\t&.sui-tag-inactive {\n\t\t\tbackground-color: $tag--disabled-background;\n\t\t\tcolor: $tag--disabled-color;\n\t\t}\n\n\t\t// TAG: Uppercase\n\t\t&.sui-tag-uppercase {\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t&.sui-tag-pro,\n\t\t&.sui-tag-beta {\n\t\t\tmin-height: 12px;\n\t\t\tpadding: 2px 8px 1px;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 6px;\n\t\t\tfont-size: 8px;\n\t\t\tline-height: 9px;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t// TAG: Pro\n\t\t&.sui-tag-pro {\n\t\t\tbackground-color: $tag--pro-background;\n\t\t\tcolor: $tag--pro-color;\n\t\t}\n\n\t\t// TAG: Beta\n\t\t&.sui-tag-beta {\n\t\t\tbackground-color: $tag--beta-background;\n\t\t\tcolor: $tag--beta-color;\n\t\t}\n\n\t\t// SIZE: Small\n\t\t&.sui-tag-sm {\n\t\t\tmin-height: 18px;\n\t\t\tpadding: 2px 10px;\n\t\t\tfont-size: 10px;\n\t\t\tline-height: 12px;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t// GHOST TAGS\n\t\t&.sui-tag-ghost {\n\n\t\t\t// TAG: Red\n\t\t\t&.sui-tag-red,\n\t\t\t&.sui-tag-error {\n\t\t\t\tborder-color: $tag--red-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--red-background;\n\t\t\t}\n\n\t\t\t// TAG: Yellow\n\t\t\t&.sui-tag-yellow,\n\t\t\t&.sui-tag-warning {\n\t\t\t\tborder-color: $tag--yellow-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--yellow-background;\n\t\t\t}\n\n\t\t\t// TAG: Green\n\t\t\t&.sui-tag-green,\n\t\t\t&.sui-tag-upsell,\n\t\t\t&.sui-tag-success,\n\t\t\t&.sui-tag-upgrade {\n\t\t\t\tborder-color: $tag--green-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--green-background;\n\t\t\t}\n\n\t\t\t// TAG: Blue\n\t\t\t&.sui-tag-blue,\n\t\t\t&.sui-tag-branded {\n\t\t\t\tborder-color: $tag--blue-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--blue-background;\n\t\t\t}\n\n\t\t\t// TAG: Purple\n\t\t\t&.sui-tag-purple {\n\t\t\t\tborder-color: $tag--purple-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--purple-background;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t// HELPER: Label\n\t%label {\n\t\tdisplay: inline-flex;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tcolor: $form--label-color;\n\t\tfont: $form--label-font-weight #{$form--label-font-size}/#{$form--label-line-height} $form--label-font;\n\t}\n\n\t// HELPER: Form control\n\t%form-control {\n\t\twidth: 100%;\n\t\theight: $form--input-height-base;\n\t\tmargin: 0;\n\t\tpadding: 9px 14px;\n\t\tborder: 1px solid $overcast;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $cloud;\n\t\tbackground-image: none;\n\t\tcolor: $nightrider;\n\t\tfont: 500 15px/20px $font;\n\t\tletter-spacing: -0.25px;\n\t\ttransition: 0.2s ease-in-out;\n\t\toutline: none;\n\t\tbox-shadow: none;\n\n\t\t&::placeholder {\n\t\t\tcolor: $fiftyshades;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: $fiftyshades;\n\t\t\tbackground-color: $white;\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: $blue;\n\t\t\tbackground-color: $white;\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px $blue-ghost;\n\n\t\t\t&::placeholder {\n\t\t\t\tcolor: $overcast;\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Disabled\n\t\t&[disabled],\n\t\t&.sui-disabled,\n\t\tfieldset[disabled] & {\n\t\t\tpointer-events: none;\n\t\t\tcolor: $fiftyshades;\n\t\t\tbackground: $silver;\n\t\t\tborder-color: $overcast;\n\t\t}\n\n\t\t// FIX:\n\t\t// Unstyle the caret on <select> in IE10+\n\t\t&::-ms-expand {\n\t\t\tborder: 0;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n\n\t// ELEMENT: Label (Global)\n\tlabel {\n\t\tcursor: default;\n\n\t\t&[for] {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t// ELEMENT: Label\n\t.sui-label {\n\t\t@extend %label;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin: 0 0 5px;\n\n\t\t.sui-tag {\n\t\t\tmargin-left: 5px;\n\n\t\t\t&.sui-left {\n\t\t\t\tmargin-right: 5px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t// VARIATION: Label link\n\t\t&-link {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: auto;\n\t\t\tcolor: $form--label-color;\n\t\t\tfont-weight: 400;\n\t\t}\n\n\t\t// VARIATION: Inline label\n\t\t&-inline {\n\t\t\t@extend %label;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t// VARIATION: Label note\n\t\t&-note {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: auto;\n\t\t}\n\t}\n\n\t// ELEMENT: Form control\n\t// This element allow us to style textarea and inputs (all except checkbox and radio)\n\t.sui-form-control {\n\t\t@extend %form-control;\n\t\tdisplay: block;\n\n\t\t&.sui-input-sm {\n\t\t\tmax-width: 80px;\n\t\t}\n\t\t&.sui-input-md {\n\t\t\tmax-width: 240px;\n\t\t}\n\n\t\t// Form field prefix and suffix\n\t\t&.sui-field-has-prefix,\n\t\t&.sui-field-has-suffix {\n\t\t\twidth: auto;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n\n\t// ELEMENT: Multi checkbox\n\t.sui-multi-checkbox {\n\t\t@extend .sui-form-control;\n\t\theight: auto;\n\t\tmax-height: 114px;\n\t\toverflow-y: auto;\n\t\tpadding: 1px;\n\n\t\tlabel {\n\t\t\tmargin: 1px 0;\n\n\t\t\tinput {\n\t\t\t\t@extend %sui-screen-reader-text;\n\n\t\t\t\t&:checked + span {\n\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 10px;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\n\t\t\t\tspan {\n\t\t\t\t\tborder-radius: #{$border-radius - 1px} #{$border-radius - 1px} 0 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\tspan {\n\t\t\t\t\tborder-radius: 0 0 #{$border-radius - 1px} #{$border-radius - 1px};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ELEMENT: Field description\n\t.sui-multi-checkbox label {\n\t\tdisplay: block;\n\t\tmargin-top: 5px;\n\t\tcolor: $form--description-color;\n\t\tfont-size: $form--description-font-size;\n\t\tline-height: 22px;\n\t\tfont-weight: $form--description-font-weight;\n\t\tletter-spacing: $font--letter-spacing;\n\n\t\t&.sui-toggle-description {\n\t\t\tmargin-left: 48px;\n\t\t}\n\n\t\t&.sui-checkbox-description,\n\t\t&.sui-radio-description {\n\t\t\tmargin: 0 27px 5px;\n\t\t}\n\n\t\t+ .sui-form-field,\n\t\t+ .sui-form-field-inline {\n\t\t\tmargin-top: 20px;\n\t\t}\n\t}\n\n\t// ELEMENT: Error message\n\t.sui-error-message {\n\t\tdisplay: block;\n\t\tmargin-top: 8px;\n\t\tcolor: $form--input-error-color;\n\t\tfont-size: $form--input-error-font-size;\n\t\tline-height: $form--input-error-line-height;\n\t\tfont-weight: $form--input-error-font-weight;\n\t}\n\n\t// GROUP: Form field\n\t.sui-form-field {\n\n\t\t&.sui-input-sm {\n\t\t\tmax-width: 80px;\n\t\t}\n\t\t&.sui-input-md {\n\t\t\tmax-width: 240px;\n\t\t}\n\n\t\t> .sui-row {\n\n\t\t\t[class^=\"sui-col\"] {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-right: 5px;\n\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: -5px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-left: -5px;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Error\n\t\t&.sui-has_error,\n\t\t&.sui-form-field-error {\n\n\t\t\t.sui-form-control {\n\t\t\t\tborder-color: $red;\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0 0 2px $red-ghost;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-control-with-icon {\n\n\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\tcolor: $red;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\t}\n\n\t.sui-field-suffix,\n\t.sui-field-prefix {\n\t\tdisplay: inline-block;\n\t\tcolor: #888888;\n\t\tfont-size: 13px;\n\t\tline-height: 22px;\n\t}\n\n\t.sui-field-prefix {\n\t\tmargin-right: 10px;\n\t}\n\t.sui-field-suffix {\n\t\tmargin-left: 10px;\n\t}\n\n\t// GROUP: Form field (inline)\n\t.sui-form-field-inline {\n\n\t\t> .sui-form-field,\n\t\t> span.sui-select {\n\n\t\t\t&:first-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t> .sui-form-field {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t> p,\n\t\t> span,\n\t\t> .sui-label {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t// GROUP: Input with icon\n\t// This group doesn't work with inline form control\n\t.sui-control-with-icon {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\t\t\tpadding-left: 40px;\n\t\t}\n\n\t\t// Select 2\n\t\tselect.sui-select+.select2-container .select2-selection__rendered {\n\t\t\tpadding-left: 40px;\n\t\t}\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tpointer-events: none;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: 11px;\n\t\t\tleft: 14px;\n\n\t\t\t&:before {\n\t\t\t\tcolor: $form--input-icon;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-right-icon {\n\n\t\t\t.sui-form-control {\n\t\t\t\tpadding-right: 40px;\n\t\t\t\tpadding-left: 14px;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tright: 14px;\n\t\t\t\tleft: auto;\n\t\t\t\tcolor: $form--input-icon-right;\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Input with button\n\t.sui-with-button {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-button {\n\t\t\tflex: 0 0 auto;\n\t\t}\n\n\t\t.sui-form-control {\n\t\t\tflex: 1;\n\t\t\tmargin: 0 5px;\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Inside button\n\t\t&.sui-inside,\n\t\t&.sui-with-button-inside {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\n\t\t\t.sui-button,\n\t\t\t.sui-button-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 5px;\n\t\t\t\tright: 5px;\n\t\t\t}\n\n\t\t\t.sui-button-lg {\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t}\n\n\t\t\t.sui-form-control {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-right: 90px;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Icon button\n\t\t&.sui-with-button-icon {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\n\t\t\t.sui-button,\n\t\t\t.sui-button-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 5px;\n\t\t\t\tright: 5px;\n\t\t\t}\n\n\t\t\t.sui-button-lg {\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t.sui-form-control {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-right: 40px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Inputs\n\t.sui-input-group {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tposition: relative;\n\t}\n\n\t// GROUP: Password\n\t.sui-password-group {\n\t\tposition: relative;\n\n\t\t.sui-password-toggle {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tright: 7px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground: transparent;\n\t\t\tcolor: $form--input-icon-color;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 1em;\n\t\t\ttransform: translateY(-50%);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\toutline: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: rgba(0, 0, 0, .03);\n\n\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\tcolor: $gray;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Date\n\t.sui-date {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-right: 40px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-left: 40px;\n\t\t\t}\n\t\t}\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tpointer-events: none;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\n\t\t\t&:before {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tleft: 5px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tright: 5px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-multi-date {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-form-field {\n\t\t\tflex: 1;\n\n\t\t\t+ button {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n\n\t// FIX:\n\t// Reset height for textarea\n\ttextarea.sui-form-control {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t\tresize: vertical;\n\t\tline-height: 20px;\n\t}\n\n\t// FIX:\n\t// Add special styles if <select> is being used with .sui-form-control class.\n\t//\n\t// NOTE: There's no need to use <select> with this class but just in case,\n\t// a fix for it must be included.\n\tselect.sui-form-control {\n\t\tcursor: pointer;\n\t\tappearance: none;\n\t\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAs0lEQVQ4T6WS2w0CIRBF59KA2oklaAdbgpbgB48SIBThduKWYClrA2CGgEEXNWH5moR7Zu48QJ0PnRytA6WUe67svb//clDrUkWt9UxEMYRw/AYzJIS4sd45t0ugMeZERNcY49yCCwRgS0Rna+346rGGAVz4s06aW0gQx2/DUUoNAEYAG86cxezkAWCw1k5lBoupZltThomhEMLhs/fmOgrM2VvQwmq9in8rWncAPWfXXfEJ6RpWD7sJ1JwAAAAASUVORK5CYII=);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 10px;\n\t\tline-height: 1;\n\t}\n}","@use \"sass:math\";\n\n// HELPER: Radio\n%radio-checkbox {\n\tuser-select: none;\n\talign-items: flex-start;\n\tpointer-events: none;\n\n\tinput {\n\t\t@extend %sui-screen-reader-text;\n\n\t\t+ span {\n\t\t\twidth: $radio-checkbox--size;\n\t\t\theight: $radio-checkbox--size;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: block;\n\t\t\tflex-shrink: 0;\n\t\t\tposition: relative;\n\t\t\tmargin: math.div(($radio-checkbox--line-height - $radio-checkbox--size), 2) 0;\n\t\t\tborder: 1px solid $radio-checkbox--border-color;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $radio-checkbox--background;\n\t\t\ttransition: 0.3s ease;\n\t\t\tpointer-events: all;\n\n\t\t\t&:before {\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: 0.3s ease;\n\t\t\t}\n\n\t\t\t+ span,\n\t\t\t+ .sui-description {\n\t\t\t\tcursor: pointer;\n\t\t\t\tmargin: 0 0 0 10px;\n\t\t\t\tcolor: $radio-checkbox--color;\n\t\t\t\tfont-size: $radio-checkbox--font-size;\n\t\t\t\tline-height: $radio-checkbox--line-height;\n\t\t\t\tfont-weight: $font--medium;\n\t\t\t\tpointer-events: all;\n\n\t\t\t\t&.sui-description-sm {\n\t\t\t\t\tfont-size: $radio-checkbox--font-size-sm;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t~ .sui-tag {\n\t\t\t\tmargin-top: auto;\n\t\t\t\tmargin-bottom: auto;\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\t+ span {\n\t\t\t\tbox-shadow: 0px 0px 0px 4px $radio-checkbox--hover-background;\n\t\t\t}\n\t\t}\n\n\t\t&:checked {\n\n\t\t\t+ span {\n\t\t\t\tborder-color: $radio-checkbox--checked-border-color;\n\t\t\t\tbackground-color: $radio-checkbox--checked-background;\n\n\t\t\t\t&:before {\n\t\t\t\t\topacity: 1;\n\n\t\t\t\t\t@media (forced-colors: active) {\n\t\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (forced-colors: active) and (prefers-color-scheme: light), (-ms-high-contrast: black-on-white) {\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\t+ span {\n\t\t\t\t\tbox-shadow: 0px 0px 0px 4px $radio-checkbox--checked-hover-background;\n\t\t\t\t}\n\t\t\t}\t\t\t\n\t\t}\n\n\t\t&:disabled,\n\t\t&[disabled],\n\t\t&.sui-disabled {\n\n\t\t\t+ span {\n\t\t\t\tcursor: not-allowed;\n\t\t\t\tborder-color: $radio-checkbox--disabled-border-color;\n\t\t\t\tbackground-color: $radio-checkbox--disabled-background;\n\t\t\t\t\n\t\t\t\t+ span,\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\t+ span {\n\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&:last-child {\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n\n\t@include media(max-width, md) {\n\t\tdisplay: flex;\n\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t}\n\n\t@include media(min-width, md) {\n\t\tdisplay: inline-flex;\n\t\tmargin: 0 math.div($sui-gutter, 2) 0 0;\n\t}\n}\n\n@include body-class(true) {\n\n\t// ============================================================\n\t// ELEMENT: Radio\n\t.sui-radio {\n\t\t@extend %radio-checkbox;\n\n\t\tinput {\n\n\t\t\t+ span {\n\t\t\t\tposition: relative;\n\t\t\t\tborder-radius: 50%;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: \" \";\n\t\t\t\t\twidth: $radio-checkbox--check-size;\n\t\t\t\t\theight: $radio-checkbox--check-size;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: #{math.div(($radio-checkbox--size - $radio-checkbox--check-size), 2) - 1px};\n\t\t\t\t\tleft: #{math.div(($radio-checkbox--size - $radio-checkbox--check-size), 2) - 1px};\n\t\t\t\t\tborder-radius: $radio-checkbox--size;\n\t\t\t\t\tbackground-color: $radio-checkbox--check-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-disabled {\n\n\t\t\t\t+ span:before {\n\t\t\t\t\tbackground-color: $radio-checkbox--disabled-check-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Stacked\n\t\t// To pile one element per-line\n\t\t&.sui-radio-stacked {\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Small\n\t\t// This variation will affect label (text) only.\n\t\t&.sui-radio-sm {\n\n\t\t\tinput + span {\n\n\t\t\t\t+ span,\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tfont-size: $radio-checkbox--font-size-sm;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ============================================================\n\t// ELEMENT: Radio Image\n\t.sui-radio-image {\n\t\tflex-direction: column;\n\t\talign-items: center;\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\t+ .sui-radio {\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\t\t}\n\n\t\t+ * {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-left: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Stacked\n\t\t// To pile one element per-line\n\t\t&.sui-radio-stacked {\n\n\t\t\t+ * {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: inline-flex;\n\t\t}\n\t}\n\n\t// ============================================================\n\t// ELEMENT: Checkbox\n\t.sui-checkbox {\n\t\t@extend %radio-checkbox;\n\n\t\tinput {\n\n\t\t\t+ span {\n\n\t\t\t\t@include icon(before, check) {\n\t\t\t\t\twidth: #{$radio-checkbox--size - 2px};\n\t\t\t\t\theight: #{$radio-checkbox--size - 2px};\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tcolor: $radio-checkbox--check-color;\n\t\t\t\t\tfont-size: $radio-checkbox--icon-size;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-disabled {\n\n\t\t\t\t+ span:before {\n\t\t\t\t\tcolor: $radio-checkbox--disabled-check-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Stacked\n\t\t// To pile one element per-line\n\t\t&.sui-checkbox-stacked {\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Small\n\t\t// This variation will affect label (text) only.\n\t\t&.sui-checkbox-sm {\n\n\t\t\tinput + span {\n\n\t\t\t\t+ span,\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tfont-size: $radio-checkbox--font-size-sm;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ============================================================\n\t// ELEMENT: Checkbox Image\n\t.sui-checkbox-image {\n\t\tflex-direction: column;\n\t\talign-items: center;\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\t+ .sui-checkbox {\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\t\t}\n\n\t\t+ * {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-left: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Stacked\n\t\t// To pile one element per-line\n\t\t&.sui-checkbox-stacked {\n\n\t\t\t+ * {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: inline-flex;\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: true) {\n\n\t%radio-checkbox {\n\t\tinput {\n\t\t\t+ span {\n\t\t\t\t+ span,\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tmargin: 0 10px 0 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\n\t\t@include media(min-width, md) {\n\t\t\tmargin: 0 0 0 math.div($sui-gutter, 2);\n\t\t}\n\t}\n\n\t.sui-checkbox {\n\t\t&.sui-checkbox-stacked {\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-radio {\n\t\t&.sui-radio-stacked {\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-upload {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\n\t\tinput[type=\"file\"] {\n\t\t\t@extend %sui-screen-reader-text;\n\t\t}\n\n\t\tbutton {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: block;\n\t\t\ttransition: 0.3s ease;\n\n\t\t\t&,\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-image {\n\t\t\twidth: $file-upload--image-size;\n\t\t\theight: $file-upload--image-size;\n\t\t\tflex: 0 0 auto;\n\t\t\tposition: relative;\n\t\t\tmargin: 0;\n\t\t\tpadding: $file-upload--image-padding;\n\t\t\tborder: $file-upload--image-border-width $file-upload--image-border-style $file-upload--image-border-color;\n\t\t\tborder-radius: $border-radius;\n\n\t\t\t[class*=\"sui-image-\"] {\n\t\t\t\twidth: #{$file-upload--image-size - (($file-upload--image-border-width * 2) + ($file-upload--image-padding * 2))};\n\t\t\t\theight: #{$file-upload--image-size - (($file-upload--image-border-width * 2) + ($file-upload--image-padding * 2))};\n\t\t\t\tdisplay: block;\n\t\t\t\tborder-radius: #{$border-radius - $file-upload--image-padding};\n\t\t\t}\n\n\t\t\t.sui-image-mask {\n\t\t\t\tbackground-color: $file-upload--image-mask-background;\n\t\t\t\tbackground-image: linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white), linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white);\n\t\t\t\tbackground-size: 12px 12px;\n\t\t\t\tbackground-position: 0 0, 6px 6px;\n\t\t\t}\n\n\t\t\t.sui-image-preview {\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: none;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: $file-upload--image-padding;\n\t\t\t\tleft: $file-upload--image-padding;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tbackground-size: cover;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-position: center;\n\n\t\t\t\t@include icon(before, upload-cloud) {\n\t\t\t\t\topacity: 0;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tborder-radius: #{$border-radius - $file-upload--image-padding};\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 12px;\n\t\t\t\t\tbackground-color: $file-upload--image-preview-background;\n\t\t\t\t\ttransition: 0.2s ease;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t~ .sui-upload-button,\n\t\t\t~ .sui-upload-file {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\n\t\t\t~ .sui-upload-file {\n\t\t\t\tmax-width: calc(100% - #{$file-upload--image-size + 5px});\n\t\t\t\tcursor: initial;\n\t\t\t\tpadding-left: 19px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: unset;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $file-upload--file-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-file {\n\t\t\tmax-width: 100%;\n\t\t\tcursor: pointer;\n\t\t\tflex: 0 0 auto;\n\t\t\tdisplay: none;\n\t\t\tposition: relative;\n\t\t\tpadding: 11px 61px 11px 41px;\n\t\t\tborder: 1px solid $file-upload--file-border-color;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $file-upload--file-background;\n\t\t\ttransition: 0.3s ease;\n\t\t\toverflow-wrap: break-word;\n\n\t\t\t@include icon(before, page-pdf) {\n\t\t\t\twidth: 29px;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 14px;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 16px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tuser-select: none;\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $file-upload--file-color;\n\t\t\t\tfont: $font--medium 12px/16px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t\twidth: #{$file-upload--image-size - 1px};\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tborder: 0 solid $file-upload--file-border-color;\n\t\t\t\tborder-left-width: 1px;\n\t\t\t\tborder-radius: 0 #{$border-radius - 1px} #{$border-radius - 1px} 0;\n\t\t\t\tbackground-color: $file-upload--file-background;\n\t\t\t\tfont-size: 12px;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground: palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active,\n\t\t\t&:focus {\n\t\t\t\tbackground-color: $file-upload--file-hover-background;\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-button {\n\t\t\tmargin: 0;\n\t\t\tpadding: 11px 19px;\n\t\t\tborder: $file-upload--add-border-width $file-upload--add-border-style $file-upload--add-border-color;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $file-upload--add-background;\n\t\t\tcolor: $file-upload--add-color;\n\t\t\tfont: $font--medium 12px/16px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&.sui-is-dragover {\n\t\t\t\tborder-color: palette(silver, medium);\n\t\t\t\tbackground-color: #FAFAFA;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0px 0px 0px 2px palette(silver, default);\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\twidth: 24px;\n\t\t\t\tmargin-left: -4px;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 16px;\n\t\t\t\tvertical-align: bottom;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATUS: File uploaded\n\t\t&.sui-has_file {\n\n\t\t\t.sui-upload-image {\n\n\t\t\t\t.sui-image-preview {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-upload-file {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.sui-upload-button {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t// STATUS: Error\n\t\t+ .sui-notice {\n\t\t\tmargin-top: 10px;\n\t\t}\n\n\t\t// Multiple uploads\n\t\t+ .sui-upload {\n\t\t\tmargin-top: 10px;\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-colorpicker-wrap {\n\t\tdisplay: block;\n\n\t\t.sui-colorpicker {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t.sui-colorpicker-value {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\n\t\t\t\tspan[role=button],\n\t\t\t\tinput,\n\t\t\t\tbutton {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tborder: $colorpicker--border-width solid $colorpicker--border-color;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tspan[role=button],\n\t\t\t\tbutton {\n\t\t\t\t\twidth: $colorpicker--button-size;\n\t\t\t\t\theight: $colorpicker--button-size;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\n\t\t\t\tinput,\n\t\t\t\tbutton {\n\t\t\t\t\tbackground-color: $colorpicker--background;\n\t\t\t\t}\n\n\t\t\t\t// Color preview\n\t\t\t\tspan[role=button] {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tbackground-color: $colorpicker--preview-background;\n\t\t\t\t\tbackground-image: linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white), linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white);\n\t\t\t\t\tbackground-size: 12px 12px;\n\t\t\t\t\tbackground-position: 0 0, 6px 6px;\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\twidth: #{$colorpicker--button-size - 4px};\n\t\t\t\t\t\theight: #{$colorpicker--button-size - 4px};\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 1px;\n\t\t\t\t\t\tleft: 1px;\n\t\t\t\t\t\tborder-radius: #{$border-radius - 2px};\n\t\t\t\t\t}\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbox-shadow: inset 0 0 0 1px $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Color value\n\t\t\t\tinput {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: $colorpicker--input-height;\n\t\t\t\t\tpadding: math.div(($colorpicker--input-height - $colorpicker--input-line-height - ($colorpicker--border-width * 2)), 2) #{$colorpicker--button-size + 10px};\n\t\t\t\t\tcolor: $colorpicker--color;\n\t\t\t\t\tfont: $font--medium #{$colorpicker--input-font-size}/#{$colorpicker--input-line-height} $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t}\n\n\t\t\t\t// Color clear\n\t\t\t\tbutton {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\tborder-bottom-left-radius: 0;\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-button {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\n\t\t\t&.sui-colorpicker-hex {\n\n\t\t\t\t.sui-colorpicker-value {\n\t\t\t\t\tflex: 0 1 $colorpicker--hex-width;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-colorpicker-rgba {\n\n\t\t\t\t.sui-colorpicker-value {\n\t\t\t\t\tflex: 0 1 $colorpicker--rgba-width;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.wp-picker-container {\n\t\t\tdisplay: none;\n\t\t\tmargin: 5px 0 0;\n\t\t\tpadding: 9px;\n\t\t\tborder: $colorpicker--border-width solid $colorpicker--iris-border-color;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $colorpicker--iris-background;\n\t\t\tbox-shadow: 0 3px 7px 0 rgba(0,0,0,0.07);\n\n\t\t\t.button {\n\t\t\t\t@extend %sui-screen-reader-text;\n\t\t\t}\n\n\t\t\t.wp-picker-input-wrap {\n\t\t\t\tdisplay: block;\n\n\t\t\t\tspan,\n\t\t\t\tlabel,\n\t\t\t\t.sui-colorpicker-input {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t.sui-colorpicker-input {\n\t\t\t\t\twidth: 100% !important;\n\t\t\t\t\theight: $colorpicker--input-height;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: math.div(($colorpicker--input-height - $colorpicker--input-line-height - ($colorpicker--border-width * 2)), 2) 11px;\n\t\t\t\t\tborder: $colorpicker--border-width solid $colorpicker--border-color;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: $colorpicker--background;\n\t\t\t\t\tcolor: $colorpicker--color;\n\t\t\t\t\tfont: $font--medium #{$colorpicker--input-font-size}/#{$colorpicker--input-line-height} $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.wp-picker-holder {\n\n\t\t\t\t.iris-picker {\n\t\t\t\t\twidth: auto !important;\n\t\t\t\t\theight: auto !important;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tmargin: 10px 0 0;\n\t\t\t\t\tpadding: 0 !important;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t.iris-picker-inner {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tposition: unset;\n\n\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.iris-palette-container {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\tbottom: 0;\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\twidth: $colorpicker--iris-square-size;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.iris-square,\n\t\t\t\t\t.iris-slider,\n\t\t\t\t\t.iris-palette {\n\t\t\t\t\t\tfloat: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Rainbow\n\t\t\t\t\t// A square full of colors for user to pick.\n\t\t\t\t\t.iris-square {\n\t\t\t\t\t\twidth: auto !important;\n\t\t\t\t\t\theight: auto !important;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: #{$colorpicker--iris-slider-size - $colorpicker--iris-square-size};\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&-inner {\n\t\t\t\t\t\t\tbox-shadow: none;\n\n\t\t\t\t\t\t\t&.iris-square-horiz {\n\t\t\t\t\t\t\t\tposition: unset;\n\t\t\t\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\twidth: $colorpicker--iris-square-size-sm;\n\t\t\t\t\t\t\t\t\theight: $colorpicker--iris-square-size-sm;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\twidth: $colorpicker--iris-square-size;\n\t\t\t\t\t\t\t\t\theight: $colorpicker--iris-square-size;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Slider\n\t\t\t\t\t// Vertical rectangles that allow user to adjust\n\t\t\t\t\t// color opacity.\n\t\t\t\t\t.iris-slider {\n\t\t\t\t\t\twidth: $colorpicker--iris-palette-size !important;\n\t\t\t\t\t\tmargin-left: 10px !important;\n\t\t\t\t\t\tborder-radius: math.div($border-radius, 2);\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\theight: $colorpicker--iris-square-size-sm !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\theight: $colorpicker--iris-slider-size !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Slider offset\n\t\t\t\t\t.iris-slider-offset {\n\t\t\t\t\t\ttop: $colorpicker--iris-slider-handle-size;\n\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Slider handle\n\t\t\t\t\t// A visual element that allow user to find the\n\t\t\t\t\t// desired opacity or tone for the color.\n\t\t\t\t\t.ui-slider-handle {\n\t\t\t\t\t\theight: $colorpicker--iris-slider-handle-size;\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tright: -#{$colorpicker--iris-slider-handle-border-width};\n\t\t\t\t\t\tleft: -#{$colorpicker--iris-slider-handle-border-width};\n\t\t\t\t\t\tborder-width: $colorpicker--iris-slider-handle-border-width;\n\t\t\t\t\t\tborder-color: $colorpicker--iris-slider-handle-border-color;\n\t\t\t\t\t\tborder-radius: #{$colorpicker--iris-slider-handle-border-width * 2};\n\t\t\t\t\t\tbox-shadow: 0 1px 3px 1px rgba(0,0,0,0.3);\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcontent: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Palette\n\t\t\t\t\t// Predefined colors for user to quick-select.\n\t\t\t\t\t.iris-palette {\n\t\t\t\t\t\twidth: auto !important;\n\t\t\t\t\t\tmin-width: $colorpicker--iris-palette-size;\n\t\t\t\t\t\tmax-width: $colorpicker--iris-palette-size;\n\t\t\t\t\t\theight: $colorpicker--iris-palette-size !important;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tflex: 0 0 $colorpicker--iris-palette-size;\n\t\t\t\t\t\tborder: 1px solid $colorpicker--iris-palette-border-color;\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: 0 !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:nth-child(n+8) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\tmargin-left: 0 !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-left: math.div(($colorpicker--iris-square-size - ($colorpicker--iris-palette-size * 7)), 6) !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-left: math.div(($colorpicker--iris-square-size - ($colorpicker--iris-palette-size * 7)), 6) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Rainbow value\n\t\t\t\t\t// A hidden element that gets the correct value\n\t\t\t\t\t// from the rainbow.\n\t\t\t\t\t.iris-square-value {\n\t\t\t\t\t\twidth: $colorpicker--iris-square-value-size;\n\t\t\t\t\t\theight: $colorpicker--iris-square-value-size;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Rainbow donut\n\t\t\t\t\t// A visual element that allow user to find the\n\t\t\t\t\t// desired color from rainbow.\n\t\t\t\t\t.iris-square-handle {\n\t\t\t\t\t\twidth: $colorpicker--iris-square-handle-size;\n\t\t\t\t\t\theight: $colorpicker--iris-square-handle-size;\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\ttop: -#{math.div($colorpicker--iris-square-handle-size - $colorpicker--iris-square-value-size, 2)};\n\t\t\t\t\t\tleft: -#{math.div($colorpicker--iris-square-handle-size - $colorpicker--iris-square-value-size, 2)};\n\t\t\t\t\t\tborder-width: $colorpicker--iris-square-handle-border-width;\n\t\t\t\t\t\tborder-color: $colorpicker--iris-square-handle-border-color;\n\t\t\t\t\t\tborder-radius: 100%;\n\t\t\t\t\t\tbox-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);\n\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tcontent: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATUS: Iris open\n\t\t\t&.wp-picker-active {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tflex-direction: column;\n\n\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\twidth: 262px;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t// Tabs\n\t.sui-tabs:not(.sui-side-tabs) {\n\n\t\t> [data-tabs],\n\t\t> .sui-tabs-menu {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder-top: 1px solid $tabs-content-border-color;\n\t\t\tlist-style: none;\n\n\t\t\t> *,\n\t\t\t.sui-tab-item {\n\t\t\t\tcursor: pointer;\n\t\t\t\tmargin: 0 10px;\n\t\t\t\tpadding: 14px 0 12px;\n\t\t\t\tborder: 0; // Make sure borders are disabled when using \"button\" element for tabs.\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:visited {\n\t\t\t\t\toutline: none; // Make sure outline blur is disabled when using \"button\" element for tabs.\n\t\t\t\t\tborder-bottom: 2px solid transparent;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:visited {\n\t\t\t\t\tcolor: $tabs-label-color;\n\t\t\t\t}\n\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tcolor: $tabs-label-active-border-color;\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tcolor: $tabs-label-active-border-color;\n\t\t\t\t\tborder-bottom-color: $tabs-label-active-color;\n\t\t\t\t}\n\n\t\t\t\t@media (forced-colors: active) {\n\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t}\n\t\t\n\t\t\t\t@media (forced-colors: active) and (prefers-color-scheme: dark), (-ms-high-contrast: white-on-black) {\n\t\t\t\t\tcolor: $cloud !important;\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tcolor: map-get($button-background, orange) !important;\n\t\t\t\t\t\tborder-bottom: 2px solid map-get($button-background, orange) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t> [data-panes],\n\t\t> .sui-tabs-content {\n\n\t\t\t> *,\n\t\t\t> .sui-tab-content {\n\t\t\t\tdisplay: none;\n\t\t\t\tmargin-top: -1px;\n\t\t\t\tpadding: $sui-gutter-md 0 0;\n\t\t\t\tborder-top: 1px solid #E6E6E6;\n\n\t\t\t\t&.active {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: $sui-gutter 0 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Flushed tabs\n\t\t&.sui-tabs-flushed {\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\tborder-top-width: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Overflowed tabs\n\t\t&.sui-tabs-overflow {\n\t\t\tposition: relative;\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\toverflow: auto;\n\t\t\t\tscrollbar-width: none;\n\t\t\t\tscrollbar-height: none;\n\n\t\t\t\t&::-webkit-scrollbar {\n\t\t\t\t\twidth: 0;\n\t\t\t\t\theight: 0;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t}\n\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Navigation for overflow.\n\t\t\t.sui-tabs-navigation {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\theight: 50px;\n\t\t\t\talign-items: center;\n\t\t\t\ttop: 1px;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 1;\n\n\t\t\t\t&--left,\n\t\t\t\t&--right {\n\t\t\t\t\tbackground: rgba(255, 255, 255, 0.8);\n\t\t\t\t\tpointer-events: all;\n\t\t\t\t\ttransition: all .2s;\n\t\t\t\t}\n\t\t\t\t&--hidden {\n\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(.sui-tabs-flushed) {\n\t\t\t\tborder: 1px solid $tabs-content-border-color;\n\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t> [data-tabs],\n\t\t\t\t> .sui-tabs-menu {\n\t\t\t\t\tmargin-right: $sui-gutter-md;\n\t\t\t\t\tmargin-left: $sui-gutter-md;\n\t\t\t\t\tborder-top-width: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-right: $sui-gutter;\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-panes],\n\t\t\t\t> .sui-tabs-content {\n\n\t\t\t\t\t> *,\n\t\t\t\t\t> .sui-tab-content {\n\t\t\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\t\t\tpadding-bottom: $sui-gutter-md;\n\t\t\t\t\t\tpadding-left: $sui-gutter-md;\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\t\t\tpadding-bottom: $sui-gutter;\n\t\t\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Side Tabs\n\t.sui-side-tabs {\n\t\tmargin: 0 0 $sui-gutter-md;\n\n\t\t> [data-tabs],\n\t\t> .sui-tabs-menu {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\n\t\t\t> *,\n\t\t\t.sui-tab-item {\n\t\t\t\tcursor: pointer;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 1px 0 0;\n\t\t\t\tpadding: 9px 20px;\n\t\t\t\tborder: 0; // Make sure borders are disabled when using \"button\" element for tabs.\n\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\ttext-decoration: none;\n\t\t\t\t> *:not(input) {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:visited {\n\t\t\t\t\toutline: none; // Make sure outline blur is disabled when using \"button\" element for tabs.\n\t\t\t\t\tbackground-color: $side-tabs--label-background;\n\t\t\t\t\tcolor: $side-tabs--label-color;\n\t\t\t\t}\n\n\t\t\t\tinput {\n\t\t\t\t\t@extend %sui-screen-reader-text;\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: $side-tabs--label-active-background;\n\t\t\t\t\tcolor: $side-tabs--label-active-color;\n\t\t\t\t}\n\n\t\t\t\t@media (forced-colors: active) {\n\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t}\n\t\t\n\t\t\t\t@media (forced-colors: active) and (prefers-color-scheme: dark), (-ms-high-contrast: white-on-black) {\n\t\t\t\t\tbackground-color: $grey !important;\n\t\t\t\t\tcolor: $cloud !important;\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tbackground-color: $nightrider !important;\n\t\t\t\t\t\tcolor: map-get($button-background, orange) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t> [data-panes],\n\t\t> .sui-tabs-content {\n\n\t\t\t> *,\n\t\t\t> .sui-tab-content {\n\t\t\t\tdisplay: none;\n\t\t\t\tmargin: 10px 0 0;\n\n\t\t\t\t&.sui-tab-boxed {\n\t\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t\t\tborder: 1px solid #E6E6E6;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Large\n\t\t\t// This class will increase the space\n\t\t\t// between data-tabs and data-panes.\n\t\t\t&.sui-tabs-content-lg {\n\n\t\t\t\t> *,\n\t\t\t\t> .sui-tab-content {\n\t\t\t\t\tmargin-top: 30px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n    \n\t\t// Removing unnecessary padding and border\n\t\tfieldset.sui-form-field{\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: 0 0 $sui-gutter;\n\t\t}\n\t}\n\n\t// Flushed tabs inside box\n\t.sui-box-body {\n\n\t\t> .sui-tabs-flushed {\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\tmargin: 0 $sui-gutter-md;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0 $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> [data-panes],\n\t\t\t> .sui-tabs-content {\n\n\t\t\t\t> *,\n\t\t\t\t> .sui-tab-content {\n\t\t\t\t\tpadding: $sui-gutter-md;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter-md} !important;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter} !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\tposition: relative;\n\n\t.sui-row-with-sidenav {\n\t\twidth: 100%;\n\t\tdisplay: table;\n\t\ttable-layout: fixed;\n\t\tclear: both;\n\t\tmargin-bottom: 30px;\n\n\t\t.sui-sidenav {\n\t\t\tvertical-align: top;\n\n\t\t\t.sui-vertical-tabs {\n\t\t\t\tmargin: 15px 0 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tlist-style: none;\n\n\t\t\t\t.sui-vertical-tab {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tmargin: 0 0 6px;\n\t\t\t\t\tpadding: 5px 15px;\n\t\t\t\t\tline-height: 1.5em;\n\t\t\t\t\tlist-style: none;\n\n\t\t\t\t\t&.current {\n\t\t\t\t\t\tbackground-color: $sidenav-tab-active-bg-color;\n\t\t\t\t\t\tborder-radius: 20px;\n\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tcolor: $sidenav-tab-active-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag,\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\ttop: 2px;\n\t\t\t\t\t\tright: 3px;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\ttop: 6px;\n\t\t\t\t\t\tright: 7px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ta {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: $sidenav-tab-color;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tcolor: $sidenav-tab-color-hover;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-alt-design {\n\n\t\t\t\t\t.sui-vertical-tab {\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\tline-height: auto;\n\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tpadding: 5px 15px;\n\t\t\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\t\t\tbackground-color: transparent;\n\n\t\t\t\t\t\t\t&.current {\n\t\t\t\t\t\t\t\tbackground-color: $sidenav-tab-active-bg-color;\n\t\t\t\t\t\t\t\tcolor: $sidenav-tab-active-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, lg) {\n\t\t\t\t\tmargin-bottom: 15px;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-with-floating-input {\n\n\t\t\t\t@include media(max-width, lg) {\n\t\t\t\t\tleft: 0 !important;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\twidth: 240px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: #{$sidenav-width + 10px};\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-sidenav-settings {\n\n\t\t\t\t.sui-form-field {\n\t\t\t\t\tmargin: 0 0 10px;\n\n\t\t\t\t\tselect.sui-select + .sui-select {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, lg) {\n\t\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tpadding-left: 15px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// FIX:\n\t\t\t// Hide elements on large screens (only)\n\t\t\t.sui-sidenav-hide-md {\n\n\t\t\t\t@include media(max-width, lg) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// FIX:\n\t\t\t// Show elements on large screens (only)\n\t\t\t.sui-sidenav-hide-lg {\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, lg) {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t@include media(min-width, lg) {\n\t\t\t\twidth: $sidenav-width;\n\t\t\t\tdisplay: table-cell;\n\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t.sui-sidenav-sticky {\n\n\t\t\t@include media(min-width, lg) {\n\t\t\t\tposition: sticky !important;\n\t\t\t\ttop: #{32px + 15px};\n\t\t\t\tz-index: 11;\n\t\t\t}\n\t\t}\n\n\t\t> div:not(.sui-sidenav) {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t\tvertical-align: top;\n\t\t\tmargin-bottom: 0; // FIX: To prevent double margins at bottom\n\t\t}\n\n\t\t@media (max-width: 1100px) {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n// $sui-wrap: true | $rtl: true\n@include body-class(true, true) {\n\n\t.sui-row-with-sidenav {\n\n\t\t.sui-sidenav {\n\n\t\t\t.sui-vertical-tabs {\n\n\t\t\t\t.sui-vertical-tab {\n\n\t\t\t\t\t.sui-tag,\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tright: auto;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tleft: 7px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-with-floating-input {\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tright: #{$sidenav-width + 10px};\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, lg) {\n\t\t\t\tpadding-right: 0;\n\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-dropdown {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\tmargin: 0 10px;\n\n\t\tul {\n\t\t\tmin-width: 170px;\n\t\t\tdisplay: none;\n\t\t\tposition: absolute;\n\t\t\tz-index: 10;\n\t\t\ttop: 100%;\n\t\t\tright: -10px;\n\t\t\tleft: auto;\n\t\t\tmargin: 15px 0 0;\n\t\t\tpadding: 15px 0;\n\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $white;\n\t\t\tbox-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.07);\n\t\t\ttransition: 0.3s ease;\n\t\t\twhite-space: nowrap;\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\tcontent: \" \";\n\t\t\t\twidth: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 15px;\n\t\t\t\tborder-width: 0 8px 10px;\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-top-color: palette(gray, lighter);\n\t\t\t}\n\n\t\t\t&:before {\n\t\t\t\tz-index: 10;\n\t\t\t\ttop: -10px;\n\t\t\t\tborder-color: palette(gray, lighter) transparent;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tz-index: 11;\n\t\t\t\ttop: -8px;\n\t\t\t\tborder-color: $white transparent;\n\t\t\t}\n\n\t\t\t&, li {\n\t\t\t\tlist-style: none;\n\t\t\t}\n\n\t\t\tli {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tborder: 0;\n\n\t\t\t\ta, button, > span {\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0 15px;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ta, button {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tfont: 500 13px/30px $font;\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:visited {\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbackground-color: rgba(51, 51, 51, 0.05);\n\t\t\t\t\t\tcolor: $ironmike;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-option-red {\n\n\t\t\t\t\t\t&,\n\t\t\t\t\t\t&:focus,\n\t\t\t\t\t\t&:visited {\n\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\tcolor: palette(red, default);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\tbackground-color: palette(red, light);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\twidth: 24px;\n\t\t\t\t\tmargin-right: 4px;\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\ttransition: 0.3s ease;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active,\n\t\t\t\t&.current {\n\n\t\t\t\t\ta, button {\n\t\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-dropdown-label {\n\t\t\t\t\tborder-bottom: 1px solid $dropdown-label-border-color;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t\tcursor: default;\n\t\t\t\t\tcolor: $gray;\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// In some cases, there are buttons that are wrapped inside a form\n\t\t\t\t// to execute special actions.\n\t\t\t\tform {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\n\t\t// POSITION: Right\n\t\t&.sui-dropdown-right {\n\n\t\t\tul {\n\t\t\t\tright: unset;\n\t\t\t\tleft: -10px;\n\n\t\t\t\t&:before,\n\t\t\t\t&:after {\n\t\t\t\t\tright: unset;\n\t\t\t\t\tleft: 15px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Center\n\t\t&.sui-dropdown-center {\n\n\t\t\tul {\n\t\t\t\tright: unset;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\n\t\t\t\t&:before,\n\t\t\t\t&:after {\n\t\t\t\t\tright: unset;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Extra fixes\n\t\t&.wds-item-loading {\n\t\t\tfont-size: 18px;\n\n\t\t\t.sui-dropdown-anchor {\n\t\t\t\tvisibility: hidden;\n\t\t\t}\n\t\t}\n\n\t\t// When menu is open\n\t\t&.open {\n\n\t\t\t.sui-dropdown-anchor {\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active,\n\t\t\t\t&:visited {\n\t\t\t\t\tbackground-color: $silver;\n\t\t\t\t\tcolor: palette( gray, dark );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tul {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n// Calculate length of stroke in svg circle.\n$score-circle-radius: 42; // r attribute on the score svg circle\n$score-circle-circumference: 2 * pi() * $score-circle-radius;\n\n// Generate animation keyframes for score circles.\n@for $i from 1 through 100 {\n\t$dash-length: math.div($score-circle-circumference, 100) * $i;\n\t$gap-length: $dash-length * 100 - $i;\n\n\t@keyframes sui#{$i} {\n\t\tto {\n\t\t\tstroke-dasharray: $dash-length $gap-length;\n\t\t}\n\t}\n}\n\n@include body-class(true) {\n\n\t.sui-circle-score {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\theight: $circle-score-sm;\n\t\twidth: auto;\n\t\topacity: 0;\n\t\ttransition: all .4s;\n\n\t\tsvg {\n\t\t\theight: 100%;\n\t\t\ttransform: rotate(-90deg);\n\t\t\ttransform-origin: center;\n\n\t\t\tcircle {\n\t\t\t\tfill: none;\n\t\t\t\tstroke-linecap: butt;\n\n\t\t\t\t// Background.\n\t\t\t\t&:first-child {\n\t\t\t\t\tstroke: $circle-score-bg-color;\n\t\t\t\t}\n\n\t\t\t\t// Dial.\n\t\t\t\t&:last-child {\n\t\t\t\t\tstroke: $circle-score-default-dial-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.loaded {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t.sui-circle-score-label {\n\t\tmargin-left: $circle-score-label-spacing;\n\t\tfont-weight: 500;\n\t}\n\n\t.sui-circle-score-sm {\n\t\theight: $circle-score-sm;\n\t}\n\n\t.sui-circle-score-lg {\n\t\theight: $circle-score-lg;\n\n\t\t.sui-circle-score-label {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.sui-grade-success,\n\t.sui-grade-aplus,\n\t.sui-grade-a,\n\t.sui-grade-b {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $circle-score-success-color;\n\t\t}\n\t}\n\n\t.sui-grade-warning,\n\t.sui-grade-c,\n\t.sui-grade-d {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $circle-score-warning-color;\n\t\t}\n\t}\n\n\t.sui-grade-error,\n\t.sui-grade-e,\n\t.sui-grade-f {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $circle-score-error-color;\n\t\t}\n\t}\n\n\t.sui-grade-dismissed,\n\t.sui-grade-disabled {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $circle-score-disabled-color;\n\t\t}\n\t}\n\n\t.sui-grade-default {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $gray;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-footer {\n\t\tmargin-top: #{$sui-gutter-md * 2};\n\t\tcolor: $footer-color;\n\t\tfont: $font--medium 12px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-align: center;\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\tmargin: 0 3px;\n\t\t\tfont-size: 11px;\n\n\t\t\t&:before {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $footer-color;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-top: #{$sui-gutter * 2};\n\t\t}\n\t}\n\n\t.sui-footer-nav,\n\t.sui-footer-social {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin: $sui-gutter-md 0 0;\n\t\ttext-align: center;\n\n\t\t&, li {\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin: 0;\n\t\t\tcolor: $footer-color;\n\t\t\tfont: 400 12px/16px $font;\n\n\t\t\ta {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $footer-color;\n\t\t\t\tfont-weight: 400;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\twidth: 30px;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tcolor: $footer-color-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-top: $sui-gutter;\n\t\t}\n\t}\n\n\t.sui-footer-nav {\n\n\t\tli:not(:last-child) {\n\n\t\t\t&:after {\n\t\t\t\tcontent: \"/\";\n\t\t\t\tmargin-right: 6px;\n\t\t\t\tmargin-left: 6px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-footer-social {\n\n\t\tli {\n\t\t\tmargin: 0 5px;\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t#sui-cross-sell-footer {\n\n\t\t> div {\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t\tborder-bottom: 1px solid $footer-cross-sell-border-color;\n\t\t\tline-height: 0.1em;\n\t\t\tmargin: 10px 0 40px;\n\t\t\t> span {\n\t\t\t\tposition: relative;\n\t\t\t\tcolor: $footer-cross-sell-icon-color;\n\t\t\t\tbackground-color: #f1f1f1;\n\t\t\t\tpadding: 0 30px;\n\t\t\t\tfont-size: 16px;\n\t\t\t\ttop: 8px;\n\t\t\t}\n\t\t}\n\n\t\th3 {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: 30px;\n\t\t\ttext-transform: none;\n\t\t}\n\t}\n\n\t.sui-cross-sell-modules {\n\t\tmargin-top: 30px;\n\n\t\t.sui-col-md-4 {\n\n\t\t\t@media (min-width: 600px) and (max-width: 783px) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t[class*=\"sui-cross-\"] {\n\t\t\tmin-height: 150px;\n\t\t\tborder-radius: $border-radius $border-radius 0 0;\n\t\t\tbackground-size: cover;\n\t\t\tbackground-position: center;\n\t\t\tposition: relative;\n\n\t\t\t> span {\n\t\t\t\twidth: 56px;\n\t\t\t\theight: 56px;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translate(-50%, -50%);\n\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\ttop: 45px;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (min-width: 600px) and (max-width: 783px) {\n\t\t\t\twidth: 180px;\n\t\t\t\tflex: none;\n\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\n\t\t\t}\n\n\t\t\t@media (max-width: 600px) {\n\t\t\t\theight: 80px;\n\t\t\t\tmin-height: auto;\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-1) {\n\n\t\t\t@if $cross-sell-1 != '' {\n\n\t\t\t\t.sui-cross-1 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-1}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-1}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-2) {\n\n\t\t\t@if $cross-sell-2 != '' {\n\n\t\t\t\t.sui-cross-2 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-2}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-2}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-3) {\n\n\t\t\t@if $cross-sell-3 != '' {\n\n\t\t\t\t.sui-cross-3 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-3}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-3}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-box {\n\t\t\tmargin-bottom: 0;\n\n\t\t\th3 {\n\t\t\t\tmargin-top: 0;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tline-height: 30px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\ttext-transform: none;\n\n\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tmin-height: auto;\n\t\t\t\t}\n\n\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\tmin-height: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-box-body {\n\t\t\t\tpadding: 30px;\n\t\t\t\tborder-radius: 0 0 $border-radius $border-radius;\n\t\t\t\ttext-align: center;\n\n\t\t\t\tp {\n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t\t\tcolor: $footer-cross-sell-p-color;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 22px;\n\n\t\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\t\tmargin-bottom: 14px;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\t\tmargin-bottom: 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\tpadding: 26px 20px 20px 20px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-cross-sell-bottom {\n\t\ttext-align: center;\n\t\tmargin-top: 50px;\n\n\t\th3 {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: 30px;\n\t\t\ttext-transform: none;\n\t\t}\n\n\t\tp {\n\t\t\tmax-width: 500px;\n\t\t\tmargin: 20px auto 30px;\n\t\t}\n\t\t.sui-button {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\theight: auto;\n\t\t\tmax-width: 100%;\n\t\t\tmargin: 30px auto 0;\n\t\t}\n\t}\n}\n\n// Remove WordPress footer\n@include body-class() {\n\n\t#wpfooter {\n\t\tdisplay: none;\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-progress {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-progress-icon {\n\t\t\twidth: 26px;\n\t\t\ttext-align: center;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 16px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t+ .sui-progress-text {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t+ .sui-progress-bar {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\t\t}\n\n\t\t.sui-progress-text {\n\t\t\tmin-width: 40px;\n\t\t\tflex: 0 0 auto;\n\t\t\tcolor: $progress-text--color;\n\t\t\tfont: bold 12px/20px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-align: center;\n\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t+ .sui-progress-bar {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\t\t}\n\n\t\t.sui-progress-bar {\n\t\t\theight: $progress-bar--size;\n\t\t\toverflow: hidden;\n\t\t\tflex: 1;\n\t\t\tborder-radius: div($progress-bar--size, 2);\n\t\t\tbackground-color: $progress-bar--background;\n\n\t\t\tspan {\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground-color: $progress-bar--loading-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-progress-block {\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tmin-height: $progress-block--size;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: math.div(($progress-block--size - 32px), 2) 14px;\n\t\tborder: 1px solid $progress-block--border-color;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $progress-block--background;\n\n\t\t.sui-progress {\n\t\t\tflex: 1;\n\n\t\t\t+ .sui-button,\n\t\t\t+ .sui-button-icon {\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t.sui-button,\n\t\t.sui-button-icon {\n\t\t\tflex: 0 0 auto;\n\t\t}\n\n\t\t.sui-button-icon,\n\t\ta.sui-button-icon,\n\t\tbutton.sui-button-icon {\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\t\t}\n\n\t\t+ .sui-progress-state {\n\t\t\tmargin-top: 10px;\n\t\t}\n\t}\n\n\t.sui-progress-state {\n\t\tdisplay: block;\n\t\tcolor: $progress-status--color;\n\t\tfont: 400 13px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-align: center;\n\n\t\tspan {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-table {\n\t\twidth: 100%;\n\t\ttable-layout: fixed;\n\t\tmargin: $sui-gutter-md 0;\n\t\tborder-collapse: unset;\n\t\tborder-spacing: unset;\n\t\tborder: 1px solid $table--border-color;\n\t\tborder-radius: $border-radius;\n\t\tcolor: $table--text-color;\n\t\tfont-size: $table--text-font-size;\n\t\tline-height: $table--text-line-height;\n\t\tletter-spacing: $font--letter-spacing;\n\n\t\tthead, tbody, tfoot {\n\n\t\t\t> tr > {\n\n\t\t\t\tth,\n\t\t\t\t.sui-table-item-title,\n\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\tth, td {\n\t\t\t\t\theight: 40px;\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\tpadding: 5px #{math.div($sui-gutter-md, 2) - $table--border-width};\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-bottom: $table--border-width $table--border-style $table--border-color;\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tpadding-left: #{$sui-gutter-md - $table--border-width};\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-left: #{$sui-gutter - $table--border-width};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tpadding-right: #{$sui-gutter-md - $table--border-width};\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-right: #{$sui-gutter - $table--border-width};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\theight: 60px;\n\t\t\t\t\t\tpadding-right: #{math.div($sui-gutter, 2) - $table--border-width};\n\t\t\t\t\t\tpadding-left: #{math.div($sui-gutter, 2) - $table--border-width};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child > tr:last-child > {\n\n\t\t\t\tth, td {\n\t\t\t\t\tborder-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthead {\n\n\t\t\ttr th {\n\t\t\t\tfont-weight: bold;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\ttbody {\n\n\t\t\ttr th,\n\t\t\ttr td {\n\n\t\t\t\t.sui-toggle {\n\t\t\t\t\tvertical-align: text-top;\n\t\t\t\t}\n\n\t\t\t\t> [class*=\"sui-icon-\"] {\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\tfont-size: 10px;\n\n\t\t\t\t\t&.sui-icon-right {\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttr th,\n\t\t\ttr .sui-table-item-title,\n\t\t\ttr .sui-accordion-item-title {\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\n\t\t\ttr .sui-table-item-title,\n\t\t\ttr .sui-accordion-item-title {\n\n\t\t\t\t> [class*=\"sui-icon-\"] {\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tvertical-align: middle;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tline-height: 22px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-icon-right {\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttr.sui-error,\n\t\t\ttr.sui-warning,\n\t\t\ttr.sui-success {\n\n\t\t\t\tth,\n\t\t\t\t.sui-table-item-title,\n\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t}\n\n\t\t\t\ttd {\n\t\t\t\t\tcolor: $table--text-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttr.sui-default {\n\t\t\t\tbox-shadow: inset 3px 0 0 $gray;\n\t\t\t}\n\n\n\t\t\ttr.sui-error {\n\t\t\t\tbox-shadow: inset 3px 0 0 $error;\n\t\t\t}\n\n\t\t\ttr.sui-warning {\n\t\t\t\tbox-shadow: inset 3px 0 0 $warning;\n\t\t\t}\n\n\t\t\ttr.sui-success {\n\t\t\t\tbox-shadow: inset 3px 0 0 $success;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child,\n\t\t&.sui-table-with-title {\n\t\t\tmargin-top: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Flushed table\n\t\t&.sui-table-flushed {\n\t\t\tmargin: 0;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 0;\n\t\t\tborder-collapse: collapse;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: $sui-gutter 0;\n\t\t}\n\t}\n\n\t.sui-table-title {\n\t\tmargin: 5px 0;\n\t\tcolor: $table--title-color;\n\t\tfont: bold 13px/22px $font;\n\t\tletter-spacing: 0;\n\t}\n\n\t// Flushed table\n\t// Remove top padding from thead when table is placed after .sui-box-body\n\t.sui-box-body + .sui-table.sui-table-flushed {\n\n\t\t> thead,\n\t\t> tbody,\n\t\t> tfoot {\n\n\t\t\t&:first-child > tr:first-child > {\n\n\t\t\t\tth, td {\n\t\t\t\t\theight: auto;\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Field list\n\t// An alternative table based on flex-box\n\t.sui-field-list {\n\t\tborder: $table--border-width $table--border-style $table--border-color;\n\t\tborder-radius: $border-radius;\n\n\t\t&-header {\n\t\t\tpadding: 20px 30px;\n\t\t}\n\n\t\t&-item {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tpadding: 15px 30px;\n\t\t\tborder-top: $table--border-width $table--border-style $table--border-color;\n\t\t}\n\n\t\t&-item-label {\n\t\t\tmargin-right: auto;\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t&-title {\n\t\t\tmargin: 0;\n\t\t\tcolor: $table--field-list-title-color;\n\t\t\tfont-size: $table--text-font-size;\n\t\t\tline-height: 30px;\n\t\t\tfont-family: $font;\n\t\t\tfont-weight: 500;\n\t\t\ttext-transform: capitalize;\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-accordion {\n\n\t\t.sui-accordion-item-body,\n\t\t.sui-accordion-item-content {\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\n\t\t\t.sui-accordion-body-header {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: 22px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tmargin: 5px 0;\n\t\t\t}\n\n\t\t\t.sui-box {\n\t\t\t\t&:focus,\n\t\t\t\t&:focus-within {\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\tborder: none;\n\t\t\t\t\tbox-shadow: inset 0 0 0 2px palette(blue, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Accordion Grid\n\t\t&, &-block {\n\n\t\t\t&:not(.sui-builder-fields) {\n\n\t\t\t\t.sui-accordion-header,\n\t\t\t\t.sui-accordion-item-header,\n\t\t\t\t.sui-accordion-footer {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tfont-size: $table--text-font-size;\n\t\t\t\t\tline-height: $table--text-line-height;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t> div {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\tpadding: 0 #{math.div($sui-gutter-md, 2) - 1px};\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tpadding-left: #{$sui-gutter-md - 1px};\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: #{$sui-gutter - 1px};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tpadding-right: #{$sui-gutter-md - 1px};\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: #{$sui-gutter - 1px};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-right: #{math.div($sui-gutter, 2) - 1px};\n\t\t\t\t\t\t\tpadding-left: #{math.div($sui-gutter, 2) - 1px};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t> [class^=\"sui-accordion-col-\"] {\n\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t// GRID\n\t\t\t\t\t// To guarantee accordion columns agree on size we can apply\n\t\t\t\t\t// below column classes based on a 12-columns grid.\n\t\t\t\t\t@for $i from 1 through $accordion--grid {\n\n\t\t\t\t\t\t.sui-accordion-col-#{$i} {\n\t\t\t\t\t\t\tmin-width: math.div((100% * $i), $accordion--grid);\n\t\t\t\t\t\t\tflex-basis: math.div((100% * $i), $accordion--grid);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\ttransition: 0.2s linear;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is open\n\t\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t\t> .sui-accordion-item-header {\n\n\t\t\t\t\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Table (Flexbox)\n\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\t\t\tmargin: $sui-gutter-md 0;\n\t\t\tborder: 1px solid $table--border-color;\n\t\t\tborder-radius: $border-radius;\n\n\t\t\t.sui-accordion-header,\n\t\t\t.sui-accordion-item-header,\n\t\t\t.sui-accordion-footer {\n\t\t\t\tmin-height: 40px;\n\t\t\t\tpadding: 5px 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmin-height: 60px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-accordion-header {\n\t\t\t\tborder-bottom: 1px solid $table--border-color;\n\n\t\t\t\t> div {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom-width: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-accordion-item {\n\t\t\t\tborder-bottom: 1px solid $table--border-color;\n\n\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\tcolor: $table--text-color;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t> div span {\n\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-icon-right {\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\t\tfont-weight: 500;\n\n\t\t\t\t\t\t.sui-toggle {\n\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\talign-items: flex-start;\n\n\t\t\t\t\t\t\t+ span {\n\t\t\t\t\t\t\t\tmargin-left: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-open-indicator {\n\t\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: auto;\n\n\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag {\n\n\t\t\t\t\t\t+ .sui-accordion-open-indicator {\n\t\t\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-left: 20px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\tpadding: 0 #{$sui-gutter-md - 1px} #{$sui-gutter-md - 1px};\n\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\n\t\t\t\t\t.sui-box:last-child {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: 0 #{$sui-gutter - 1px} #{$sui-gutter - 1px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tborder-top-left-radius: #{$border-radius - 1px};\n\t\t\t\t\t\tborder-top-right-radius: #{$border-radius - 1px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom: 0;\n\n\t\t\t\t\t.sui-accordion-item-header,\n\t\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\t\tborder-bottom-right-radius: #{$border-radius - 1px};\n\t\t\t\t\t\tborder-bottom-left-radius: #{$border-radius - 1px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Default\n\t\t\t\t&.sui-default {\n\n\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 $gray;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Error\n\t\t\t\t&.sui-error {\n\n\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 $error;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Warning\n\t\t\t\t&.sui-warning {\n\n\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 $warning;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Success\n\t\t\t\t&.sui-success {\n\n\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 $success;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// When item is open\n\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t> .sui-accordion-item-header {\n\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// When item is disabled\n\t\t\t\t&.sui-accordion-item--disabled {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcursor: default;\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\n\t\t\t\t\t\t&, .sui-accordion-item-title {\n\t\t\t\t\t\t\tcolor: $accordion--disabled-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&, .sui-accordion-open-indicator {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-toggle {\n\t\t\t\t\t\t\tpointer-events: initial;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-circle-score svg circle:last-child {\n\t\t\t\t\t\t\tstroke: $accordion--disabled-icon;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\t\t\tcolor: $accordion--disabled-icon;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-error,\n\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t&.sui-success {\n\n\t\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\t\tbox-shadow: inset 3px 0 $accordion--disabled-icon;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Flushed accordion\n\t\t\t&.sui-accordion-flushed {\n\t\t\t\tmargin: 0;\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-left-width: 0;\n\t\t\t\tborder-radius: 0;\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tborder-top-width: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom-width: 0;\n\t\t\t\t}\n\n\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t.sui-accordion-item:first-child {\n\n\t\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t.sui-accordion-item:last-child {\n\n\t\t\t\t\t\t.sui-accordion-item-header,\n\t\t\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Table\n\t\t// Must use in conjunction with .sui-table on the <table> element.\n\t\t&.sui-table {\n\n\t\t\t> tbody {\n\n\t\t\t\t> .sui-accordion-item {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\ttransition: background-color 0.3s;\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\ttransition: background-color 0.3s;\n\n\t\t\t\t\t\t&.sui-table-item-title .sui-toggle .sui-toggle-slider {\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-table-item-title .sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\theight: $table--text-line-height;\n\t\t\t\t\t\t\t\tline-height: $table--text-line-height;\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tline-height: $table--text-line-height;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-open-indicator {\n\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Default\n\t\t\t\t\t&.sui-default + .sui-accordion-item-content {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $gray;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Error\n\t\t\t\t\t&.sui-error + .sui-accordion-item-content {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $error;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Warning\n\t\t\t\t\t&.sui-warning + .sui-accordion-item-content {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $warning;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Success\n\t\t\t\t\t&.sui-success + .sui-accordion-item-content {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $success;\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is open\n\t\t\t\t\t&.sui-accordion-item--open {\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\n\t\t\t\t\t\tth, td {\n\t\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-accordion-open-indicator [class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t+ .sui-accordion-item-content {\n\t\t\t\t\t\t\tdisplay: table-row;\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tvisibility: visible;\n\t\t\t\t\t\t\tz-index: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is disabled\n\t\t\t\t\t&.sui-accordion-item--disabled {\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\n\t\t\t\t\t\tth, td {\n\t\t\t\t\t\t\tcolor: $accordion--disabled-color;\n\n\t\t\t\t\t\t\t.sui-toggle {\n\t\t\t\t\t\t\t\tpointer-events: initial;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.sui-circle-score svg circle:last-child {\n\t\t\t\t\t\t\t\tstroke: $accordion--disabled-icon;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\t\t\t\tcolor: $accordion--disabled-icon;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-error,\n\t\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t\t&.sui-success {\n\t\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $accordion--disabled-icon;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t+ .sui-accordion-item-content {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> .sui-accordion-item-content {\n\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tz-index: -1;\n\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\t\t\t\t\theight: 0;\n\t\t\t\t\toverflow: hidden;\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\tpadding: 0 $sui-gutter-md $sui-gutter-md;\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding: 0 $sui-gutter $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// Assign border radius to last group of items on table.\n\t\t\t\t// Each group is defined by:\n\t\t\t\t// .sui-accordion-item and .sui-accordion-item-content\n\t\t\t\t.sui-table-item-last {\n\n\t\t\t\t\t&.sui-accordion-item,\n\t\t\t\t\t&.sui-accordion-item-content {\n\t\t\t\t\t\tborder-radius: 0 0 $border-radius $border-radius;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-accordion-item {\n\n\t\t\t\t\t\t&.sui-accordion-item--open {\n\t\t\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// Assign border radius to first row if thead doesn't exist.\n\t\t\t\t.sui-table-item-first {\n\t\t\t\t\tborder-radius: $border-radius $border-radius 0 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Blocks (Flexbox)\n\t\t&-block {\n\n\t\t\t.sui-accordion-item {\n\t\t\t\tmargin: 0 0 $sui-gutter-md;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: $accordion--block-background;\n\t\t\t\tbox-shadow: 0 2px 0 0 $accordion--block-shadow;\n\n\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\tmin-height: 60px;\n\t\t\t\t\tpadding: 15px 0;\n\t\t\t\t\tcolor: $accordion--block-color;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\tstrong {\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\tfont-family: $font;\n\t\t\t\t\t\tfont-weight: bold;\n\n\t\t\t\t\t\t.sui-tag {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tbottom: #{math.div($sui-gutter-md, 2) + 7px};\n\t\t\t\t\t\t\t\tleft: #{math.div($sui-gutter-md, 2) - 1px};\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-trim-title {\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.sui-trim-text {\n\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-mobile-visible {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-desktop-visible {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-date {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-button,\n\t\t\t\t\t.sui-dropdown,\n\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\tmargin: 0 5px;\n\n\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t\t&.sui-tag-right {\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-col-auto {\n\n\t\t\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tflex: 0 0 100%;\n\t\t\t\t\t\t\tjustify-content: flex-end;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmin-height: 90px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\tpadding: 0 $sui-gutter-md $sui-gutter-md;\n\n\t\t\t\t\t.sui-accordion-item-data {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\tmargin: 0 -5px;\n\t\t\t\t\t\tpadding: 0;\n\n\t\t\t\t\t\t&, li {\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tlist-style: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\tline-height: 22px;\n\t\t\t\t\t\t\tfont-family: $font;\n\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\t\t\ttransition: 0.3s ease;\n\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\tstrong, span {\n\t\t\t\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-right: 20px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tstrong {\n\t\t\t\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&[data-col=\"large\"] {\n\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\tmin-width: 200px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tmin-width: 50%;\n\t\t\t\t\t\t\t\tflex: 0 0 50%;\n\t\t\t\t\t\t\t\tpadding: 10px 5px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\tpadding: 0 5px;\n\t\t\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Loading data animation when accordion opens\n\t\t\t\t\t\t&.sui-onload {\n\n\t\t\t\t\t\t\tli > * {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, light);\n\t\t\t\t\t\t\t\tcolor: transparent;\n\n\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\tborder-radius: $border-radius $border-radius 0 0;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\tborder-radius: 0 0 $border-radius $border-radius;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: 0 $sui-gutter $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// When item is open\n\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t.sui-accordion-item-date {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0 0 $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX:\n\t// Improve styles of flushed accordions inside .sui-box\n\t.sui-box {\n\n\t\t.sui-box-header {\n\n\t\t\t+ .sui-accordion-flushed {\n\t\t\t\tborder-top-width: 0;\n\t\t\t}\n\t\t}\n\n\t\t.sui-box-body {\n\n\t\t\t> .sui-accordion-flushed {\n\n\t\t\t\t&:not(.sui-accordion-block) {\n\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-side-tabs .sui-tab-content {\n\n\t\t\t\t> .sui-accordion-flushed {\n\n\t\t\t\t\t&:not(.sui-accordion-block) {\n\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter-md};\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX:\n\t// Improve flushed accordions inside .sui-tabs\n\t.sui-tabs:not(.sui-side-tabs) {\n\n\t\t> [data-panes],\n\t\t> .sui-tabs-content {\n\n\t\t\t> *,\n\t\t\t> .sui-tab-content {\n\n\t\t\t\t.sui-accordion {\n\n\t\t\t\t\t&.sui-table,\n\t\t\t\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\n\t\t\t\t\t\t&.sui-accordion-flushed {\n\t\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX:\n\t// Improve flushed accordions inside .sui-side-tabs\n\t.sui-side-tabs {\n\n\t\t> .sui-tabs-content {\n\n\t\t\t> .sui-tab-content {\n\n\t\t\t\t.sui-accordion {\n\n\t\t\t\t\t&.sui-table,\n\t\t\t\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\n\t\t\t\t\t\t&.sui-accordion-flushed {\n\t\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-code-snippet-wrapper {\n\t\tposition: relative;\n\n\t\t[data-clipboard-target] {\n\t\t\tposition: absolute;\n\t\t\tright: 15px;\n\t\t\ttop: 15px;\n\t\t\tmargin: 0;\n\t\t\tmin-width: auto;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class {\n\n\t// NOTE: New modal.\n\t.sui-modal {\n\t\twidth: calc(100% - #{map-get($wordpress, adminmenu)});\n\t\theight: calc(100vh - #{map-get($wordpress, adminbar)});\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tuser-select: auto;\n\t\tdisplay: none;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tposition: fixed;\n\t\tz-index: map-get($modal, z-index);\n\t\ttop: map-get($wordpress, adminbar);\n\t\tleft: map-get($wordpress, adminmenu);\n\t\tpadding: $sui-gutter 0;\n\t\tbackground-color: $modal-overlay-bg-color;\n\n\t\t&, * {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t// ELEMENT: Overlay mask.\n\t\t.sui-modal-overlay {\n\t\t\t// width: calc(100% - #{map-get($wordpress, adminmenu)});\n\t\t\theight: calc(100vh - #{map-get($wordpress, adminbar)});\n\t\t\tposition: fixed;\n\t\t\tz-index: #{map-get($modal, z-index) - 1};\n\t\t\ttop: map-get($wordpress, adminbar);\n\t\t\tleft: map-get($wordpress, adminmenu);\n\t\t\tright: #{($scrollbar--width)};\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t+ .sui-modal-content {\n\t\t\t\tz-index: map-get($modal, z-index);\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Content. \n\t\t.sui-modal-content {\n\t\t\twidth: 100%;\n\t\t\tmin-height: 0;\n\t\t\tflex: 0 0 auto;\n\t\t\tposition: relative;\n\t\t\tmargin: auto;\n\t\t\tpadding: 0 $sui-gutter;\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: 0 $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Slide.\n\t\t.sui-modal-slide {\n\t\t\tdisplay: none;\n\n\t\t\t&.sui-active {\n\t\t\t\topacity: 0;\n\t\t\t\tdisplay: block;\n\t\t\t\tanimation-duration: 0.7s;\n\t\t\t\tanimation-fill-mode: both;\n\t\t\t\ttransform-origin: center;\n\t\t\t\ttransform-style: preserve-3d;\n\n\t\t\t\t&.sui-loaded {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeIn;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein-left {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeInLeft;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein-right {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeInRight;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\tanimation-duration: 0.001ms;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled,\n\t\t\t&[disabled] {\n\n\t\t\t\ta,\n\t\t\t\tinput,\n\t\t\t\tselect,\n\t\t\t\tbutton,\n\t\t\t\ttextarea {\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Box.\n\t\t.sui-box {\n\t\t\tbox-shadow: none;\n\n\t\t\t// ELEMENT: Icon\n\t\t\t[class*=sui-icon-] + .sui-box-title{\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Title.\n\t\t\t.sui-box-title {\n\n\t\t\t\t&.sui-lg {\n\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t}\n\n\t\t\t\t&.sui-no-ellipses {\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t}\n\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Banner.\n\t\t\t.sui-box-banner {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: auto;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0;\n\n\t\t\t\timg {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Logo.\n\t\t\t.sui-box-logo {\n\t\t\t\twidth: map-get($modal-logo, size);\n\t\t\t\theight: map-get($modal-logo, size);\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: map-get($modal-logo, frame-width) solid map-get($modal-logo, frame-color);\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: map-get($modal-logo, frame-color);\n\n\t\t\t\timg {\n\t\t\t\t\twidth: #{map-get($modal-logo, size) - (map-get($modal-logo, frame-width) * 2)};\n\t\t\t\t\theight: #{map-get($modal-logo, size) - (map-get($modal-logo, frame-width) * 2)};\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Header.\n\t\t\t.sui-box-header {\n\t\t\t\tposition: relative;\n\n\t\t\t\t// ELEMENT: Box Banner.\n\t\t\t\t.sui-box-banner {\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmax-width: none;\n\t\t\t\t\tmargin-top: -#{math.div($sui-gutter, 2)};\n\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\tmargin-bottom: #{$sui-gutter + 10px};\n\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\tborder-top-left-radius: $border-radius;\n\t\t\t\t\tborder-top-right-radius: $border-radius;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: -#{math.div($sui-gutter-md, 2)};\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\tmargin-bottom: #{$sui-gutter-md + 10px};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Box Logo.\n\t\t\t\t.sui-box-logo {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: -#{math.div(map-get($modal-logo, size), 2)};\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Floated button.\n\t\t\t\t.sui-button-float {\n\n\t\t\t\t\t// FLOAT: Right.\n\t\t\t\t\t&--right {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\t\tright: #{$sui-gutter - 10px};\n\t\t\t\t\t\tmargin: 0;\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t\tright: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// FLOAT: Left.\n\t\t\t\t\t&--left {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\t\tleft: #{$sui-gutter - 10px};\n\t\t\t\t\t\tmargin: 0;\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t\tleft: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Floated steps.\n\t\t\t\t.sui-steps-float {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\ttransform: translateX(-50%);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Flatten.\n\t\t\t\t&.sui-flatten {\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-top: -#{nth($spacing, 1)};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-bottom: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box Image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 1)};\n\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Center Inline.\n\t\t\t\t\t&-center-inline {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-box-footer.sui-flatten {\n\t\t\t\t\tpadding-top: $sui-gutter;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-box-footer:not(.sui-flatten) {\n\t\t\t\t\tmargin-top: $sui-gutter;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Body.\n\t\t\t.sui-box-body {\n\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Right.\n\t\t\t\t\t&-center-inline {\n\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-top: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-bottom: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Selectors.\n\t\t\t.sui-box-selectors {\n\t\t\t\tmargin: $sui-gutter 0;\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-top: 0;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tmargin: $sui-gutter-md 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Footer.\n\t\t\t.sui-box-footer {\n\n\t\t\t\t// VAR: Flatten.\n\t\t\t\t&.sui-flatten {\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t\tborder-top-width: 0;\n\t\t\t\t}\n\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Right.\n\t\t\t\t\t&-right {\n\t\t\t\t\t\tjustify-content: flex-end;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Separated (space between).\n\t\t\t\t\t&-separated {\n\t\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-top: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Skip modal.\n\t\t.sui-modal-skip:not(.sui-button) {\n\t\t\twidth: auto;\n\t\t\tmax-width: 100%;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tbackground-color: transparent;\n\t\t\tbackground-image: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: palette(silver, medium);\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: -0.18px;\n\t\t\ttext-align: center;\n\n\t\t\t&:focus,\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Steps.\n\t\t.sui-box-steps {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmargin: 0 -5px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\ta,\n\t\t\tspan,\n\t\t\tbutton {\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 5px;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground-color: palette(silver, soft);\n\t\t\t\twhite-space: nowrap;\n\t\t\t\ttext-overflow: clip;\n\t\t\t\tcolor: transparent;\n\n\t\t\t\t&.sui-current {\n\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t}\n\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-disabled {\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ta,\n\t\t\tbutton,\n\t\t\tspan[role=\"button\"] {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t@each $name, $size in $modal-steps {\n\n\t\t\t\t&.sui-#{$name} {\n\t\t\t\t\tpadding: math.div((30px - $size), 2) 0;\n\n\t\t\t\t\ta,\n\t\t\t\t\tspan,\n\t\t\t\t\tbutton {\n\t\t\t\t\t\twidth: $size;\n\t\t\t\t\t\theight: $size;\n\t\t\t\t\t\tborder-radius: #{$size * 2};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@each $name, $size in $modal-size {\n\n\t\t\t&.sui-modal-#{$name} {\n\n\t\t\t\t.sui-modal-content {\n\t\t\t\t\tmax-width: #{$size + ($sui-gutter * 2)};\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmax-width: #{$size + ($sui-gutter-md * 2)};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Hidden.\n\t\t&.sui-active {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\twidth: 100%;\n\t\t\tleft: 0;\n\t\t\tpadding: $sui-gutter-md 0;\n\t\t}\n\t}\n\n\t// VAR: Folded sidebar.\n\t&.wp-admin.folded {\n\n\t\t.sui-modal {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\twidth: calc(100% - #{map-get($wordpress, adminmenu-sm)});\n\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.wp-admin {\n\n\t\t&.auto-fold {\n\n\t\t\t.sui-modal {\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\twidth: calc(100% - #{map-get($wordpress, adminmenu-sm)});\n\t\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(true, true) {\n\n\t.sui-modal {\n\t\tright: map-get($wordpress, adminmenu);\n\t\tleft: auto;\n\n\t\t.sui-modal-overlay {\n\t\t\tright: map-get($wordpress, adminmenu);\n\t\t\tleft: auto;\n\t\t}\n\t}\n\n\t// VAR: Folded sidebar.\n\t&.wp-admin.folded {\n\n\t\t.sui-modal {\n\n\t\t\t.sui-modal-overlay {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\tleft: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.wp-admin {\n\n\t\t&.auto-fold {\n\n\t\t\t.sui-modal {\n\n\t\t\t\t.sui-modal-overlay {\n\n\t\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nhtml.sui-has-modal,\nhtml.sui-has-overlay {\n\toverflow: hidden;\n}\n","@include body-class(true) {\n\t.sui-listing {\n\t\tli {\n\t\t\tcolor: palette(gray, light);\n\t\t\tline-height: 26px;\n\t\t\tpadding: 2px 0 2px 34px;\n\t\t\tposition: relative;\n\n\t\t\t@include icon('before', check-tick);\n\t\t\t&:before {\n\t\t\t\tcolor: #17A8E3;\n\t\t\t\ttop: 1px;\n\t\t\t\tfont-size: 20px;\n\t\t\t\tvertical-align: middle;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\topacity: 0.8;\n\t\t\t\tspeak: none;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tfont-variant: normal;\n\t\t\t\ttext-transform: none;\n\t\t\t\tline-height: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t// ELEMENT: List of pages\n\t.sui-pagination {\n\t\toverflow: hidden;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tborder: 1px solid palette(silver, soft);\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $white;\n\n\t\t&, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli {\n\t\t\tdisplay: block;\n\t\t\tflex: 0 0 40px;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tcolor: palette(gray, light);\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-align: center;\n\n\t\t\ta {\n\t\t\t\tmin-width: 40px;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 6px 5px;\n\t\t\t\tborder: 0;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\theight: 16px;\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:visited {\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: palette(blue, light);\n\t\t\t\t\tcolor: palette(blue, default);\n\t\t\t\t}\n\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled] {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\tcolor: palette(gray, lighter);\n\n\t\t\t\t\t&.sui-active {\n\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-active {\n\t\t\t\t\tbackground-color: palette(silver, light);\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, sm) {\n\t\t\t\t\tmin-width: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\n\t\t\t\ta {\n\t\t\t\t\tborder-top-left-radius: $border-radius;\n\t\t\t\t\tborder-bottom-left-radius: $border-radius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tborder-right: 1px solid palette(silver, soft);\n\t\t\t}\n\n\t\t\t&:last-child {\n\n\t\t\t\ta {\n\t\t\t\t\tborder-top-right-radius: $border-radius;\n\t\t\t\t\tborder-bottom-right-radius: $border-radius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, sm) {\n\t\t\t\tflex: 0 1 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t// ELEMENT: Results\n\t.sui-pagination-results {\n\t\tdisplay: inline-block;\n\t\tcolor: $pagination-results;\n\t\tfont: 400 13px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t}\n\n\t// ELEMENT: Filtering form\n\t.sui-pagination-filter {\n\t\tdisplay: none;\n\t\tmargin: math.div($sui-gutter-md, 2) 0;\n\t\tborder: 1px solid palette(silver, soft);\n\t\tborder-radius: $border-radius;\n\n\t\t.sui-filter-footer {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tborder-top: 1px solid palette(silver, soft);\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-right: -#{$sui-gutter-md - 1px};\n\t\t\t\tmargin-bottom: -#{$sui-gutter-md - 1px};\n\t\t\t\tmargin-left: -#{$sui-gutter-md - 1px};\n\t\t\t\tpadding: $sui-gutter-md #{$sui-gutter-md - 1px};\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-right: -#{$sui-gutter - 1px};\n\t\t\t\tmargin-bottom: -#{$sui-gutter - 1px};\n\t\t\t\tmargin-left: -#{$sui-gutter - 1px};\n\t\t\t\tpadding: $sui-gutter #{$sui-gutter - 1px};\n\t\t\t}\n\t\t}\n\n\t\t&.sui-open {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: #{$sui-gutter-md - 1px};\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: #{$sui-gutter - 1px};\n\t\t}\n\t}\n\n\t// ELEMENT: Filtering tags\n\t.sui-pagination-active-filters {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin: -5px;\n\n\t\t.sui-active-filter {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin: 5px;\n\t\t\tpadding: 5px 10px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: palette(gray, default);\n\t\t\tcolor: $white;\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t.sui-active-filter-remove {\n\t\t\t\twidth: 26px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmargin-top: -5px;\n\t\t\t\tmargin-right: -10px;\n\t\t\t\tmargin-bottom: -5px;\n\t\t\t\tmargin-left: 10px;\n\t\t\t\tborder-width: 0;\n\t\t\t\tborder-style: none;\n\t\t\t\tborder-color: transparent;\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\tbackground-color: #5E5E5E;\n\t\t\t\tcolor: $white;\n\t\t\t\tfont-size: 12px;\n\n\t\t\t\t@include icon(before, close) {\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// BLOCK: Pagination\n\t.sui-pagination-wrap {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tmargin-top: -1px;\n\t\tmargin-bottom: -1px;\n\n\t\t// ELEMENT: List of pages\n\t\t.sui-pagination {\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin-top: 1px;\n\t\t\tmargin-bottom: 1px;\n\n\t\t\t+ button,\n\t\t\t+ .sui-pagination-results {\n\t\t\t\tmargin-left: math.div($sui-gutter, 2);\n\t\t\t}\n\n\t\t\t@include media(max-width, sm) {\n\t\t\t\tflex: 0 0 100%;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Results\n\t\t.sui-pagination-results {\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin-top: 1px;\n\t\t\tmargin-bottom: 1px;\n\n\t\t\t+ button,\n\t\t\t+ .sui-pagination {\n\t\t\t\tmargin-left: math.div($sui-gutter, 2);\n\t\t\t}\n\n\t\t\t@include media(max-width, sm) {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\tbutton {\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin-top: 1px;\n\t\t\tmargin-bottom: 1px;\n\t\t}\n\t}\n\n\t// BLOCK: Filters\n\t.sui-pagination-filters-list {\n\t\tdisplay: block;\n\n\t\t&:first-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin: $sui-gutter-md 0;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: $sui-gutter 0;\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n// ELEMENT: Select.\n// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\tselect.sui-select {\n\t\t+ .sui-select {\n\t\t\tmin-width: 100%;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: block;\n\t\t\ttext-align: left;\n\n\t\t\t// STATE: Default.\n\t\t\t.selection {\n\t\t\t\tdisplay: block;\n\n\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: #fafafa;\n\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tmin-width: 10px;\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\tpadding: 8px 5px 8px 14px;\n\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\t\t\tletter-spacing: -0.2px;\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\twidth: 38px;\n\t\t\t\t\t\t\theight: 38px;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tcolor: $grey;\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tmargin: 0 auto;\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 3px 9px;\n\t\t\t\t\t\tborder: 1px solid $overcast;\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: $cloud;\n\n\t\t\t\t\t\t// Options.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tmin-width: 1px;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\tmax-width: 200px;\n\t\t\t\t\t\t\t\t// overflow: hidden;\n\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\tmargin: 2px;\n\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\t\t\tbackground-color: $ironmike;\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\tfont: 500 12px/16px $font;\n\t\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t\t\t\t.select2-selection__choice__display {\n\t\t\t\t\t\t\t\t\tmin-width: 1px;\n\t\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\t\tpadding: 5px 10px;\n\t\t\t\t\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Search input.\n\t\t\t\t\t\t.select2-search {\n\t\t\t\t\t\t\t&.select2-search--inline {\n\t\t\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\tmargin: 5px;\n\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t\t\t\t.select2-search__field {\n\t\t\t\t\t\t\t\t\twidth: 100% !important;\n\t\t\t\t\t\t\t\t\theight: 22px;\n\t\t\t\t\t\t\t\t\tresize: none;\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:-moz-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-moz-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:-ms-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(.sui-select-theme--search) .selection {\n\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t// Options.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\t\t\twidth: 26px;\n\t\t\t\t\t\t\t\t\theight: 26px;\n\t\t\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: column nowrap;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\t\t\t\tbackground-color: #5e5e5e;\n\t\t\t\t\t\t\t\t\tcolor: $overcast;\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Icon.\n\t\t\t&.sui-select-theme--icon {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\tpadding-left: 46px;\n\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\tmargin-left: -32px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Color.\n\t\t\t&.sui-select-theme--color {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\tpadding-left: 45px;\n\n\t\t\t\t\t\t\t\t.sui-color {\n\t\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tleft: 5px;\n\t\t\t\t\t\t\t\t\tborder-width: 1px;\n\t\t\t\t\t\t\t\t\tborder-style: solid;\n\t\t\t\t\t\t\t\t\tborder-radius: math.div($border-radius, 2);\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\tmargin-left: -31px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Smart Search.\n\t\t\t&.sui-select-theme--search {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t@include icon(before, magnifying-glass-search, true) {\n\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\tleft: 9px;\n\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tpadding-left: 40px;\n\n\t\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\t\tmin-width: 1px;\n\t\t\t\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&.has-option-selected {\n\t\t\t\t\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t\t\t\t\t+ .select2-search {\n\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATE: Hover\n\t\t\t\t&:hover {\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\tbackground: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATE: Focus\n\t\t\t\t&.select2-container--focus {\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\tborder-color: $blue;\n\t\t\t\t\t\t\tbackground: $white;\n\t\t\t\t\t\t\tbox-shadow: 0 0 0 2px $blue-ghost;\n\n\t\t\t\t\t\t\t.select2-search {\n\t\t\t\t\t\t\t\ttextarea {\n\t\t\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.select2-container--open {\n\t\t\t\t\t\t&.sui-select-dropdown-container--above {\n\t\t\t\t\t\t\t.selection {\n\t\t\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t\t\tborder-top-color: $overcast;\n\t\t\t\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-select-dropdown-container--below {\n\t\t\t\t\t\t\t.selection {\n\t\t\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t\t\tborder-bottom-color: $overcast;\n\t\t\t\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATE: Focus.\n\t\t\t&.select2-container--focus {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATE: Dropdown open.\n\t\t\t&.select2-container--open {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATE: Disabled.\n\t\t\t&.select2-container--disabled {\n\t\t\t\t.selection {\n\t\t\t\t\tcursor: not-allowed;\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\tpointer-events: none;\n\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Small height.\n\t\t&.sui-select-sm {\n\t\t\t+ .sui-select {\n\t\t\t\t// STATE: Default.\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tpadding: 6px 6px 6px 12px;\n\t\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\t\twidth: 28px;\n\t\t\t\t\t\t\t\theight: 28px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// DESIGN: Icon.\n\t\t\t\t&.sui-select-theme--icon {\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t\tpadding-left: 36px;\n\n\t\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\t\tleft: 5px;\n\n\t\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\tmargin-left: -24px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// DESIGN: Color.\n\t\t\t\t&.sui-select-theme--color {\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t\tpadding-left: 40px;\n\n\t\t\t\t\t\t\t\t\t.sui-color {\n\t\t\t\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\t\tmargin-left: -28px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Auto width.\n\t\t&[data-width] {\n\t\t\t+ .sui-select {\n\t\t\t\tmin-width: auto;\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Inline select.\n\t\t&.sui-select-inline {\n\t\t\t+ .sui-select {\n\t\t\t\tmin-width: 1px;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmargin-right: 10px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATE: Error.\n\t.sui-form-field {\n\t\t&.sui-form-field-error {\n\t\t\tselect.sui-select {\n\t\t\t\t+ .sui-select {\n\t\t\t\t\t// STATE: Default.\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t\tborder-bottom-color: $red;\n\t\t\t\t\t\t\t\tbox-shadow: 0 1px 0 0 $red;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t\tborder-bottom-color: $red;\n\t\t\t\t\t\t\t\t\tbox-shadow: 0 1px 0 0 $red;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// $sui-wrap: true | $rtl: true\n@include body-class(true, true) {\n\tselect.sui-select {\n\t\t+ .sui-select {\n\t\t\tdirection: rtl;\n\t\t\ttext-align: right;\n\n\t\t\t.selection {\n\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tpadding-right: 14px;\n\t\t\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Icon.\n\t\t\t&.sui-select-theme--icon {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\t\t\t\tpadding-right: 46px;\n\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\t\t\t\t\tmargin-right: -32px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// $sui-wrap: true | $rtl: false | $monochrome: true\n@include body-class(true, false, true) {\n\tselect.sui-select {\n\t\t+ .sui-select {\n\t\t\t// STATE: Default.\n\t\t\t.selection {\n\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\tborder-color: $black;\n\t\t\t\t\t\tbackground-color: $white;\n\n\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t// Options.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tborder-color: $black;\n\t\t\t\t\t\t\tbackground-color: $white;\n\n\t\t\t\t\t\t\t.select2-search {\n\t\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:-moz-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-moz-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:-ms-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\tbackground-color: $black;\n\n\t\t\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\t\t\tbackground-color: $black;\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Smart Search.\n\t\t\t&.sui-select-theme--search {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATE: Disabled.\n\t\t\t&.select2-container--disabled {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\tborder-color: $grey;\n\t\t\t\t\t\t\tbackground-color: $white;\n\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tborder-color: $grey;\n\t\t\t\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATE: Error.\n\t.sui-form-field {\n\t\t&.sui-form-field-error {\n\t\t\tselect.sui-select {\n\t\t\t\t+ .sui-select {\n\t\t\t\t\t// STATE: Default.\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t\tborder-bottom-color: $black;\n\t\t\t\t\t\t\t\tbox-shadow: 0 1px 0 0 $black;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t\tborder-bottom-color: $black;\n\t\t\t\t\t\t\t\t\tbox-shadow: 0 1px 0 0 $black;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// ELEMENT: Dropdown.\n// $sui-wrap: false | $rtl: false\n@include body-class(false, false) {\n\t.sui-select {\n\t\t&.sui-select-dropdown-container--open {\n\t\t\tdisplay: block;\n\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tfont-variant-ligatures: none;\n\t\t\t\t-webkit-font-variant-ligatures: none;\n\t\t\t\ttext-rendering: optimizeLegibility;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\tfont-smoothing: antialiased;\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\ttext-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;\n\t\t\t}\n\n\t\t\t.sui-select-dropdown {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 10px 0;\n\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: $white;\n\t\t\t\tbox-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.07);\n\n\t\t\t\t// Search input.\n\t\t\t\t.select2-search {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 4px 0 14px;\n\t\t\t\t\tpadding: 0 14px;\n\n\t\t\t\t\tinput {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 9px 14px;\n\t\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\tfont: 500 15px/20px $font;\n\t\t\t\t\t\tletter-spacing: -0.2px;\n\n\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:-moz-placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&::-moz-placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:-ms-input-placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\tborder-color: palette(gray, lighter);\n\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.select2-search--hide {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Dropdown list.\n\t\t\t\t.select2-results {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\tmax-height: 200px;\n\t\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\tlist-style: none;\n\t\t\t\t\t\tpadding-inline-start: 0;\n\n\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tpadding: 0 14px;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t\t\tfont: 500 15px/35px $font;\n\t\t\t\t\t\t\tletter-spacing: -0.2px;\n\t\t\t\t\t\t\tlist-style: none;\n\t\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t\t&.select2-results__message {\n\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\tmargin: 0 15px;\n\t\t\t\t\t\t\t\tpadding: 15px 20px;\n\t\t\t\t\t\t\t\tpadding-left: 46px;\n\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\t\tfont: 400 13px/22px $font;\n\t\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t\t\t\t@include icon(before, profile-male, true) {\n\t\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.select2-results__group {\n\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:not(.select2-results__option--selected) {\n\t\t\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t\t\t&.select2-results__option--highlighted {\n\t\t\t\t\t\t\t\t\tbackground-color: $haze;\n\t\t\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.select2-results__option--selected {\n\t\t\t\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t\t\t\t\tcolor: $white;\n\n\t\t\t\t\t\t\t\t&.select2-results__option--highlighted {\n\t\t\t\t\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// SIZE: Small.\n\t\t\t\t&.sui-select-dropdown-sm {\n\t\t\t\t\tpadding: 15px 0;\n\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\tmax-height: 208px;\n\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with icon.\n\t\t\t&.sui-select-theme--icon {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tpadding-left: 46px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SIZE: Small.\n\t\t\t\t\t&.sui-select-dropdown-sm {\n\t\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\t\theight: 28px;\n\t\t\t\t\t\t\t\t\t\tleft: 5px;\n\n\t\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\t\tpadding-left: 36px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with color.\n\t\t\t&.sui-select-theme--color {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t\t.sui-color {\n\t\t\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\tborder-width: 1px;\n\t\t\t\t\t\t\t\t\tborder-style: solid;\n\t\t\t\t\t\t\t\t\tborder-radius: math.div($border-radius, 2);\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tpadding-left: 40px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with variables.\n\t\t\t&.sui-select-theme--vars {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\twidth: 240px !important;\n\t\t\t\t\tmargin-left: -200px;\n\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t\t\t.sui-variable-name {\n\t\t\t\t\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.sui-variable-value {\n\t\t\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&--group[role=\"group\"] {\n\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t\tpadding-right: 0;\n\n\t\t\t\t\t\t\t\t\t.select2-results__group {\n\t\t\t\t\t\t\t\t\t\tcursor: initial;\n\t\t\t\t\t\t\t\t\t\tpadding-left: 14px;\n\t\t\t\t\t\t\t\t\t\tpadding-right: 14px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Smart Search.\n\t\t\t&.sui-select-theme--search {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\tborder-color: $blue;\n\n\t\t\t\t\t&.sui-select-dropdown--above {\n\t\t\t\t\t\tborder-bottom-style: none;\n\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\tbox-shadow: 0 -2px 0 2px $blue-ghost;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-select-dropdown--below {\n\t\t\t\t\t\tborder-top-style: none;\n\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t\t\tbox-shadow: 0 2px 0 2px $blue-ghost;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// $sui-wrap: false | $rtl: true\n@include body-class(false, true) {\n\t.sui-select {\n\t\t&.sui-select-dropdown-container--open {\n\t\t\tdirection: rtl;\n\n\t\t\t.sui-select-dropdown {\n\t\t\t\t// Search input.\n\t\t\t\t.select2-search {\n\t\t\t\t\tinput {\n\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Dropdown list.\n\t\t\t\t.select2-results {\n\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with icon.\n\t\t\t&.sui-select-theme--icon {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tpadding-left: 14px;\n\t\t\t\t\t\t\t\t\tpadding-right: 46px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with color.\n\t\t\t&.sui-select-theme--color {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\t.sui-color {\n\t\t\t\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tpadding-right: 40px;\n\t\t\t\t\t\t\t\t\tpadding-left: 14px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class {\n\n\t// Single Datepicker.\n\t#ui-datepicker-div {\n\n\t\t&.sui-calendar {\n\t\t\tmargin: 0;\n\t\t\tpadding: $calendar-padding;\n\t\t\tborder-width: $calendar-border--width;\n\t\t\tborder-style: $calendar-border--style;\n\t\t\tborder-color: $calendar-border--color;\n\t\t\tborder-radius: $calendar-border--radius;\n\t\t\tbackground-color: $calendar-background;\n\t\t\tbox-shadow: $calendar-shadow;\n\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tfont-variant-ligatures: none;\n\t\t\t\t-webkit-font-variant-ligatures: none;\n\t\t\t\ttext-rendering: optimizeLegibility;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\tfont-smoothing: antialiased;\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\ttext-shadow: rgba(0, 0, 0, .01) 0 0 1px;\n\t\t\t}\n\n\t\t\t.ui-datepicker-header {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\n\t\t\t\t.ui-corner-all {\n\t\t\t\t\twidth: $calendar-cell;\n\t\t\t\t\theight: $calendar-cell;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: palette(silver, default);\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.ui-datepicker-prev {\n\t\t\t\t\t\t@include icon(before, chevron-left, true);\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.ui-datepicker-next {\n\t\t\t\t\t\t@include icon(before, chevron-right, true);\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t// STATE: Disabled.\n\t\t\t\t\t&.ui-state-disabled {\n\t\t\t\t\t\topacity: 0.5;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.ui-datepicker-title {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tpadding: 0 40px;\n\t\t\t\t\tcolor: $month-color;\n\t\t\t\t\tfont-size: $month-size;\n\t\t\t\t\tline-height: $month-height;\n\t\t\t\t\tfont-family: $month-family;\n\t\t\t\t\tfont-weight: $month-weight;\n\t\t\t\t\tletter-spacing: $month-spacing;\n\t\t\t\t\ttext-align: $month-align;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ui-datepicker-calendar {\n\t\t\t\tmargin: 5px 0 0;\n\t\t\t\tborder-collapse: collapse;\n\n\t\t\t\tthead tr,\n\t\t\t\ttbody tr {\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\ta, span {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\t\tfont-family: $font;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthead tr {\n\n\t\t\t\t\tth {\n\t\t\t\t\t\theight: calc(#{$calendar-padding} + 5px);\n\t\t\t\t\t\tpadding-bottom: 5px;\n\t\t\t\t\t\tcolor: $month-color;\n\t\t\t\t\t\tfont-size: $month-size;\n\t\t\t\t\t\tline-height: $month-height;\n\t\t\t\t\t\tfont-family: $month-family;\n\t\t\t\t\t\tfont-weight: $month-weight;\n\t\t\t\t\t\tletter-spacing: $month-spacing;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttbody tr {\n\n\t\t\t\t\ttd {\n\t\t\t\t\t\tcolor: $day-default--color;\n\n\t\t\t\t\t\t&, a, span {\n\t\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\t\tfont-size: $day-size;\n\t\t\t\t\t\t\tline-height: $day-height;\n\t\t\t\t\t\t\tfont-family: $day-family;\n\t\t\t\t\t\t\tfont-weight: $day-weight;\n\t\t\t\t\t\t\tletter-spacing: $day-spacing;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// OPTION: Default.\n\t\t\t\t\t\ta.ui-state-default {\n\t\t\t\t\t\t\tbackground-color: $day-default--background;\n\t\t\t\t\t\t\tcolor: $day-default--color;\n\t\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t\t&.ui-state-hover {\n\t\t\t\t\t\t\t\tbackground-color: $day-hover--background;\n\t\t\t\t\t\t\t\tcolor: $day-hover--color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.ui-state-active {\n\t\t\t\t\t\t\t\tbackground-color: $day-active--background;\n\t\t\t\t\t\t\t\tcolor: $day-active--color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// OPTION: Today.\n\t\t\t\t\t\t&.ui-datepicker-today {\n\n\t\t\t\t\t\t\ta.ui-state-default {\n\t\t\t\t\t\t\t\tbackground-color: $day-today--background;\n\t\t\t\t\t\t\t\tcolor: $day-today--color;\n\n\t\t\t\t\t\t\t\t&.ui-state-active {\n\t\t\t\t\t\t\t\t\tbackground-color: $day-active--background;\n\t\t\t\t\t\t\t\t\tcolor: $day-active--color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// OPTION: Disabled.\n\t\t\t\t\t\t&.ui-state-disabled {\n\t\t\t\t\t\t\tbackground-color: $day-inactive--background;\n\t\t\t\t\t\t\tcolor: $day-inactive--color;\n\n\t\t\t\t\t\t\ta, span {\n\t\t\t\t\t\t\t\tbackground-color: $day-inactive--background;\n\t\t\t\t\t\t\t\tcolor: $day-inactive--color;\n\t\t\t\t\t\t\t\ttext-decoration: line-through;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(false) {\n\t&.sui-elements-accessible {\n\t\t#ui-datepicker-div {\n\t\t\t&.sui-calendar {\n\t\t\t\t.ui-datepicker-calendar {\n\t\t\t\t\ttbody tr {\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t// OPTION: Default.\n\t\t\t\t\t\t\ta.ui-state-default {\n\n\t\t\t\t\t\t\t\t&.ui-state-active {\n\t\t\t\t\t\t\t\t\tbackground-color: $nightrider;\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// OPTION: Today.\n\t\t\t\t\t\t\t&.ui-datepicker-today {\n\n\t\t\t\t\t\t\t\ta.ui-state-default {\n\t\t\t\t\t\t\t\t\tbackground-color: $overcast;\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t\t\t\t&.ui-state-active {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $nightrider;\n\t\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class {\n\n\t// Range Datepicker.\n\t.daterangepicker {\n\t\twidth: auto;\n\t\tmax-width: 100%;\n\t\tdirection: ltr;\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tmargin: 0;\n\t\tpadding: $calendar-padding;\n\t\tborder-width: $calendar-border--width;\n\t\tborder-style: $calendar-border--style;\n\t\tborder-color: $calendar-border--color;\n\t\tborder-radius: $calendar-border--radius;\n\t\tbackground-color: $calendar-background;\n\t\tbox-shadow: $calendar-shadow;\n\t\ttext-align: left;\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t\tfont-variant-ligatures: none;\n\t\t\t-webkit-font-variant-ligatures: none;\n\t\t\ttext-rendering: optimizeLegibility;\n\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\tfont-smoothing: antialiased;\n\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\ttext-shadow: rgba(0, 0, 0, .01) 0 0 1px;\n\t\t}\n\n\t\t.ranges {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.drp-calendar {\n\t\t\tdisplay: block;\n\n\t\t\t&.left {\n\t\t\t\t@include media(min-width, sm) {\n\t\t\t\t\tfloat: left;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.right {\n\t\t\t\t@include media(min-width, sm) {\n\t\t\t\t\tfloat: right;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.table-condensed {\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-spacing: 0;\n\t\t\t\tborder-collapse: collapse;\n\n\t\t\t\tthead tr,\n\t\t\t\ttbody tr {\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\twidth: $calendar-cell;\n\t\t\t\t\t\theight: $calendar-cell;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthead tr {\n\n\t\t\t\t\tth {\n\t\t\t\t\t\theight: calc(#{$calendar-padding} + 5px);\n\t\t\t\t\t\tpadding-bottom: 5px;\n\t\t\t\t\t\tcolor: $month-color;\n\t\t\t\t\t\tfont-size: $month-size;\n\t\t\t\t\t\tline-height: $month-height;\n\t\t\t\t\t\tfont-family: $month-family;\n\t\t\t\t\t\tfont-weight: $month-weight;\n\t\t\t\t\t\tletter-spacing: $month-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\tth.prev,\n\t\t\t\t\tth.next {\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\twidth: $calendar-cell;\n\t\t\t\t\t\t\theight: $calendar-cell;\n\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@include icon(before, '', true) {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:not(.available) {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tth.prev span {\n\t\t\t\t\t\t@include icon(before, chevron-left, false);\n\t\t\t\t\t}\n\n\t\t\t\t\tth.next span {\n\t\t\t\t\t\t@include icon(before, chevron-right, false);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttbody tr {\n\n\t\t\t\t\ttd {\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: $day-default--background;\n\t\t\t\t\t\tcolor: $day-default--color;\n\t\t\t\t\t\tfont-size: $day-size;\n\t\t\t\t\t\tline-height: $day-height;\n\t\t\t\t\t\tfont-family: $day-family;\n\t\t\t\t\t\tfont-weight: $day-weight;\n\t\t\t\t\t\tletter-spacing: $day-spacing;\n\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t// STATE: Hover.\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $day-hover--background;\n\t\t\t\t\t\t\tcolor: $day-hover--color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// STATE: Available.\n\t\t\t\t\t\t&.available:not(.off) {\n\t\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t\t&.today {\n\t\t\t\t\t\t\t\tbackground-color: $day-today--background;\n\t\t\t\t\t\t\t\tcolor: $day-today--color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.start-date,\n\t\t\t\t\t\t\t&.end-date {\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.in-range:not(.end-date) {\n\t\t\t\t\t\t\t\tcolor: $day-active--color;\n\t\t\t\t\t\t\t\tbackground-color: $day-active--background;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.start-date:not(.end-date) {\n\t\t\t\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.end-date:not(.start-date) {\n\t\t\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.in-range:not(.start-date):not(.end-date) {\n\t\t\t\t\t\t\t\tborder-radius: 0;\n\n\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\tborder-top-left-radius: $border-radius;\n\t\t\t\t\t\t\t\t\tborder-bottom-left-radius: $border-radius;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\tborder-top-right-radius: $border-radius;\n\t\t\t\t\t\t\t\t\tborder-bottom-right-radius: $border-radius;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// STATE: Disabled.\n\t\t\t\t\t\t&.off,\n\t\t\t\t\t\t&.disabled {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t\tbackground-color: $day-inactive--background;\n\t\t\t\t\t\t\tcolor: $day-inactive--color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.disabled {\n\t\t\t\t\t\t\ttext-decoration: line-through;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t+ .drp-calendar {\n\t\t\t\t@include media(min-width, sm) {\n\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\tpadding-left: 10px;\n\t\t\t\t\tborder-left: 1px solid palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, sm) {\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Show ranges.\n\t\t&.show-ranges {\n\t\t\tpadding-top: $sui-gutter-md;\n\n\t\t\t.ranges {\n\t\t\t\tdisplay: block;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tmax-width: calc((#{$calendar-cell} * 14) + 20px);\n\n\t\t\t\tul {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t&, li {\n\t\t\t\t\t\tlist-style: none;\n\t\t\t\t\t}\n\n\t\t\t\t\tli {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 3px 5px;\n\t\t\t\t\t\tpadding: 3px 10px;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\tborder-radius: 10px;\n\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t\tfont: bold 10px/12px $font;\n\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\tbackground-color: palette(blue, light);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, sm) {\n\t\t\t\t\tmax-width: calc(#{$calendar-cell} * 7);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Auto-apply.\n\t\t// When this option is enabled, selected option(s) by user will be applied\n\t\t// immediately after click making no sense to show apply buttons.\n\t\t&.auto-apply {\n\n\t\t\t.drp-buttons {\n\t\t\t\tdisplay: none;\n\t\t\t\tvisibility: hidden;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(false) {\n\t&.sui-elements-accessible {\n\t\t// Range Datepicker.\n\t\t.daterangepicker {\n\t\t\t.drp-calendar {\n\n\t\t\t\t.table-condensed {\n\n\t\t\t\t\ttbody tr {\n\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t// STATE: Available.\n\t\t\t\t\t\t\t&.available:not(.off) {\n\n\t\t\t\t\t\t\t\t&.today {\n\t\t\t\t\t\t\t\t\tbackground-color: $overcast;\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&.start-date,\n\t\t\t\t\t\t\t\t&.end-date {\n\t\t\t\t\t\t\t\t\tbackground-color: $nightrider;\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&.in-range:not(.end-date) {\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\tbackground-color: $haze;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Show ranges.\n\t\t\t&.show-ranges {\n\t\t\t\t.ranges {\n\t\t\t\t\tul {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\tbackground-color: $overcast;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\tbackground-color: $nightrider;\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","$positions: (\n\ttop,\n\tright,\n\tbottom,\n\tleft\n) !default;\n\n@include body-class(true) {\n\n\t.sui-hidden {\n\t\tdisplay: none;\n\t}\n\n\t.sui-hidden-important {\n\t\tdisplay: none !important;\n\t}\n\n\t.sui-block-content-center {\n\t\ttext-align: center;\n\t}\n\n\t.sui-image {\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tmax-width: 100%;\n\t}\n\n\t.sui-image-center {\n\t\tmargin-right: auto;\n\t\tmargin-left: auto;\n\t}\n\n\t.sui-actions-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-left: 10px;\n\t\tmargin-right: auto;\n\t}\n\n\t.sui-actions-right {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-left: auto;\n\t\tmargin-right: 0;\n\t}\n\n\t// Flex alignment\n\t.sui-space-between {\n\t\tjustify-content: space-between;\n\t}\n\t.sui-align-start {\n\t\tjustify-content: flex-start;\n\t}\n\t.sui-align-end {\n\t\tjustify-content: flex-end;\n\t}\n\n\t.sui-success {\n\t\tcolor: $success;\n\t}\n\n\t.sui-warning {\n\t\tcolor: $warning;\n\t}\n\n\t.sui-error {\n\t\tcolor: $error;\n\t}\n\n\t.sui-info {\n\t\tcolor: $info;\n\t}\n\n\t.sui-no-margin {\n\t\tmargin: 0 !important;\n\t}\n\n\t.sui-no-margin-top {\n\t\tmargin-top: 0 !important;\n\t}\n\n\t.sui-no-margin-bottom {\n\t\tmargin-bottom: 0 !important;\n\t}\n\n\t.sui-no-margin-left {\n\t\tmargin-left: 0 !important;\n\t}\n\n\t.sui-no-margin-right {\n\t\tmargin-right: 0 !important;\n\t}\n\n\t.sui-no-padding {\n\t\tpadding: 0 !important;\n\t}\n\n\t.sui-no-padding-top {\n\t\tpadding-top: 0 !important;\n\t}\n\n\t.sui-no-padding-bottom {\n\t\tpadding-bottom: 0 !important;\n\t}\n\n\t.sui-no-padding-left {\n\t\tpadding-left: 0 !important;\n\t}\n\n\t.sui-no-padding-right {\n\t\tpadding-right: 0 !important;\n\t}\n\n\t.sui-margin {\n\t\tmargin: $default-margin !important;\n\t}\n\n\t.sui-margin-top {\n\t\tmargin-top: $default-margin !important;\n\t}\n\n\t.sui-margin-bottom {\n\t\tmargin-bottom: $default-margin !important;\n\t}\n\n\t.sui-margin-left {\n\t\tmargin-left: $default-margin !important;\n\t}\n\n\t.sui-margin-right {\n\t\tmargin-right: $default-margin !important;\n\t}\n\n\t.sui-padding {\n\t\tpadding: $sui-gutter-md;\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\n\t\t&--hidden {\n\t\t\tpadding: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t&__desktop {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\n\t\t\t&--hidden {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__mobile {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t&--hidden {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $position in $positions {\n\n\t\t.sui-padding-#{$position} {\n\t\t\tpadding-#{$position}: $sui-gutter-md;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-#{$position}: $sui-gutter;\n\t\t\t}\n\n\t\t\t&--hidden {\n\t\t\t\tpadding-#{$position}: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__desktop {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-#{$position}: $sui-gutter;\n\t\t\t\t}\n\n\t\t\t\t&--hidden {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__mobile {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tpadding-#{$position}: $sui-gutter-md;\n\t\t\t\t}\n\n\t\t\t\t&--hidden {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Loop through breakpoints & generate hidden utility classes.\n@for $i from 1 through length($sui-breakpoints) {\n\t$size: nth(nth($sui-breakpoints, $i), 1);\n\t$screen-width-min: nth(nth($sui-breakpoints, $i), 2);\n\n\t// If lowest breakpoint in map.\n\t@if ($i == 1) {\n\t\t$screen-width-max: nth(nth($sui-breakpoints, ($i + 1)), 2) - 1px;\n\t\t@media (max-width: $screen-width-max) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// If highest breakpoint in map.\n\t@else if ($i == length($sui-breakpoints)) {\n\t\t@media (min-width: $screen-width-min) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// If breakpoint falls inbetween.\n\t@else {\n\t\t$screen-width-max: nth(nth($sui-breakpoints, ($i + 1)), 2) - 1px;\n\t\t\t@media (min-width: $screen-width-min) and (max-width: $screen-width-max) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(true, false, true) {\n\t.sui-error {\n\t\tcolor: $nightrider;\n\t}\n}\n","/**\nWP Admin Notices\n\nThis is used to give admin notices that are loaded outside of the .wrap but inside .sui-*-*-* the proper styles\n\n */\n@include body-class {\n\t#wpbody-content > .notice {\n\t\tmargin: 10px 30px 15px 10px;\n\t\t@include media( max-width, md ) {\n\t\t\tmargin: $sui-gutter-md ($sui-gutter-md - 10px) 0 ($sui-gutter-md - 20px); // Account for padding from #wpcontent.\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-ace-selectors {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin-bottom: math.div($sui-gutter-md, 2);\n\t\tmargin-left: -5px;\n\n\t\t.sui-selector {\n\t\t\theight: 26px;\n\t\t\tdisplay: inline-flex;\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin: 0 0 5px 5px;\n\t\t\tpadding: 5px 12px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $ace-selector-background;\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttransition: 0.3s ease;\n\n\t\t\t&,\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&:visited {\n\t\t\t\tborder: 0;\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tcolor: $ace-selector-color;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\tbackground-color: $ace-selector-background-hover;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-bottom: math.div($sui-gutter, 2);\n\t\t}\n\t}\n\n\t[id^='sui-ace-editor'] {\n\t\twidth: 100%;\n\t\theight: 225px;\n\t\tposition: relative;\n\t\tmargin: $sui-gutter-md 0;\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}","@include body-class(true) {\n\t.sui-recipient {\n\t\tdisplay: flex;\n\t\tborder: 1px solid $recipient-border-color;\n\t\tborder-radius: $border-radius;\n\t\tpadding: 10px 15px;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 10px;\n\t\t.sui-recipient-name {\n\t\t\tcolor: #333333;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 500;\n\t\t\tletter-spacing: -0.25px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 5px;\n\t\t\t@include icon(before, profile-male);\n\t\t\t&:before {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tmargin-right: 6px;\n\t\t\t\tline-height: 30px;\n\t\t\t\tvertical-align: bottom;\n\t\t\t}\n\t\t}\n\t\t.sui-recipient-email {\n\t\t\tcolor: #888888;\n\t\t\tfont-size: 13px;\n\t\t\tletter-spacing: -0.25px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 5px;\n\t\t}\n\t\t.sui-button-icon:not(.sui-button) {\n\t\t\tpadding: 0;\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tcolor: #AAAAAA;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t}\n\t}\n\t.sui-recipients {\n\t\tmargin-bottom: 10px;\n\t}\n\n\t.sui-button.sui-add-recipient {\n\t\tmargin: 0 0 30px 0;\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-chartjs {\n\t\tposition: relative;\n\n\t\t.sui-chartjs-message {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tpadding: 5px $sui-gutter-md;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.7);\n\t\t\ttext-align: center;\n\n\t\t\tp {\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\tfont: 500 12px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tvertical-align: text-bottom;\n\t\t\t\t\tmargin-right: 8px;\n\t\t\t\t\tfont-size: 16px;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-chartjs-message--empty,\n\t\t\t&.sui-chartjs-message--loading {\n\n\t\t\t\t@if variable-exists(chartjs-image--loading) {\n\n\t\t\t\t\t@if $chartjs-image--loading != null {\n\t\t\t\t\t\tbackground-image: url($chartjs-image--loading);\n\t\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\t\tbackground-position: center bottom;\n\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-chartjs-canvas {\n\t\t\theight: 120px;\n\t\n\t\t\t@include media(min-width, md) {\n\t\t\t\theight: 170px;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-chartjs-animated {\n\n\t\t\t.sui-chartjs-message {\n\t\t\t\topacity: 0;\n\t\t\t\tvisibility: hidden;\n\t\t\t\ttransition: 0.25s ease;\n\n\t\t\t\t&.sui-chartjs-message--loading {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-chartjs-canvas {\n\t\t\t\tvisibility: hidden;\n\t\t\t\ttransition: 0.2s ease;\n\t\t\t}\n\n\t\t\t&.sui-chartjs-loaded {\n\n\t\t\t\t.sui-chartjs-message {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tvisibility: visible;\n\n\t\t\t\t\t&.sui-chartjs-message--loading {\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-chartjs-canvas {\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Chart inside accordion block\n\t.sui-accordion-block {\n\n\t\t.sui-accordion-item-body {\n\n\t\t\t.sui-chartjs {\n\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\tpadding-top: $sui-gutter-md;\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tpadding-top: $sui-gutter-md;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tmargin-bottom: -#{$sui-gutter-md};\n\t\t\t\t\tborder-bottom-right-radius: $border-radius;\n\t\t\t\t\tborder-bottom-left-radius: $border-radius;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class {\n\n\t.sui-status-dot {\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tcursor: help;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: $border-radius;\n\t\ttransition: $transition;\n\n\t\tspan {\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tdisplay: block;\n\t\t\tborder-radius: 20px;\n\t\t}\n\n\t\t&,\n\t\t&.sui-draft {\n\n\t\t\tspan {\n\t\t\t\tbackground-color: #E6E6E6;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-published {\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: #F2F2F2;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tbackground-color: $blue;\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-tree-fancy {\n\n\t\tul.ui-fancytree {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\n\t\t\t&, li {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tlist-style: none;\n\t\t\t}\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t@include icon(before, false, true) {\n\t\t\t\t\t\t\twidth: 12px;\n\t\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\tline-height: 12px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\twidth: 16px;\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tmargin: 3px 0;\n\t\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: #FAFAFA;\n\n\t\t\t\t\t\t@include icon(before, element-checkbox, true) {\n\t\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Title\n\t\t\t\t\t> span.fancytree-title {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: palette(gray, default);\n\t\t\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: File (not expandable)\n\t\t\t\t&:not([aria-expanded]) {\n\n\t\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Selected\n\t\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\t\tborder-color: $blue;\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// STATUS: Disaled\n\t\t\t\t\t\t&.fancytree-unselectable {\n\n\t\t\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, medium);\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tcolor: palette(silver, default);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Disabled\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t&.fancytree-unselectable {\n\n\t\t\t\t\t\t&, * {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Title\n\t\t\t\t\t\t> span.fancytree-title {\n\t\t\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-tree-fancy[data-tree=\"selector\"] {\n\n\t\tul.ui-fancytree {\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tmargin: 0 0 10px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\t> span.fancytree-node {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding-right: 30px;\n\n\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t\tright: 0;\n\n\t\t\t\t\t\t@include icon(before, chevron-down, false);\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t> span.fancytree-checkbox {\n\n\t\t\t\t\t\t~ span.fancytree-title {\n\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Icons\n\t\t\t\t\t> span.fancytree-icon,\n\t\t\t\t\t> span.fancytree-custom-icon {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Child items\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tflex: 0 0 100%;\n\t\t\t\t\tmargin: 10px 0 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tpadding-left: 26px;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: File (not expandable)\n\t\t\t\t&:not([aria-expanded]) {\n\n\t\t\t\t\t> span.fancytree-node {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Expanded\n\t\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-tree-fancy[data-tree=\"directory\"] {\n\n\t\tul.ui-fancytree {\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tmargin: 0 0 5px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\t> span.fancytree-node {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tpadding: 11px 20px;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\tmargin: 3px 0 3px -10px;\n\n\t\t\t\t\t\t@include icon(before, chevron-right, false);\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\tmargin: 1px 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Title\n\t\t\t\t\t> span.fancytree-title {\n\t\t\t\t\t\tline-height: 18px;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Icons\n\t\t\t\t\t> span.fancytree-icon,\n\t\t\t\t\t> span.fancytree-custom-icon {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 1px 0;\n\t\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Icons (default)\n\t\t\t\t\t> span.fancytree-icon {\n\n\t\t\t\t\t\t@include icon(before, false, true) {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Icons (custom)\n\t\t\t\t\t> span.fancytree-custom-icon {\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Child items\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tmargin: 5px 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Icons\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t// ELEMENT: File icon\n\t\t\t\t\t&.fancytree-ico-c {\n\n\t\t\t\t\t\tspan.fancytree-icon {\n\t\t\t\t\t\t\t@include icon(before, page, false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Folder icon (compressed)\n\t\t\t\t\t&.fancytree-ico-cf {\n\n\t\t\t\t\t\tspan.fancytree-icon {\n\t\t\t\t\t\t\t@include icon(before, folder, false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Folder icon (expanded)\n\t\t\t\t\t&.fancytree-ico-ef {\n\n\t\t\t\t\t\tspan.fancytree-icon {\n\t\t\t\t\t\t\t@include icon(before, folder-open, false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Expanded\n\t\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t\t> span.fancytree-node {\n\t\t\t\t\t\tbackground-color: palette(silver, light);\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Icons (custom)\n\t\t\t\t\t\t> span.fancytree-custom-icon {\n\n\t\t\t\t\t\t\t&.sui-icon-folder {\n\t\t\t\t\t\t\t\t@include icon(before, folder-open, false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Selected\n\t\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t\t> span.fancytree-node {\n\t\t\t\t\t\tbackground-color: palette(blue, light);\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Icons\n\t\t\t\t\t\t> span.fancytree-icon,\n\t\t\t\t\t\t> span.fancytree-custom-icon {\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Title\n\t\t\t\t\t\t> span.fancytree-title {\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Disabled\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t&.fancytree-unselectable {\n\n\t\t\t\t\t\t&, * {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\t\tcolor: palette(gray, lighter);\n\n\t\t\t\t\t\t\t@include icon(before, lock, false);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Icons\n\t\t\t\t\t\t> span.fancytree-icon,\n\t\t\t\t\t\t> span.fancytree-custom-icon {\n\t\t\t\t\t\t\tcolor: palette(gray, lighter);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: true) {\n\n\t.sui-tree-fancy[data-tree=\"selector\"] {\n\n\t\tul.ui-fancytree {\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\t\n\t\t\t\t// VARIATION: Child items\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tpadding-right: 26px;\n\t\t\t\t}\n\n\t\t\t\t> span.fancytree-node {\n\t\t\t\t\t\n\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t> span.fancytree-checkbox {\n\n\t\t\t\t\t\t~ span.fancytree-title {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-tree-fancy[data-tree=\"directory\"] {\n\n\t\tul.ui-fancytree {\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\t\n\t\t\t\t// VARIATION: Child items\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tpadding-right: 20px;\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t> span.fancytree-expander { \n\t\t\t\t\t\tmargin: 3px -10px 3px 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n}","$tree--file-type: (\n\tdefault:     'page',\n\tpage:        'page',\n\tfolder:      'folder',\n\tpdf:         'page-pdf',\n\tzip:         'zip',\n\tlock:        'lock',\n\timage:       'photo-picture',\n\timg:         'photo-picture',\n\tpng:         'photo-picture',\n\tjpg:         'photo-picture',\n\tjpeg:        'photo-picture',\n\twpmudev:     'wpmudev',\n\tdefender:    'defender',\n\tsmush:       'smush',\n\thummingbird: 'hummingbird',\n\tuptime:      'uptime',\n\tsmartcrawl:  'smart-crawl',\n\tforminator:  'forminator',\n\tshipper:     'shipper-anchor',\n\tsnapshot:    'snapshot',\n\thustle:      'hustle',\n\tperformance: 'performance',\n);\n\n@include body-class(true) {\n\n\t.sui-tree {\n\n\t\t&, ul, li {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli[role=\"treeitem\"],\n\t\tspan[role=\"contentinfo\"] {\n\n\t\t\tbutton[data-button],\n\t\t\tspan[role=\"button\"] {\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tbackground-image: none;\n\n\t\t\t\tspan[aria-hidden] {\n\t\t\t\t\tpointer-events: initial;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan[role=\"button\"],\n\t\t\tbutton[data-button] span[aria-hidden] {\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\ttext-align: center;\n\n\t\t\t\t@include icon(before, false, true) {\n\t\t\t\t\twidth: 22px;\n\t\t\t\t\theight: 22px;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\ttransition: 250ms linear; // Match with slideToggle() timing\n\t\t\t\t}\n\n\t\t\t\t// TYPE: Add\n\t\t\t\t&[data-button=\"add\"] {\n\t\t\t\t\t@include icon(before, plus, false);\n\t\t\t\t}\n\n\t\t\t\t// TYPE: Remove\n\t\t\t\t&[data-button=\"remove\"] {\n\t\t\t\t\t@include icon(before, close, false);\n\t\t\t\t}\n\n\t\t\t\t// TYPE: Trash\n\t\t\t\t&[data-button=\"trash\"] {\n\t\t\t\t\t@include icon(before, trash, false);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&,\n\t\t\t&:focus,\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\n\t\tli[role=\"treeitem\"] {\n\t\t\tdisplay: block;\n\n\t\t\t> .sui-tree-node {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t> span {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t}\n\n\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"],\n\t\t\t\t> label.sui-node-checkbox {\n\t\t\t\t\twidth: 16px;\n\t\t\t\t\theight: 16px;\n\t\t\t\t}\n\n\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"] {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: #FAFAFA;\n\n\t\t\t\t\t@include icon(before, element-checkbox, true) {\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> label.sui-node-checkbox {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\tinput,\n\t\t\t\t\tspan:not([aria-hidden]) {\n\t\t\t\t\t\t@extend %sui-screen-reader-text;\n\t\t\t\t\t}\n\n\t\t\t\t\tspan[aria-hidden] {\n\t\t\t\t\t\twidth: 16px;\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: #FAFAFA;\n\n\t\t\t\t\t\t@include icon(before, element-checkbox, true) {\n\t\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> span[aria-hidden] {\n\t\t\t\t\twidth: 16px;\n\t\t\t\t\theight: 16px;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t@include icon(before, false, true) {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> span.sui-node-text {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: palette(gray, default);\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tul[role=\"group\"] {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&[aria-expanded] {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATUS: Selected\n\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"],\n\t\t\t\t\t> label.sui-node-checkbox span {\n\t\t\t\t\t\tborder-color: $blue;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Disabled\n\t\t\t\t&[aria-disabled=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"],\n\t\t\t\t\t\t> label.sui-node-checkbox span {\n\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\tbackground-color: palette(silver, medium);\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: palette(silver, default);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATUS: Disabled\n\t\t\t&[aria-disabled=\"true\"] {\n\n\t\t\t\t> .sui-tree-node {\n\t\t\t\t\tcursor: not-allowed;\n\n\t\t\t\t\t* {\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"],\n\t\t\t\t\t> label.sui-node-checkbox span {\n\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t}\n\n\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdiv[role=\"contentinfo\"],\n\t\tspan[role=\"contentinfo\"] {\n\t\t\tdisplay: none;\n\t\t\talign-items: center;\n\t\t\tmargin: 0 0 5px;\n\t\t\tpadding: 5px 10px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: palette(silver, light);\n\n\t\t\tspan[role=\"form\"] {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex: 1;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\n\t\t\t\tinput:not([type=\"radio\"]):not([type=\"checkbox\"]) {\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmin-width: 180px;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\theight: 30px;\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 6px 11px;\n\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tfont: 500 12px/16px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbutton,\n\t\t\t\tspan[role=\"button\"] {\n\t\t\t\t\twidth: 24px;\n\t\t\t\t\theight: 22px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 0 0 24px;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\tbackground-image: none;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\tspan[aria-hidden] {\n\t\t\t\t\t\tpointer-events: initial;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tfont-family: $font;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include icon(before, check, true) {\n\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\tline-height: 12px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: darken($blue, 10%);\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t&.sui-show {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Icons\n\t\tli[role=\"treeitem\"] {\n\n\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> span[aria-hidden] {\n\n\t\t\t\t\t\t@each $type, $icon in $tree--file-type {\n\n\t\t\t\t\t\t\t@if 'default' != $type {\n\n\t\t\t\t\t\t\t\t&[data-type=\"#{$type}\"] {\n\t\t\t\t\t\t\t\t\t@include icon(before, $icon, false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@else {\n\t\t\t\t\t\t\t\t@include icon(before, folder-open, false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[aria-expanded=\"false\"] {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> span[aria-hidden] {\n\n\t\t\t\t\t\t@each $type, $icon in $tree--file-type {\n\n\t\t\t\t\t\t\t@if 'default' != $type {\n\n\t\t\t\t\t\t\t\t&[data-type=\"#{$type}\"] {\n\t\t\t\t\t\t\t\t\t@include icon(before, $icon, false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@else {\n\t\t\t\t\t\t\t\t@include icon(before, folder, false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not([aria-expanded]) {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> span[aria-hidden] {\n\n\t\t\t\t\t\t@each $type, $icon in $tree--file-type {\n\n\t\t\t\t\t\t\t@if 'default' == $type {\n\t\t\t\t\t\t\t\t@include icon(before, $icon, false);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@else {\n\n\t\t\t\t\t\t\t\t&[data-type=\"#{$type}\"] {\n\t\t\t\t\t\t\t\t\t@include icon(before, $icon, false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// TREE: Selector\n\t\t&[data-tree=\"selector\"] {\n\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tmargin: 0 0 10px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> .sui-node-checkbox {\n\t\t\t\t\t\tmargin: 3px 0;\n\n\t\t\t\t\t\t+ span {\n\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\tline-height: 22px;\n\t\t\t\t\t}\n\n\t\t\t\t\t> span[data-button=\"expander\"],\n\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\t\t\t\t\t\t@include icon(before, chevron-down, false);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tmargin: 10px 0 0;\n\t\t\t\t\tpadding-left: 26px;\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Expanded\n\t\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t\t> span[data-button=\"expander\"],\n\t\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// TREE: Directory Browser\n\t\t&[data-tree=\"directory\"] {\n\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tmargin: 0 0 5px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\t> .sui-tree-node {\n\t\t\t\t\tpadding: 5px 20px;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t> span[role=\"button\"],\n\t\t\t\t\t> button[data-button] span[aria-hidden] {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 30px;\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: -10px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmargin-right: -9px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// TYPE: Expander\n\t\t\t\t\t> span[role=\"button\"][data-button=\"expander\"],\n\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\t\t\t\t\t\t@include icon(before, chevron-right, false);\n\t\t\t\t\t}\n\n\t\t\t\t\t> .sui-node-checkbox {\n\t\t\t\t\t\tmargin: 7px 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> span[aria-hidden] {\n\t\t\t\t\t\tmargin: 7px 5px 7px 10px;\n\t\t\t\t\t}\n\n\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\tmargin: 6px 0 4px;\n\t\t\t\t\t\tline-height: 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tmargin: 5px 0 0;\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Expanded\n\t\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\t\t\t\t\t\tbackground-color: palette(silver, default);\n\n\t\t\t\t\t\t> span[data-button=\"expander\"],\n\t\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Selected\n\t\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\t\t\t\t\t\tbackground-color: palette(blue, light);\n\n\t\t\t\t\t\t> span[data-button=\"expander\"],\n\t\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t> span[aria-hidden] {\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Disabled\n\t\t\t\t&[aria-disabled=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t\t> span[role=\"button\"],\n\t\t\t\t\t\t> button[data-button] span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: palette(gray, lighter);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// TYPE: Expander\n\t\t\t\t\t\t> span[role=\"button\"][data-button=\"expander\"],\n\t\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\t\t\t\t\t\t\t@include icon(before, lock, false);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t> span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: palette(gray, lighter);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n@include body-class($wrap: true, $rtl: true) {\n\t\n\t.sui-tree {\n\t\t// TREE: Selector\n\t\t&[data-tree=\"selector\"] {\n\t\t\t\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\t\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tpadding-right: 26px;\n\t\t\t\t}\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> .sui-node-checkbox {\n\n\t\t\t\t\t\t+ span {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// TREE: Directory Browser\n\t\t&[data-tree=\"directory\"] {\n\t\t\t\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tpadding-right: 20px;\n\t\t\t\t}\n\n\t\t\t\t> .sui-tree-node {\n\t\t\t\t\t> span[role=\"button\"],\n\t\t\t\t\t> button[data-button] span[aria-hidden] {\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-right: -10px;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\t.sui-upgrade-page {\n\t\tbackground: #FAFAFA;\n\t\tmargin: -30px -30px 60px;\n\n\t\t@media (max-width: 783px) {\n\t\t\tmargin: -21px -10px 0;\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-top: 30px;\n\t\t}\n\n\t\t&__container {\n\t\t\tmax-width: 1140px;\n\t\t\tmargin: auto;\n\t\t\tdisplay: flex;\n\t\t\t@media (max-width: 800px) {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\t\t}\n\n\t\t/** Header and Image **/\n\t\t&-header {\n\t\t\tbackground: $white;\n\t\t\tmargin-bottom: 60px;\n\t\t\t@media (max-width: 600px) {\n\t\t\t\tmargin-bottom: 40px;\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: 60px 60px 60px 0;\n\t\t\t\twidth: 50%;\n\t\t\t\t@media (max-width: 1440px) {\n\t\t\t\t\tpadding: 60px 30px 50px 60px;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 800px) {\n\t\t\t\t\torder: 1;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tpadding: 40px 20px;\n\t\t\t\t}\n\t\t\t\th1 {\n\t\t\t\t\tfont-size: 28px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t}\n\t\t\t\tp:first-of-type {\n\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__image {\n\t\t\t\t@if variable-exists(upgrade-image) {\n\t\t\t\t\tbackground-image: url($upgrade-image);\n\t\t\t\t}\n\t\t\t\tbackground-size: cover;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\twidth: 50%;\n\t\t\t\t@media (max-width: 800px) {\n\t\t\t\t\t@if variable-exists(upgrade-image-mobile) {\n\t\t\t\t\t\tbackground-image: url($upgrade-image-mobile);\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\torder: 0;\n\t\t\t\t\t\theight: 250px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.sui-reviews {\n\t\t\t\tmargin-top: 60px;\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tmargin-top: 40px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/** Pro Features **/\n\t\t&-features {\n\t\t\t&__header {\n\t\t\t\ttext-align: center;\n\n\t\t\t\th2 {\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tfont-size: 28px;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tline-height: 40px;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t\tp {\n\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__items {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tpadding: 30px;\n\n\t\t\t\t@media (min-width: 1440px) {\n\t\t\t\t\tmargin: 0 -60px;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tmargin: 40px 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__item {\n\t\t\t\tflex: 0 0 50%;\n\t\t\t\tmax-width: 50%;\n\t\t\t\tpadding: 30px;\n\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tflex: 0 0 100%;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tpadding: 20px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\theight: 44px;\n\t\t\t\t\twidth: 44px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tbackground: palette(purple, light);\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: palette(purple);\n\t\t\t\t\t\tline-height: 44px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\th3 {\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\n\t\t\t\tp:first-of-type {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/** CTA **/\n\t\t&-cta {\n\t\t\tbackground: $white;\n\t\t\tpadding: 60px;\n\t\t\tmargin-bottom: 60px;\n\n\t\t\t@media (max-width: 600px) {\n\t\t\t\tpadding: 40px 20px;\n\t\t\t\tmargin-bottom: 40px;\n\t\t\t}\n\t\t\t&__inner {\n\t\t\t\tmax-width: 600px;\n\t\t\t\tmargin: auto;\n\t\t\t\ttext-align: center;\n\t\t\t\th2 {\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tfont-size: 28px;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tline-height: 40px;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t\ta {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\tmargin-top: 15px;\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: palette(gray);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.sui-hidden-desktop {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\t.sui-hidden-desktop {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t}\n\t\t\t\t\t.sui-button:not(.sui-hidden-desktop) {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\t.sui-reviews {\n\t\tmargin-left: 25px;\n\t\t&__stars {\n\t\t\tposition: relative;\n\t\t\tmargin-right: 5px;\n\t\t\t@include icon(before, quote-2);\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -12px;\n\t\t\t\tleft: -25px;\n\t\t\t\tcolor: palette(silver, medium);\n\t\t\t}\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t&:before{\n\t\t\t\t\tcolor: palette(yellow);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&__rating {\n\t\t\tcolor: palette(gray, light);\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tvertical-align: text-bottom;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\ta.sui-reviews__link {\n\t\t\tdisplay: block;\n\t\t\tcolor: palette(gray, light);\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tfont-weight: normal;\n\t\t\tfont-style: italic;\n\t\t\t&:focus,\n\t\t\t&:hover {\n\t\t\t\tcolor: palette(gray);\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: palette(gray);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tmargin-left: 5px;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tline-height: 22px;\n\t\t\t\tvertical-align: middle;\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\tselect.sui-search + .select2 {\n\t\twidth: 100% !important;\n\t\tdisplay: block;\n\n\t\t.selection {\n\t\t\tdisplay: block;\n\n\t\t\t&:focus, *:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\n\t\t.select2-selection--multiple {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t\tpadding: 8px 0 8px 40px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tborder: 1px solid $select-container--border-color;\n\t\t\tbackground-color: $select-container--background;\n\t\t\ttransition: 0.3s ease;\n\n\t\t\t@include icon(before, 'magnifying-glass-search', true) {\n\t\t\t\twidth: 30px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 11px;\n\t\t\t\tleft: 9px;\n\t\t\t\tfont-size: 16px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: $select-container--background-active;\n\t\t\t}\n\n\t\t\tul.select2-selection__rendered {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\n\t\t\t\tli.select2-search,\n\t\t\t\tli.select2-selection__choice {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tfloat: none;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\n\t\t\t\tli.select2-search {\n\t\t\t\t\tpadding-right: 14px;\n\t\t\t\t}\n\n\t\t\t\tli.select2-selection__choice {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding-right: 40px;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t.select2-selection__choice__remove {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\tfloat: none;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 2px;\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tcolor: palette(gray, default);\n\t\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t\tline-height: 1em;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Limit choices to one element.\n\t\t\t\t\t+ li.select2-search {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tinput.select2-search__field {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATE: Error\n\t.sui-form-field.sui-form-field-error {\n\n\t\tselect.sui-search + .select2 {\n\n\t\t\t.select2-selection--multiple {\n\t\t\t\tborder-bottom-color: $red;\n\t\t\t\tbox-shadow: 0 1px 0 0 $red;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class() {\n\n\t.select2-container {\n\n\t\t.sui-search-dropdown {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0;\n\t\t\tborder: 1px solid #DDDDDD;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: #FFFFFF;\n\t\t\tbox-shadow: 0 3px 7px 0 rgba(0,0,0,0.07);\n\n\t\t\t.select2-results {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 15px 0;\n\t\t\t}\n\n\t\t\tul.select2-results__options {\n\n\t\t\t\tli.select2-results__option {\n\t\t\t\t\tpadding: 0 15px;\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\tfont: 500 13px/30px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t&[role=\"treeitem\"] {\n\n\t\t\t\t\t\t// STATE: Hover\n\t\t\t\t\t\t&.select2-results__option--highlighted {\n\t\t\t\t\t\t\tbackground-color: palette(gray, light);\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.select2-results__message {\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-color-accessible {\n\t\t\t\tborder-color: $black;\n\t\t\t\tbox-shadow: none;\n\n\t\t\t\tul.select2-results__options {\n\n\t\t\t\t\tli.select2-results__option {\n\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t&[role=\"treeitem\"] {\n\n\t\t\t\t\t\t\t// STATE: Hover\n\t\t\t\t\t\t\t&.select2-results__option--highlighted {\n\t\t\t\t\t\t\t\tbackground-color: $black;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-multistrings-aria {\n\t\t@extend %sui-screen-reader-text;\n\t}\n\n\t.sui-multistrings-list {\n\t\tmin-height: 118px;\n\t\tcursor: text;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: flex-start;\n\t\tmargin: 0;\n\t\tpadding: #{math.div($sui-gutter-md, 2) - 2px};\n\t\tborder: 1px solid palette(gray, lighter);\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: #FAFAFA;\n\t\ttransition: $transition;\n\n\t\t&, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli[title] {\n\t\t\tmax-width: 100%;\n\t\t\tmin-width: 1px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex: 0 0 auto;\n\t\t\tposition: relative;\n\t\t\tmargin: 2px;\n\t\t\tpadding: 7px 35px 7px 27px;\n\t\t\tborder: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: palette(gray, default);\n\t\t\tcolor: $white;\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: -0.23px;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\n\t\t\t\t&.sui-sm {\n\t\t\t\t\twidth: 12px;\n\t\t\t\t\theight: 12px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 9px;\n\t\t\t\t\tleft: 10px;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t\twidth: 30px;\n\t\t\t\theight: 30px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\tbackground-color: #5E5E5E;\n\t\t\t\tcolor: $white;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: #4D4D4D;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tli.sui-multistrings-input {\n\t\t\tmin-width: 100px;\n\t\t\tflex: 1;\n\t\t\tmargin: 2px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\tinput {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 7px 0;\n\t\t\t\tborder: 0;\n\t\t\t\tfont: $form--input-font-weight #{$font--size}/#{$form--input-line-height - 7px} $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&.sui-focus {\n\t\t\tbackground-color: $white;\n\t\t}\n\t}\n}","// ELEMENT: Insert Variables.\n// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\n\t.sui-insert-variables {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\t\t\tpadding-right: #{($form--input-height-base - 1px) + 14px};\n\t\t}\n\n\t\tselect.sui-variables {\n\n\t\t\t+ .sui-select {\n\t\t\t\twidth: 40px !important;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\n\t\t\t\t// STATE: Default.\n\t\t\t\t.selection {\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: column nowrap;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 1px solid transparent;\n\t\t\t\t\t\tborder-left-color: palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\twidth: 40px;\n\t\t\t\t\t\t\tmin-width: 1px;\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\t\t\tpointer-events: none;\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class($wrap: true, $rtl: false, $monochrome: false) {\n\n\t.sui-upsell {\n\n\t\t&-list {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\n\t\t\tli {\n\t\t\t\tposition: relative;\n\t\t\t\tmargin: 0 0 22px;\n\t\t\t\tpadding: 0 0 0 26px;\n\t\t\t\tcolor: $nightrider;\n\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 3px;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tcolor: $purple;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-notice {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\n\t\t\t&__image {\n\t\t\t\tmargin-right: $sui-gutter-md;\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\talign-self: flex-end;\n\t\t\t\t\tmargin-right: $sui-gutter;\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__content {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 1;\n\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: true, $monochrome: false) {\n\n\t.sui-upsell {\n\n\t\t&-list {\n\n\t\t\tli {\n\t\t\t\tpadding-right: 26px;\n\t\t\t\tpadding-left: 0;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-notice {\n\n\t\t\t&__image {\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmargin-left: $sui-gutter-md;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: false, $monochrome: true) {\n\n\t.sui-upsell {\n\n\t\t&-list {\n\n\t\t\tli {\n\t\t\t\tcolor: $black;\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t&.sui-color-accessible {\n\t\tcolor: $accessible-dark;\n\n\t\t// Typography.\n\t\th1, h2, h3, h4, h5, h6, p, p small, li, code, pre {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\t\ta {\n\t\t\tcolor: lighten($accessible-dark, 10%) !important;\n\t\t\t&:hover {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\n\t\tpre,\n\t\tcode {\n\t\t\tbackground: $accessible-light;\n\t\t}\n\n\t\t// Box Settings\n\t\t.sui-settings-label {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\n\t\t// Forms.\n\t\t.sui-form-control,\n\t\t.sui-label,\n\t\t.sui-error-message {\n\t\t\tborder-color: $accessible-dark;\n\t\t\tcolor: $accessible-dark;\n\t\t\tbackground-color: $accessible-light;\n\t\t\t&::placeholder {\n\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t}\n\t\t}\n\n\t\t.sui-checkbox,\n\t\t.sui-radio {\n\t\t\tinput + span {\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t& + span {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-button {\n\t\t\tcolor: $accessible-dark;\n\t\t\tbackground: $accessible-light;\n\t\t}\n\n\t\t.sui-upload-label {\n\t\t\t&:hover {\n\t\t\t\t.sui-upload-button {\n\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\tbackground: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Recipient.\n\t\t.sui-recipient {\n\t\t\tspan {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Sidenav.\n\t\t.sui-row-with-sidenav {\n\t\t\t.sui-sidenav {\n\t\t\t\t.sui-vertical-tabs {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t// Tabs.\n\t\t.sui-tabs {\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Toggle Tabs.\n\t\t.sui-side-tabs {\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tags.\n\t\t.sui-tag {\n\t\t\tbackground: $accessible-dark;\n\t\t\tcolor: $accessible-light;\n\t\t\t&.sui-tag-ghost {\n\t\t\t\tbackground: $accessible-light;\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t\tborder-color: $accessible-dark;\n\n\t\t\t}\n\t\t}\n\n\t\t// Notifications.\n\t\t.sui-notice,\n\t\t.sui-notice-top {\n\t\t\tborder-left-color: $accessible-dark;\n\t\t\t.sui-notice-dismiss a,\n\t\t\tp:first-of-type:before {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\t\t.sui-upsell-row {\n\t\t\t.sui-upsell-notice {\n\t\t\t\tp {\n\t\t\t\t\tborder-left: 2px solid $accessible-dark;\n\t\t\t\t\t&:first-of-type:before {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Icons.\n\t\t[class*=\"sui-icon-\"],\n\t\t.sui-dialog-close {\n\t\t\t&:before {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\t\t.sui-tab-item {\n\t\t\t&.active {\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: $accessible-light !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Progress bars.\n\t\t.sui-progress-block {\n\t\t\t.sui-progress {\n\t\t\t\t.sui-progress-bar {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tbackground: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.sui-progress-text {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.sui-progress-state {\n\t\t\tspan {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Tables\n\t\t.sui-table {\n\t\t\tborder-color: $accessible-dark;\n\n\t\t\tth, td {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\n\t\t\tthead, tbody, tfoot {\n\n\t\t\t\t> tr > {\n\n\t\t\t\t\tth,\n\t\t\t\t\t.sui-table-item-title,\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttbody {\n\n\t\t\t\ttr.sui-error,\n\t\t\t\ttr.sui-warning,\n\t\t\t\ttr.sui-success {\n\n\t\t\t\t\tth,\n\t\t\t\t\t.sui-table-item-title,\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\n\t\t\t\t\ttd {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: All\n\t\t\t\ttr.sui-default,\n\t\t\t\ttr.sui-error,\n\t\t\t\ttr.sui-warning,\n\t\t\t\ttr.sui-success {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-title {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Accordions\n\t\t.sui-accordion {\n\n\t\t\t// DESIGN: Table (Flexbox)\n\t\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\t\t\t\tborder-color: $accessible-dark;\n\n\t\t\t\t.sui-accordion-header {\n\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\n\t\t\t\t\t> div {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item {\n\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\n\t\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// STATUS: All\n\t\t\t\t\t&.sui-default,\n\t\t\t\t\t&.sui-error,\n\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t&.sui-success {\n\n\t\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is disabled\n\t\t\t\t\t&.sui-accordion-item--disabled {\n\n\t\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t\t&, .sui-accordion-item-title {\n\t\t\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Table\n\t\t\t// Must use in conjunction with .sui-table on the <table> element.\n\t\t\t&.sui-table {\n\n\t\t\t\t> tbody {\n\n\t\t\t\t\t> .sui-accordion-item {\n\n\t\t\t\t\t\t// STATUS: All\n\t\t\t\t\t\t&.sui-default,\n\t\t\t\t\t\t&.sui-error,\n\t\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t\t&.sui-success {\n\n\t\t\t\t\t\t\t+ .sui-accordion-item-content {\n\t\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// When item is disabled\n\t\t\t\t\t\t&.sui-accordion-item--disabled {\n\n\t\t\t\t\t\t\tth, td {\n\t\t\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.sui-error,\n\t\t\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t\t\t&.sui-success {\n\t\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Blocks (Flexbox)\n\t\t\t&-block {\n\n\t\t\t\t.sui-accordion-item {\n\t\t\t\t\tbackground-color: $accessible-light;\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\n\t\t\t\t\t\tstrong {\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-body {\n\n\t\t\t\t\t\t.sui-accordion-item-data {\n\n\t\t\t\t\t\t\tli strong {\n\t\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Loading data animation when accordion opens\n\t\t\t\t\t\t\t&.sui-onload {\n\n\t\t\t\t\t\t\t\tli > * {\n\t\t\t\t\t\t\t\t\tcolor: transparent !important;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Scores.\n\t\t.sui-grade-a,\n\t\t.sui-grade-b,\n\t\t.sui-grade-c,\n\t\t.sui-grade-d,\n\t\t.sui-grade-e,\n\t\t.sui-grade-f  {\n\t\t\tsvg circle:last-child {\n\t\t\t\tstroke: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Dropdowns.\n\t\t.sui-dropdown {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\t&,\n\t\t\t\t\tbutton,\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:focus,\n\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t\tbackground-color: rgba(51, 51, 51, 0.05);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t// Buttons.\n\t\t.sui-button-icon:not(.sui-button),\n\t\t.sui-button {\n\t\t\tcolor: $accessible-light !important;\n\t\t\tbackground: $accessible-dark !important;\n\t\t\t&:hover {\n\t\t\t\tcolor: $accessible-light !important;\n\t\t\t}\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: $accessible-light !important;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.sui-button-ghost {\n\t\t\t\tpadding: 7px 16px;\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t\t&.sui-button-upsell {\n\t\t\t\tbackground: $accessible-light !important;\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t}\n\n\t\t// Lists.\n\t\t.sui-list {\n\t\t\t.sui-list-label,\n\t\t\t.sui-list-detail {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Toggles.\n\t\t.sui-toggle {\n\t\t\tinput[type=checkbox] + .sui-toggle-slider {\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput[type=checkbox]:checked + .sui-toggle-slider {\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Checkbox and Radio.\n\t\t.sui-checkbox,\n\t\t.sui-radio {\n\t\t\tinput:checked+span {\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Status dot.\n\t\t.sui-status-dot {\n\t\t\tspan {\n\t\t\t\tbackground-color: $accessible-light;\n\t\t\t\tborder: 1px solid $accessible-dark;\n\t\t\t}\n\t\t\t&.sui-published {\n\t\t\t\tspan {\n\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\tborder: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// WP Editor.\n\t\t.wp-editor-wrap {\n\t\t\t&.tmce-active {\n\t\t\t\t.wp-editor-tabs {\n\t\t\t\t\t.switch-tmce {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.html-active {\n\t\t\t\t.wp-editor-tabs {\n\t\t\t\t\t.switch-html {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.wp-media-buttons {\n\t\t\t\t.insert-media {\n\t\t\t\t\tbackground-color: $accessible-dark !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Ace editor selectors.\n\t\t.sui-ace-selectors {\n\t\t\ta.sui-selector {\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\tcolor: $accessible-light !important;\n\t\t\t}\n\t\t}\n\n\t\t// ACE editor elements.\n\t\t.ace-sui {\n\t\t\t.ace_gutter {\n\t\t\t\tbackground: $accessible-dark;\n\t\t\t}\n\t\t\t.ace_text-layer {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t\t.ace_content {\n\t\t\t\tbackground-color: $accessible-light;\n\t\t\t}\n\t\t\t.ace_line {\n\t\t\t\tfilter: brightness(0%);\n\t\t\t}\n\t\t}\n\n\t\t// Pagination filters.\n\t\t.sui-pagination-wrap {\n\t\t\t.sui-pagination-filter {\n\t\t\t\t.sui-active-filter,\n\t\t\t\t.sui-active-filter-remove,\n\t\t\t\t.sui-active-filter-remove:hover {\n\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SUI box.\n\t\t.sui-box {\n\t\t\t.sui-box-title {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\n\t\t// SUI selector box.\n\t\t.sui-box-selector {\n\t\t\tinput + span {\n\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t~span {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput:checked+span {\n\t\t\t\tbackground-color: $accessible-light !important;\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t&:after {\n\t\t\t\t\tborder-top: 40px solid $accessible-dark;\n\t\t\t\t}\n\t\t\t\t~span {\n\t\t\t\t\tborder-top-color: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput:checked+span [class*=sui-icon]:before {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// SUI status box.\n\t\t.sui-box-status {\n\t\t\t.sui-status {\n\t\t\t\t.sui-status-changes,\n\t\t\t\t.sui-status-module {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Sidenav.\n\t\t.sui-row-with-sidenav {\n\t\t\t.sui-sidenav {\n\t\t\t\t.sui-vertical-tabs {\n\t\t\t\t\t.sui-vertical-tab.current {\n\t\t\t\t\t\tbox-shadow: 0 0 0 1px $accessible-dark;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Footer.\n\t\t.sui-footer {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\t}\n}\n\n@include body-class(false) {\n\t&.sui-elements-accessible {\n\t\t\n\t\t.sui-select .sui-select-dropdown {\n\t\t\tborder-color: $accessible-dark !important;\n\t\t}\n\n\t\t.select2-results__option {\n\t\t\tcolor: $accessible-dark !important;\n\t\t}\n\t\t\n\t\t.select2-results__option--selected{\n\t\t\tbackground-color: $accessible-dark !important;\n\t\t\tcolor: $accessible-light !important;\n\t\t}\n\t}\n}\n","@include body-class() {\n\n  &[class*=\"wpmudev-onboarding\"] {\n    background-color: $dashui-onboarding-page;\n  }\n}\n\n@include body-class(true) {\n\n  .dashui-onboarding {\n\n    .dashui-onboarding-header,\n    .dashui-onboarding-body,\n    .dashui-onboarding-footer {\n\n      &:first-child {\n\n        @include media(max-width, md) {\n          margin-top: #{$sui-gutter-md * 2};\n        }\n      }\n\n      + div {\n\n        @include media(max-width, md) {\n          margin-top: #{$sui-gutter-md * 2};\n        }\n\n        @include media(min-width, md) {\n          margin-top: $sui-gutter;\n        }\n      }\n    }\n\n    .dashui-onboarding-header,\n    .dashui-onboarding-footer {\n      flex: 0 0 auto;\n    }\n\n    .dashui-onboarding-body {\n      flex: 1;\n\n      &.dashui-onboarding-content-center {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n      }\n\n      .dashui-onboarding-logo {\n\t      display: block;\n        max-width: 40px;\n        height: auto;\n\t      margin: 0 auto 15px;\n      }\n    }\n\n    .dashui-onboarding-footer {\n      text-align: center;\n    }\n\n    .sui-description {\n      line-height: 22px;\n    }\n\n    @include media(max-width, md) {\n      display: block;\n    }\n\n    @include media(min-width, md) {\n      min-height: calc(100vh - 132px);\n      display: flex;\n      flex-direction: column;\n    }\n  }\n}","@include body-class(true) {\n\n\t[class*=\"sui-icon-\"] {\n\n\t\t&.sui-blue,\n\t\t&.sui-brand {\n\t\t\tcolor: $blue;\n\n\t\t\t&:before {\n\t\t\t\tcolor: inherit;\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-button,\n\ta.sui-button,\n\tbutton.sui-button {\n\n\t\t&.sui-button-ghost {\n\n\t\t\t// COLOR: White\n\t\t\t&.sui-button-white {\n\t\t\t\tborder-color: $white;\n\t\t\t\tcolor: $white;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tborder-color: $white;\n\t\t\t\t\tbackground: $white;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.dashui-button {\n\t\t\t@extend .sui-button-lg;\n\t\t\twidth: 100%;\n\t\t\tfont-weight: 700;\n\t\t\ttext-transform: initial;\n\n\t\t\t&:not(:disabled) {\n\t\t\t\tborder-color: #0059FF;\n\t\t\t\tbackground: #0059FF;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground: #0c33a9;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t\tborder-color: #0c33a9;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-button-icon:not(.sui-button),\n\ta.sui-button-icon:not(.sui-button),\n\tbutton.sui-button-icon:not(.sui-button) {\n\n\t\t.sui-loading-text {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t[class*=\"sui-icon-\"].sui-icon-loader {\n\t\t\tdisplay: none;\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\ttransform: translate(-50%, -50%);\n\t\t\tcolor: palette(silver, medium);\n\t\t}\n\n\t\t// COLOR: Blue\n\t\t&.sui-button-blue {\n\t\t\tcolor: $blue;\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\tbackground-color: $blue;\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Loading button\n\t\t&.sui-button-onload {\n\t\t\tposition: relative;\n\t\t\tpointer-events: none;\n\n\t\t\t.sui-loading-text {\n\t\t\t\topacity: 0;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"].sui-icon-loader {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-form-control {\n\n\t\t&[readonly] {\n\t\t\tborder-color: palette(gray, lighter);\n\t\t\tbackground-color: palette(silver, default);\n\t\t\tcolor: palette(silver, medium);\n\t\t}\n\t}\n}","@include body-class(true) {\n\n  .dashui-login-form {\n    width: 100%;\n    max-width: 500px;\n\t  padding: $sui-gutter;\n    margin: 0 auto;\n    text-align: center;\n\t  @extend .sui-box;\n\n\t  @include media(min-width, md) {\n\t\t  padding: 60px;\n\t  }\n\n\t  h2 {\n      margin: 0 0 $sui-gutter-md;\n      line-height: 30px;\n    }\n\n\t  .sui-side-tabs {\n\t\t  margin: 0;\n\n\t\t  > .sui-tabs-menu {\n\t\t\t  justify-content: center;\n\n\t\t\t  > .sui-tab-item {\n\t\t\t\t  flex: 1 0 0;\n\t\t\t\t  max-width: 156px;\n\t\t\t  }\n\t\t  }\n\t  }\n\n\t  .form-separator {\n\t\t  margin: 30px 0;\n\n\t\t  p {\n\t\t\t  display: flex;\n\t\t\t  flex-direction: row;\n\t\t\t  color: #888888;\n\t\t\t  font-size: 13px;\n\t\t  }\n\n\t\t  p:before,\n\t\t  p:after {\n\t\t\t  content: \"\";\n\t\t\t  flex: 1 1;\n\t\t\t  border-bottom: 1px solid #E6E6E6;\n\t\t\t  margin: auto;\n\t\t  }\n\n\t\t  p:before {\n\t\t\t  margin-right: 10px\n\t\t  }\n\n\t\t  p:after {\n\t\t\t  margin-left: 10px\n\t\t  }\n\t  }\n\n\t  .sui-form-field {\n\t\t  margin-bottom: $sui-gutter-md;\n\t\t  text-align: left;\n\t  }\n\n\t  .dashui-auth-form-footer {\n\t\t  display: flex;\n\t\t  align-items: center;\n\t\t  justify-content: space-between;\n\t\t  margin-top: $sui-gutter-md;\n\n\t\t  a {\n\t\t\t  color: $font-color;\n\n\t\t\t  &:hover {\n\t\t\t\t  color: $a-action-color;\n\t\t\t  }\n\t\t  }\n\t  }\n  }\n}","@keyframes move {\n  0% {\n    background-position: #{$dashui-connect-header--loading-background-size / 2} 0;\n  }\n  100% {\n    background-position: #{$dashui-connect-header--loading-background-size + ($dashui-connect-header--loading-background-size / 2)} 0;\n  }\n}\n\n@include body-class(true) {\n\n  .dashui-connect {\n    margin: 0;\n\n    .dashui-connect-header {\n      display: flex;\n      align-items: center;\n\n      .dashui-connect-image,\n      .dashui-connect-ready-bar,\n      .dashui-connect-loading-bar {\n        margin: 0 #{$sui-gutter-md / 2};\n\n        &:first-child {\n          margin-left: 0;\n        }\n\n        &:last-child {\n          margin-right: 0;\n        }\n      }\n\n      .dashui-connect-image {\n        flex: 0 0 auto;\n      }\n\n      .dashui-connect-ready-bar,\n      .dashui-connect-loading-bar {\n        flex: 1;\n        height: $dashui-connect-header--bar-height;\n        border-radius: $dashui-connect-header--bar-height;\n      }\n\n      .dashui-connect-ready-bar {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: $dashui-connect-header--connect-background;\n\n        @include icon(after, check) {\n          width: $dashui-connect-header--connect-dot-size;\n          height: $dashui-connect-header--connect-dot-size;\n          position: absolute;\n          border: 5px solid $dashui-connect-header--connect-background;\n          border-radius: #{$dashui-connect-header--connect-icon-size * 2};\n          background-color: $dashui-connect-header--connect-dot-background;\n          color: $dashui-connect-header--connect-background;\n          font-size: $dashui-connect-header--connect-icon-size;\n          line-height: #{$dashui-connect-header--connect-dot-size - 8px};\n          text-align: center;\n        }\n      }\n\n      .dashui-connect-loading-bar {\n        background-image: repeating-linear-gradient(\n                        $dashui-connect-header--loading-inclination,\n                        $dashui-connect-header--loading-bars-color,\n                        $dashui-connect-header--loading-bars-color 8px,\n                        $dashui-connect-header--loading-background 8px,\n                        $dashui-connect-header--loading-background 18px /* determines size */\n        );\n        background-size: $dashui-connect-header--loading-background-size;\n        animation: move .5s linear infinite;\n      }\n\n      @include media(min-width, md) {\n        padding: 0 $sui-gutter-md;\n      }\n    }\n\n    .dashui-connect-body {\n      position: relative;\n      margin: #{$sui-gutter-md + $dashui-connect-body--pointer-size} 0 0;\n      border: 1px solid $dashui-connect-body--border-color;\n      border-radius: $border-radius;\n      background-color: $dashui-connect-body--background;\n      text-align: initial;\n\n      &:before,\n      &:after {\n        content: \" \";\n        pointer-events: none;\n        backface-visibility: hidden;\n        position: absolute;\n        border-style: solid;\n        border-color: transparent;\n      }\n\n      &:before {\n        z-index: 1;\n        top: -#{$dashui-connect-body--pointer-size + ($dashui-connect-body--pointer-size - 2px)};\n        left: #{$dashui-connect-body--pointer-position + 1px};\n        border-width: #{$dashui-connect-body--pointer-size - 1px};\n        border-bottom-color: $dashui-connect-body--background;\n      }\n\n      &:after {\n        z-index: 0;\n        top: -#{$dashui-connect-body--pointer-size + 10px};\n        left: $dashui-connect-body--pointer-position;\n        border-width: $dashui-connect-body--pointer-size;\n        border-bottom-color: #DADADA;\n      }\n\n      .dashui-stage-text {\n        margin: 0;\n        padding: 0;\n        border: 0;\n        color: $dashui-connect-body--color;\n        font: 400 #{$dashui-connect-body--font-size}/#{$dashui-connect-body--line-height} $font;\n        letter-spacing: $font--letter-spacing;\n      }\n\n      &.dashui-final-stage {\n\n        &:before,\n        &:after {\n          left: unset;\n        }\n\n        &:before {\n          z-index: 1;\n          top: -#{$dashui-connect-body--pointer-size + ($dashui-connect-body--pointer-size - 2px)};\n          right: #{$dashui-connect-body--pointer-position + 1px};\n        }\n\n        &:after {\n          z-index: 0;\n          top: -#{$dashui-connect-body--pointer-size + 10px};\n          right: $dashui-connect-body--pointer-position;\n        }\n      }\n\n      @include media(max-width, md) {\n        padding: #{$sui-gutter-md - 2px};\n      }\n\n      @include media(min-width, md) {\n        padding: $sui-gutter $sui-gutter #{$sui-gutter - 1px} #{$sui-gutter - 1px};\n      }\n    }\n\n    .dashui-connect-navigation {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      span {\n        width: $dashui-connect-navigation--dot-size;\n        height: $dashui-connect-navigation--dot-size;\n        display: block;\n        flex: 0 0 auto;\n        margin: 0 5px;\n        border-radius: #{$dashui-connect-navigation--dot-size * 2};\n        background-color: $dashui-connect-navigation--dot-background;\n\n        &.dashui-current {\n          background-color: $dashui-connect-navigation--dot-background-current;\n        }\n      }\n\n      @include media(max-width, md) {\n        margin: $sui-gutter-md 0 0;\n      }\n\n      @include media(min-width, md) {\n        margin: $sui-gutter 0 0;\n      }\n    }\n\n    .dashui-connect-actions {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      .sui-button-lg {\n        font-size: 12px;\n      }\n    }\n\n    .dashui-connect-process {\n      width: 100%;\n      max-width: $dashui-connect-process--width;\n      margin: 0 auto;\n      padding: 0;\n      text-align: left;\n\n      &, li {\n        border: 0;\n        list-style: none;\n      }\n\n      li {\n        position: relative;\n        margin: 0;\n        padding: 0 0 0 #{$dashui-connect-process--icon-size + 10px};\n        color: $dashui-connect-process--color;\n        font: 400 13px/22px $font;\n        letter-spacing: $font--letter-spacing;\n\n        &:not(:last-child) {\n          margin: 0 0 10px;\n        }\n\n        @include icon(before, loader) {\n          position: absolute;\n          top: #{(22px - $dashui-connect-process--icon-size) / 2};\n          left: 0;\n          color: $dashui-connect-process--color;\n          font-size: $dashui-connect-process--icon-size;\n          animation: spin 1.3s linear infinite;\n        }\n\n        &.dashui-ready {\n\n          @include icon(before, check-tick, false) {\n            color: $dashui-connect-process--color-ready;\n            animation: none;\n          }\n        }\n\n        &.dashui-failed {\n\n          @include icon(before, cross-close, false) {\n            color: $dashui-connect-process--color-failed;\n            animation: none;\n          }\n        }\n\n        &.dashui-chevron-right {\n\n          @include icon(before, chevron-right, false) {\n            color: $dashui-connect-process--color-gray;\n            animation: none;\n          }\n        }\n      }\n    }\n\n    &:not(:first-child) {\n\n      @include media(max-width, md) {\n        margin: $sui-gutter-md 0 0;\n      }\n\n      @include media(min-width, md) {\n        margin: $sui-gutter 0 0;\n      }\n    }\n\n    &:not(:last-child) {\n\n      @include media(max-width, md) {\n        margin: 0 0 $sui-gutter-md;\n      }\n\n      @include media(min-width, md) {\n        margin: 0 0 $sui-gutter;\n      }\n    }\n  }\n}\n","%dashui-view-more-info {\n\tfont-size: 12px;\n\tline-height: 16px;\n\ttext-align: center;\n\n\t[class*=\"sui-icon-\"] {\n\t\twidth: 21px;\n\t\tfont-size: 12px;\n\t\ttext-align: center;\n\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t&:not(:first-child) {\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-top: $sui-gutter-md;\n\t\t}\n\t\n\t\t@include media(min-width, md) {\n\t\t\tmargin-top: $sui-gutter;\n\t\t}\n\t}\n}\n\n// ============================================================\n// On Boarding (_onboarding.scss)\n$dashui-onboarding-page: $white;\n\n// ============================================================\n// Login Connect (_login-connect.scss)\n\n// Header: Bars\n$dashui-connect-header--bar-height:                  10px;\n\n// Header: Loading Bar\n$dashui-connect-header--loading-inclination:         -70deg;\n$dashui-connect-header--loading-bars-color:          #A6E0F8;\n$dashui-connect-header--loading-background:          palette(blue, light);\n$dashui-connect-header--loading-background-size:     24px;\n\n// Header: Connected Bar\n$dashui-connect-header--connect-size:                10px;\n$dashui-connect-header--connect-background:          $blue;\n$dashui-connect-header--connect-dot-size:            26px;\n$dashui-connect-header--connect-dot-background:      $white;\n$dashui-connect-header--connect-icon-size:           9px;\n\n// Body\n$dashui-connect-body--border-color:                  palette(silver, soft);\n$dashui-connect-body--background:                    $white;\n$dashui-connect-body--color:                         palette(gray, light);\n$dashui-connect-body--font-size:                     13px;\n$dashui-connect-body--line-height:                   22px;\n$dashui-connect-body--pointer-size:                  10px;\n$dashui-connect-body--pointer-position:              50px;\n\n// Navigation\n$dashui-connect-navigation--dot-size:                10px;\n$dashui-connect-navigation--dot-background:          palette(silver, soft);\n$dashui-connect-navigation--dot-background-current:  $blue;\n\n// Actions\n$dashui-connect-actions--button-width:               120px;\n$dashui-connect-actions--button-height:              80px;\n$dashui-connect-actions--button-border-color:        palette(silver, soft);\n$dashui-connect-actions--button-border-color-hover:  palette(silver, medium);\n$dashui-connect-actions--button-background:          transparent;\n$dashui-connect-actions--button-color:               $gray;\n$dashui-connect-actions--button-color-hover:         palette(gray, dark);\n$dashui-connect-actions--button-icon-size:           16px;\n\n// Process\n$dashui-connect-process--width:                      222px;\n$dashui-connect-process--color:                      palette(gray, light);\n$dashui-connect-process--icon-size:                  16px;\n$dashui-connect-process--color-ready:                $blue;\n$dashui-connect-process--color-failed:               $red;\n$dashui-connect-process--color-gray:                 $gray;\n","@include body-class(true) {\n\n  .dashui-team-select-form {\n    width: 100%;\n    max-width: 600px;\n    margin: 0 auto;\n    text-align: center;\n\n    .dashui-team-select-header {\n      width: 340px;\n      margin: 0 auto;\n\n      h2 {\n        margin: 0 0 $sui-gutter-md;\n        line-height: 30px;\n      }\n    }\n\n    .sui-box-selectors {\n      margin-top: 30px;\n      padding: 30px 80px;\n\n      .sui-box-selector {\n        .team-avatar {\n          width: 30px;\n          height: 30px;\n          background-color: #F2F2F2;\n          background-position: center;\n          background-size: 100%;\n          border-radius: 50%;\n          margin-right: 8px;\n        }\n      }\n\n      .box-footer-submit {\n        margin-top: 15px;\n        text-align: right;\n      }\n    }\n\n    .sui-notice {\n      margin: 20px;\n      text-align: left;\n      display: block;\n    }\n  }\n}","@include body-class(true) {\n\n  .dashui-login-form {\n    form {\n      .dashui-google-login-button {\n        width: 100%;\n        height: 40px;\n        background-color: $white;\n        border: 1px solid #ddd;\n        color: #333333;\n        font-size: 15px;\n        text-transform: none;\n\n        .sui-icon-google-login {\n          background-image: url('../../images/login/google-icon.png');\n          background-image: -webkit-image-set(\n                          url('../../images/login/google-icon.png') 1x,\n                          url('../../images/login/google-icon@2x.png') 2x\n          );\n          background-image: image-set(\n                          url('../../images/login/google-icon.png') 1x,\n                          url('../../images/login/google-icon@2x.png') 2x\n          );\n          background-repeat: no-repeat;\n          background-position: center;\n          height: 20px;\n          margin-right: 10px;\n        }\n\n        &:hover,\n        &:focus,\n        &:active {\n          background-color: #E6E6E6;\n          color: #333333;\n          outline: none;\n          box-shadow: none;\n        }\n\n        &:focus {\n          border: 1px solid #aaaaaa;\n        }\n      }\n    }\n  }\n}"],"names":[],"sourceRoot":""}