{"version":3,"file":"css/wphb-app.min.css","mappings":";AAGS,+nBCHT,SACC,cACA,WACA,eACA,gBACA,8BACA,qBACA,6BACA,YACA,UACA,SACA,4BACA,oCCVA,qCACC,oDAEA,mCAHD,SAIE,eACA,sCAIF,sCACC,oDAEA,oCAHD,SAIE,eACA,uCAIF,6CACC,oDAEA,qCAHD,SAIE,eACA,wCAIF,+CACC,oDAEA,sCAHD,SAIE,eACA,6CAIF,0CACC,oDAEA,2CAHD,SAIE,eACA,8CAIF,2CACC,oDAEA,4CAHD,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,wBCxJC,qCCzBqC,gBAGnB,eAFmB,iBAMA,WC4EA,uBD3EA,uCJFvC,uBACC,0BG0EA,sCH3ED,sBAIE,0BAIF,2BACC,oCACA,kCACA,kCACA,2BACA,mCACA,oCACA,uJAKD,aACC,iBACA,UACA,iBItBsC,WCgQA,gBDlQf,sCALe,0BJoCvC,cI1BuC,iBAOA,WCsPA,SL/NtC,0BAED,cI/BuC,iBAOA,0BJ6BvC,cInCuC,iBAOA,0BJiCvC,cIvCuC,0BJ2CvC,cI1CuC,0BJ8CvC,cI7CuC,yBJmDvC,qCIlEuC,gBAGnB,eAFmB,iBAMA,WC4EA,uBD3EA,kCJiEtC,qCAEA,cACC,iBACA,WK4LqC,aL1LrC,qCAGD,YACC,uDAGD,kBI7DsC,0BDwDtC,sDHKA,kBI5DsC,qCJoEtC,eACC,6BAKF,oBA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ACC,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,8CACC,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,+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,+CACC,mBAFF,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CA,SACA,WACA,eACA,oCzB6esC,iDyB1etC,qBACC,2CAID,yBAEC,eACA,WACA,SACA,WACA,WACA,0B3B0DD,0C2BjEA,OAUE,kDAGD,cACC,aACA,gBACA,8DAGD,UACC,2CAKF,UACC,aACA,cACA,kBACA,YACA,eACA,0B3BkCD,0C2BxCA,cASE,0CAKF,YACC,oDAEA,SACC,cACA,uBACA,yBACA,wBACA,4BACA,+DAEA,SACC,+DAGD,SACC,sBACA,oDAEA,8DAJD,SAKE,oBACA,qEAIF,SACC,0BACA,oDAEA,mEAJD,SAKE,oBACA,sEAIF,SACC,2BACA,oDAEA,oEAJD,SAKE,oBACA,qDAIF,mDA1CD,yBA2CE,+iBAOD,UAKC,oBACA,iCAMH,eACC,mEAGA,eACC,uDAMA,cACC,iBACA,gEAGD,kBACC,iEAGD,eACC,0B3B5DH,gE2B2DE,eAIE,kDAMH,UACC,eACA,YACA,gBACA,cACA,SACA,UACA,SACA,gBACA,qDAEA,cACC,cACA,cACA,UACA,SACA,+CAKF,UACC,YACA,gBACA,cACA,cACA,UACA,sBACA,kB1B7JkB,sB0B+JlB,mDAEA,UACC,YACA,cACA,SACA,UACA,SACA,kB1BvKiB,iD0B6KnB,iBACC,iEAGA,UACC,eACA,iBACA,mBACA,mBACA,kBACA,2B1BvLiB,sDD4DpB,gE2BqHE,gBAWE,mBACA,mBACA,kBACA,gEAKF,iBACC,UACA,SACA,2BACA,0EAOA,iBACC,SACA,WACA,SACA,0B3BvJJ,yE2BmJG,QAOE,WACA,0EAKF,iBACC,SACA,UACA,SACA,0B3BpKJ,wE2BgKG,QAOE,UACA,mEAMH,iBACC,SACA,SACA,SACA,2BACA,0B3BnLH,iE2B8KE,QAQE,8DAKF,gBACC,sBACA,oEAOA,aACC,oFAGA,aACC,sEAKF,eACC,sFAGA,eACC,uEAmBF,gBACC,qEAWD,cACC,qFAGA,cACC,sEAmBF,cACC,gBACA,sFAGA,cACC,gBACA,qEA7EF,gBACC,qFAGA,gBACC,uEAKF,kBACC,uFAGA,kBACC,wEAmBF,mBACC,sEAWD,iBACC,sFAGA,iBACC,uEAmBF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gB,yBC+BP,6I2B8BT,aACC,aACA,cACA,mBACA,mBACA,SACA,UACA,SACA,wKAEA,eACC,aAEA,qBACA,mBACA,WACA,UACA,SACA,kB5B/Ec,sBCsCP,WAsByB,6C2BuBhC,uB5BhGgC,4M4BmGhC,aACC,gBACA,cACA,OACA,iBACA,iBACA,uBACA,mBACA,uJAQF,eACC,OACA,WACA,UACA,SACA,cACA,8KAEA,qBACC,YACA,YACA,cACA,SACA,UACA,SACA,gBACA,+BACA,W3BhFM,6C2BkFN,uB5BtI+B,oM4ByI/B,U3BxFM,CDjDyB,0L4ByI/B,U3BxFM,+L2B4FN,U3B5FM,gM2BgGN,U3BhGM,oM2BoGN,U3BpGM,yM2BwGN,U3BxGM,oH2BsHT,qB3B9FkC,wN2BiHhC,UACC,YACA,eACA,aACA,wBACA,mBACA,uBACA,SACA,UACA,SACA,yBACA,4BACA,yBACA,W3BvJM,kB2ByJN,8NAEA,eACC,kKAoBH,iBACC,kBACA,qLAEA,UACC,YACA,aACA,mBACA,mBACA,uBACA,kBACA,QACA,UACA,2BACA,kBACA,4LAEA,aACC,eACA,kMAIF,iBACC,mKAmBF,iBACC,kBACA,8KAEA,UACC,YACA,kBACA,QACA,SACA,iBACA,mBACA,kBACA,2BACA,mMAGD,iBACC,yIAgBH,iBACC,gJ1BjSN,WAGE,W0BiSK,kBACA,QACA,SACA,2BACA,kBACA,sKAGD,iBACC,iMAEA,aACC,eACA,aACA,qBACA,OACA,SACA,UACA,+BACA,gBACA,W3BhRM,6C2BkRN,uB5BtU+B,0L4B0UhC,UACC,0MAEA,YACC,mHAaJ,e3BlRkC,sI2B6RlC,oB3BjTS,gBAoByB,6B2BgSjC,qKAME,YACC,mMAaF,qB3B7UO,yB2B+UN,0BACA,mMASD,wB3BzVO,4B2B2VN,6BACA,uIAgBH,qB3BnVkC,gK2BqWjC,wBACC,4FAUJ,kBACC,0IAKC,mBACC,qBACA,yBACA,uKAGA,U3BpZQ,oK2ByZR,U3BzZQ,4I2B+ZT,mBACC,yKAEA,oBACC,yBACA,yJAsBD,wBACC,eACA,iBACA,sJAID,UACC,YACA,gLAiBA,i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wBACC,8CAGD,2BACC,4CAGD,yBACC,6CAGD,0BACC,mCAGD,sBACC,uCAGD,0BACC,0CAGD,6BACC,wCAGD,2BACC,yCAGD,4BACC,oCAGD,Y7BjGuC,0BDiDtC,mC8BgDD,Y7BlGuC,6C6ByGtC,SACC,0B9BxDD,2C8BuDA,SAIE,2B9B3DF,4C8B+DA,Y7BjHsC,2BDkDtC,oD8BqEC,SAGE,2B9BlEH,2C8BuEA,Y7B9HsC,2BDuDtC,mD8B6EC,SAGE,yCAQH,gB7B/IsC,0BDiDtC,uC8B8FA,gB7BhJsC,iD6BuJrC,aACC,0B9BtGF,+C8BqGC,aAIE,2B9BzGH,gD8B6GC,gB7B/JqC,2BDkDtC,wD8BmHE,aAGE,2B9BhHJ,+C8BqHC,gB7B5KqC,2BDuDtC,uD8B2HE,aAGE,2CAtCJ,kB7B/IsC,0BDiDtC,yC8B8FA,kB7BhJsC,mD6BuJrC,eACC,0B9BtGF,iD8BqGC,eAIE,2B9BzGH,kD8B6GC,kB7B/JqC,2BDkDtC,0D8BmHE,eAGE,2B9BhHJ,iD8BqHC,kB7B5KqC,2BDuDtC,yD8B2HE,eAGE,4CAtCJ,mB7B/IsC,0BDiDtC,0C8B8FA,mB7BhJsC,oD6BuJrC,gBACC,0B9BtGF,kD8BqGC,gBAIE,2B9BzGH,mD8B6GC,mB7B/JqC,2BDkDtC,2D8BmHE,gBAGE,2B9BhHJ,kD8BqHC,mB7B5KqC,2BDuDtC,0D8B2HE,gBAGE,0CAtCJ,iB7B/IsC,0BDiDtC,wC8B8FA,iB7BhJsC,kD6BuJrC,cACC,0B9BtGF,gD8BqGC,cAIE,2B9BzGH,iD8B6GC,iB7B/JqC,2BDkDtC,yD8BmHE,cAGE,2B9BhHJ,gD8BqHC,iB7B5KqC,2BDuDtC,wD8B2HE,cAGE,2BAgBJ,eACC,uBACC,iDAiBD,eACA,uBACC,kDAFD,eACA,uBACC,4BAZF,eACC,uBACC,sCC7OH,0BACC,0B/BmFA,oC+BpFD,sBAGE,uCCTF,YACC,yBACA,kB/B4BoB,kB+B1BpB,8BACA,mBACA,0DACA,UACC,eACA,gBACA,uBACA,mBACA,gBACA,uBACA,iBACA,iE7BcF,WAGE,iE6BfA,cACC,iBACA,iBACA,sBACA,2DAGF,UACC,eACA,uBACA,mBACA,gBACA,uBACA,iBACA,wEAED,SACC,2FACA,UACC,eACA,uCAKH,kBACC,qDAGD,iBACC,4CC9CD,U/B0FuC,kgB+BtFtC,U/BsFsC,8C+BnFtC,wBACC,oDACA,qBACC,gGAIF,e/B2EsC,sJ+BrEtC,U/BsEsC,iP+BjEtC,iB/BiEsC,iCADA,4U+B1DrC,U/BojBoB,CA1fiB,oS+B1DrC,U/BojBoB,sI+B7iBpB,iB/BoDqC,gJ+BlDpC,U/BkDoC,+D+B5CtC,U/B4CsC,gBADA,uF+BpCpC,U/BoCoC,gBACA,gE+B5BrC,U/B4BqC,oG+BnBnC,U/BmBmC,2S+BPpC,U/BOoC,mU+BJnC,U/B6fkB,+T+BlfnB,U/BkfmB,2V+B/elB,U/BXmC,sBACA,qD+BmBtC,e/BnBsC,WADA,mE+BuBrC,e/BvBqC,WACA,qI+B+BtC,sB/B/BsC,+T+BkCrC,U/BlCqC,iF+ByCpC,0BACC,sGACA,U/B3CmC,0I+BqDrC,qBACC,2FAMC,qBACC,qGAUD,e/BvEmC,sG+B4EnC,U/B5EmC,qE+BmFrC,U/BnFqC,uD+ByFtC,iB/BzFsC,mH+B4FrC,U/B5FqC,itB+BoGnC,U/BpGmC,6Y+B0GnC,wB/B1GmC,uzB+BsHnC,U/BtHmC,yO+B4HnC,U/B5HmC,2S+BkIpC,eAIC,6DAIF,U/B1IqC,8H+BmJrC,iB/BnJqC,oJ+BsJpC,wB/BtJoC,wJ+ByJnC,U/BzJmC,kJ+B8JpC,wB/B9JoC,6K+BiKnC,U/BjKmC,uM+BoKlC,U/BpKkC,q7C+B+KlC,eAEC,6aASA,U/B+TgB,uhB+BzShB,eACC,6PAOD,U/BiSgB,oZ+B7RhB,eAGC,qFAUJ,qB/B1OoC,gH+B6OnC,U/B5OmC,uH+B+OlC,aACC,0IAGD,U/BnPkC,iJ+B4PjC,aACC,uJAMA,8BACC,qdAgBN,W/BpRqC,gE+B4RpC,U/B5RoC,sE+B8RnC,U/B9RmC,qI+BuStC,qBAEC,2BACA,iJACA,qBACC,yLAGA,qBACC,uKAGF,gBACC,SACA,yKAED,0BACC,sBACA,kB/BzToC,qL+B2TpC,iB/B3ToC,4I+BqUrC,U/BrUqC,sG+B8UpC,eACC,wGAGF,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BnC0SqC,sDmCpStC,QACC,kBACA,uBACA,kBpC9JmB,+BCwbkB,WACA,6CmCvRrC,uBpC/KqC,wPoCkLrC,iBAIC,yBACA,yEAGD,UACC,iBACA,WACA,eACA,iBACA,sBACA,kBACA,gFAEA,aACC,cACA,qFAUD,aACC,iEAIF,aACC,mEAGD,YACC,+CAKF,eACC,+CAID,eACC,qCCpPF,iBACC,qBACA,cACA,wCAEA,eACC,aACA,kBACA,WACA,SACA,YACA,UACA,gBACA,eACA,sBACA,kBrCcmB,sBC4DkB,uCoCvErC,oBACA,mBACA,4FAEA,WAEC,QACA,kBACA,WACA,wBACA,mBACA,sBACA,+CAGD,UACC,UACA,gCACA,8CAGD,UACC,SACA,gCACA,kFAGD,eACC,2CAGD,aACC,SACA,SACA,0mBAIC,QAIC,eACA,SACA,aACA,gBACA,8FAIF,UACC,eACA,cACA,6CACA,gBACA,oBACA,2MAEA,8BAEC,WpCZS,mNoCgBV,mCAEC,WpCjBS,8YoCuBT,8BAGC,cACA,iRAGD,wBAEC,8DAKH,UACC,iBACA,eACA,kBACA,qEAEA,aACC,cACA,oBACA,yNAOD,qBpCtDU,WAuByB,8DoCqCpC,+BACC,iBACA,eACA,WpCtCmC,gDoC6CpC,aACC,SACA,UACA,SACA,iDAKH,aACC,gDAGD,cACC,2DAMA,WACC,WACA,kIAEA,WAEC,UACA,4DAQF,WACC,SACA,2BACA,oIAEA,WAEC,SACA,2BACA,sDAMH,cACC,2EAEA,iBACC,kVASA,wBpCxIW,WoC8IV,6CAIF,aACC,wCChNF,QACC,UACA,gBACA,2CAEA,iBACC,gBACA,mBACA,WrC0DW,6CqCxDX,uBtCIoC,8DsCDpC,aACC,kBACA,QACA,OACA,crCsDU,qEqCnDV,aACC,cACA,sDAIF,QACC,0BvCsDH,yCuCjDA,YAGE,kDAGD,iBtCNqC,0BDuDtC,gDuCjDC,YAIE,2BvCuCH,gDuC3CC,aAQE,oBACA,kBtChBmC,sDsCoBpC,aACC,cACA,0BvC4BH,kDuCxBC,MAGE,sBACA,mBtC7BmC,gDsC2CrC,kBACC,eACA,kEAEA,OACC,UACA,q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","sources":["webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_typography.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_accessibility.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_animations.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_mixins.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_variables.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_colors.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_icons.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_buttons.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_toggles.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_boxes.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_box-settings.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_box-builder.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_layout.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_notifications.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_header.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_summary.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_list.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_tooltips.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_select.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_tags.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_forms.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_radio-checkbox.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_tabs.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_sidenav.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_scores.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_footer.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_progress-bars.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_tables.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_accordions.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_code-snippet.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_modals.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_listing.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_select2.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_utility.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_wp-admin-notices.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_recipient.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_color-accessibility.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_upgrade-page.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_reviews.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_colorpickers.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_upload.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_dropdowns.scss","webpack://wp-hummingbird/./node_modules/@wpmudev/shared-ui/scss/_upsells.scss","webpack://wp-hummingbird/./_src/scss/common/_overwrites.scss","webpack://wp-hummingbird/./_src/scss/common/_buttons.scss","webpack://wp-hummingbird/./_src/scss/common/_extensions.scss","webpack://wp-hummingbird/./_src/scss/common/_variables.scss","webpack://wp-hummingbird/./_src/scss/components/_notices.scss","webpack://wp-hummingbird/./_src/scss/common/_mixins.scss","webpack://wp-hummingbird/./_src/scss/components/_pills.scss","webpack://wp-hummingbird/./_src/scss/components/_border_frame.scss","webpack://wp-hummingbird/./_src/scss/components/_accordions.scss","webpack://wp-hummingbird/./_src/scss/components/_performance_summary.scss","webpack://wp-hummingbird/./_src/scss/modules/_dashboard.scss","webpack://wp-hummingbird/./_src/scss/modules/_performance.scss","webpack://wp-hummingbird/./_src/scss/modules/_caching.scss","webpack://wp-hummingbird/./_src/scss/modules/_minification.scss","webpack://wp-hummingbird/./_src/scss/modules/_uptime.scss","webpack://wp-hummingbird/./_src/scss/modules/_advanced.scss","webpack://wp-hummingbird/./_src/scss/modules/_notifications.scss","webpack://wp-hummingbird/./_src/scss/common/_color-accessibility.scss","webpack://wp-hummingbird/./_src/scss/app.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.8';\n$sui-wrap-class: 'sui-wrap';\n\n// Import Google Fonts\n$import-font:                           true                          !default;\n$google-fonts-url:                      'https://fonts.googleapis.com/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:\t\t\t\t\t\t\t400;\n$font--medium:\t\t\t\t\t\t\t500;\n$font--weight-bold:\t\t\t\t\t\t700;\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:\t\t\t\t\t\t\t4px                           !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:               212px                                                         !default;\n\n$summary-image--width:       192px                                                         !default;\n$summary-image--height:      182px                                                         !default;\n\n$summary-image--position-x:  30px                                                          !default;\n$summary-image--position-y:  bottom                                                        !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:      192px                                                       !default;\n$summary-image-sm--height:     121px                                                       !default;\n\n$summary-image-sm--position-x: 30px                                                        !default;\n$summary-image-sm--position-y: bottom                                                      !default;\n$summary-image-sm--position:   $summary-image-sm--position-x $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 - ($box-selector--line-height + $box-selector--icon-size + $box-selector-vertical--icon-spacing + $box-selector-vertical--padding-top)} !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), 0 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, // Size for unfolded admin menu.\n\tadminmenu-sm: 36px, // 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:   (0, 0),\n\t10:  (10px, 10px),\n\t20:  (20px, 20px),\n\t30:  (30px, 20px),\n\t40:  (40px, 20px),\n\t50:  (50px, 40px),\n\t60:  (60px, 40px),\n\t70:  (70px, 40px),\n\t80:  (80px, 40px),\n\t90:  (90px, 50px),\n\t100: (100px, 50px),\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\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\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: math.div($sui-gutter, 2) $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\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\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-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\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-image--width + $sui-gutter};\n\t\t\t\tmin-height: $summary-size;\n\t\t\t\tflex: 0 0 #{$summary-image--width + $sui-gutter};\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\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\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\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\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\t\t\t}\n\n\t\t\t&:last-child {\n\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\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\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\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\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\n\t\t\t// ELEMENT: Image\n\t\t\t.sui-summary-image-space {\n\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\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\n\t\t\t\t// ELEMENT: Image\n\t\t\t\t.sui-summary-image-space {\n\n\t\t\t\t\t@include media(min-width, md) {\n\n\t\t\t\t\t\t@if variable-exists(summary-image) {\n\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\n\t\t\t\t\t@if $summary-image == '' {\n\n\t\t\t\t\t\t.sui-summary-image-space {\n\n\t\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\n\t\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t\t.sui-summary-details {\n\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\n\t\t\t\t\t.sui-summary-image-space {\n\n\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\n\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t.sui-summary-details {\n\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\n\t\t\t\t\t@include media(min-width, md) {\n\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 $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\n\t\t\t\t// ELEMENT: Image\n\t\t\t\t.sui-summary-image-space {\n\n\t\t\t\t\t@include media(min-width, md) {\n\n\t\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\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\n\t\t\t\t\t@if $summary-image-sm == '' {\n\n\t\t\t\t\t\t.sui-summary-image-space {\n\n\t\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\n\t\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t\t.sui-summary-details {\n\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\n\t\t\t\t\t.sui-summary-image-space {\n\n\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\n\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t.sui-summary-details {\n\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\n\t\t\t\t\t@include media(min-width, md) {\n\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 $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\n\t\t\t.sui-summary-image-space {\n\n\t\t\t\t&:first-child + .sui-summary-segment {\n\n\t\t\t\t\t.sui-list,\n\t\t\t\t\t.sui-summary-details {\n\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\n\t\t\t\t\t@if variable-exists(summary-image) {\n\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\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\n\t\t\t\t.sui-summary-image-space {\n\n\t\t\t\t\t@include media(min-width, md) {\n\n\t\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t\tbackground-size: contain;\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\n\t\t\t\t.sui-summary-image-space {\n\n\t\t\t\t\t@include media(min-width, md) {\n\n\t\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\t\tbackground-size: contain;\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\n\t.sui-summary {\n\n\t\t// ELEMENT: Content\n\t\t.sui-summary-segment {\n\n\t\t\t&:first-child {\n\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\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\t\t\t}\n\n\t\t\t&:last-child {\n\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\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\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\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\n\t\t\t\t@include media(min-width, md) {\n\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\n\t\t\t\t@include media(min-width, md) {\n\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\n\t.sui-summary {\n\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}","@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}\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\tz-index: 1;\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\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}","@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\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\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","@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\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\tborder: 3px solid #fff;\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: 80px;\n\t\t\t\tleft: 15px;\n\t\t\t\tbox-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.25);\n\n\t\t\t\t@media (min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\ttop: 110px;\n\t\t\t\t}\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\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\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// ELEMENT: Select.\n// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\n\tselect.sui-select {\n\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\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\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\n\t\t\t\t\tspan[role=\"combobox\"] {\n\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\n\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t&.select2-selection--multiple {\n\n\t\t\t\t\t\t// Options.\n\t\t\t\t\t\t.select2-selection__rendered {\n\n\t\t\t\t\t\t\t.select2-selection__choice {\n\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\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\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\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\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\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\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\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\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\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\n\t\t\t\t\t.selection {\n\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\n\t\t\t\t\t.selection {\n\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\n\t\t\t\t\t\t\t\ttextarea {\n\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\n\t\t\t\t\t\t&.sui-select-dropdown-container--above {\n\n\t\t\t\t\t\t\t.selection {\n\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\n\t\t\t\t\t\t\t.selection {\n\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\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\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\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\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\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\n\t\t\t\t.selection {\n\t\t\t\t\tcursor: not-allowed;\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\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\n\t\t\t+ .sui-select {\n\n\t\t\t\t// STATE: Default.\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\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\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\n\t\t\t\t\t.selection {\n\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\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\n\t\t\t\t\t.selection {\n\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\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\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\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\n\t\t&.sui-form-field-error {\n\n\t\t\tselect.sui-select {\n\n\t\t\t\t+ .sui-select {\n\n\t\t\t\t\t// STATE: Default.\n\t\t\t\t\t.selection {\n\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\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\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\n\tselect.sui-select {\n\n\t\t+ .sui-select {\n\t\t\tdirection: rtl;\n\t\t\ttext-align: right;\n\n\t\t\t.selection {\n\n\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t&.select2-selection--single {\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\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\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\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\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\n\tselect.sui-select {\n\n\t\t+ .sui-select {\n\n\t\t\t// STATE: Default.\n\t\t\t.selection {\n\n\t\t\t\tspan[role=\"combobox\"] {\n\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\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\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\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\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\n\t\t\t\t.selection {\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\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\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\n\t\t&.sui-form-field-error {\n\n\t\t\tselect.sui-select {\n\n\t\t\t\t+ .sui-select {\n\n\t\t\t\t\t// STATE: Default.\n\t\t\t\t\t.selection {\n\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\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\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\n\t.sui-select {\n\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, .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\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\n\t\t\t\t.sui-select-dropdown {\n\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\n\t\t\t\t\t\t.select2-results__options {\n\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\n\t\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t\t.select2-results {\n\n\t\t\t\t\t\t\t.select2-results__options {\n\n\t\t\t\t\t\t\t\t.select2-results__option {\n\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\n\t\t\t\t.sui-select-dropdown {\n\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\n\t\t\t\t\t\t.select2-results__options {\n\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\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\n\t\t\t\t\t\t.select2-results__options {\n\n\t\t\t\t\t\t\t.select2-results__option {\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\tposition: relative;\n\n\t\t\t\t\t\t\t\t.sui-variable-name {\n\t\t\t\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.sui-variable-value {\n\t\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t\t\t\t\t\t.sui-variable-value {\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\n\t\t\t// DESIGN: Smart Search.\n\t\t\t&.sui-select-theme--search {\n\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\n\t.sui-select {\n\n\t\t&.sui-select-dropdown-container--open {\n\t\t\tdirection: rtl;\n\n\t\t\t.sui-select-dropdown {\n\n\t\t\t\t// Search input.\n\t\t\t\t.select2-search {\n\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\n\t\t\t\t\t.select2-results__options {\n\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\n\t\t\t\t.sui-select-dropdown {\n\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\n\t\t\t\t\t\t.select2-results__options {\n\n\t\t\t\t\t\t\t.select2-results__option {\n\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\n\t\t\t\t.sui-select-dropdown {\n\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\n\t\t\t\t\t\t.select2-results__options {\n\n\t\t\t\t\t\t\t.select2-results__option {\n\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}","$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","/**\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","@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-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\tcolor: $accessible-dark;\n\t\t\t\t\t&:hover {\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// 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-select-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(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","@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.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&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: rgba(51, 51, 51, 0.04);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active {\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[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}","@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}","@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}","/* ****************************************************************************\n * COMMON: EXTEND/OVERRIDE WPMUDEV DASHBOARD/WP STYLES\n */\n\n/* Overwrite for the default notifications */\nbutton.notice-dismiss {\n    position: absolute;\n    top: 0;\n    right: 1px;\n    border: none !important;\n    margin: 0 !important;\n    padding: 9px !important;\n    background: none !important;\n    color: #72777c !important;\n    cursor: pointer !important;\n}\n\n// Fix select overlapping other elements.\n.wpmud .sui-select.sui-select-dropdown-container--open {\n    z-index: 999;\n}\n\n.wpmud .wphb-dismiss {\n    float: right;\n}\n\n.wpmud .wrap-wp-hummingbird strong {\n    color: #333333;\n}\n\n.wpmud .sui-box-settings-row textarea:not(.select2-search__field) {\n    height: 180px !important;\n}\n\n/* Spinners */\n.wpmud .spinner {\n    &.standalone {\n        float: none;\n        margin: 0;\n    }\n\n    &.left {\n        float: left;\n    }\n\n    &.hide { /* Don't take/render block on layout */\n        display: none;\n    }\n\n    &.visible { /* Re-set visibility to visible */\n        visibility: visible;\n    }\n}\n\n.wpmud .sui-notice .sui-notice-message {\n    ul li {\n        color: #333;\n        font-size: 13px;\n        line-height: 22px;\n    }\n}\n\n.wpmud .sui-wrap .sui-summary.sui-rebranded {\n    background-image: none !important;\n}\n\n/* Upgrade page button issue */\n.wpmud .sui-wrap .sui-upsell-row .sui-upsell-notice a.sui-button.sui-button-purple,\n.wpmud .sui-wrap .sui-upgrade-page .sui-upgrade-page-cta__inner .sui-button-purple:hover { color: #fff; }\n\n.wpmud .box-dashboard-welcome .sui-summary-segment,\n.wrap-wphb-minification .box-minification-summary-meta-box .sui-summary-segment,\n.wpmud .box-performance-welcome .sui-summary-segment,\n.wpmud #wphb-box-summary .sui-summary-segment {\n    overflow: visible !important;\n}\n\n/* Stacked checkboxes that are hidden */\n.wpmud .sui-checkbox-stacked.sui-hidden,\n.wpmud .sui-box-settings-row.sui-hidden { display: none !important; }\n\n.wpmud .sui-wrap .box-dashboard-reports a > span,\n.wpmud .sui-wrap .sui-list-detail a > span {\n    cursor: pointer;\n    &.sui-icon-pencil { margin-left: 5px; }\n}\n","/* ****************************************************************************\n * COMMON: BUTTONS\n */\n\n.wpmud .wrap-wp-hummingbird {\n    .wpdui-btn {\n        font: 500 12px/16px $font !important;\n        padding: 7px 16px;\n        height: 30px;\n        background-color: #888;\n        color: #FFFFFF;\n        border-radius: 3px;\n        -moz-border-radius: 3px;\n        transition: all .3s ease;\n        -webkit-transition: all .3s ease;\n        text-shadow: none !important;\n    }\n\n    #wphb-audits-filter-button.active,\n    #wphb-minification-filter-button.active {\n        border-color: #888;\n        background-color: #888;\n        color: #fff;\n    }\n}\n","/* Filename Extensions Icons */\n.wpmud {\n  .wphb-filename-extension {\n    border-radius: 4px;\n    display: block;\n    float: left;\n    font-family: $font;\n    font-size: 9px;\n    color: #fff;\n    text-transform: uppercase;\n    text-align: center;\n    line-height: 43px;\n    height: 30px;\n    margin: 0 10px 0 0;\n    width: 30px;\n\n    &.wphb-filename-extension-html { background-color: #F56418; }\n    &.wphb-filename-extension-other { background-color: #AAAAAA; }\n    &.wphb-filename-extension-font { background-color: #AAAAAA; }\n    &.wphb-filename-extension-css { background-color: #25A8DE; }\n    &.wphb-filename-extension-media { background-color: #55DDB8; }\n    &.wphb-filename-extension-images {\n      background-color: #BDF2F7;\n      color: #333333;\n    }\n\n    &.wphb-filename-extension-javascript,\n    &.wphb-filename-extension-js {\n      background-color: #F7E100;\n      color: #333333;\n    }\n  }\n}\n","/* ****************************************************************************\n * COMMON: VARIABLES\n */\n\n// Colors\n$color--cta: #4E4B10;\n$color--success: #1ABC9C;\n$color--error: #FF6D6D;\n$color--warning: #FECF2F;\n\n// Performance gauge\n$color--performance-fcp: #17A8E3;\n$color--performance-si: #1ABC9C;\n$color--performance-lcp: #FF7E41;\n$color--performance-tti: #FF6D6D;\n$color--performance-tbt: #8D00B1;\n$color--performance-cls: #FECF2F;\n\n// Typo\n$font: 'Roboto', Arial, sans-serif;\n$font--alt: 'Roboto Condensed', 'Roboto', Arial, sans-serif;\n$image--path: \"../images\";\n\n// Responsive Sizes:\n$phone: 480px;\n$phone--large: 600px;\n$tablet: 783px;\n$desktop--small: 960px;\n$desktop: 1100px;\n$desktop--large: 1200px;\n$desktop--wide: 1440px;\n$desktop--very-large: 1600px;\n","/* ****************************************************************************\n * COMPONENTS: NOTICES\n */\n\n@import \"../common/variables\";\n@import \"../common/mixins\";\n\n/**\n * Notices based on .sui-box element.\n * @since 2.6.0\n */\n.wpmud .sui-box.wphb-box-notice {\n    box-shadow: inset 2px 0 0 0 #17A8E3, 0 2px 0 0 #DDDDDD;\n\n    @include bp(phone) {\n        display: flex;\n        align-items: center;\n\n        .sui-summary-sub {\n            text-align: left;\n        }\n    }\n\n    &.wphb-notice-upsell {\n        box-shadow: inset 2px 0 0 0 #8D00B1, 0 2px 0 0 #DDDDDD;\n    }\n\n    &.sui-unbranded .sui-summary-segment {\n        margin-left: 10px;\n    }\n\n    .wphb-dismiss-icon {\n        position: absolute;\n        top: 20px;\n        right: 20px;\n    }\n}\n\n.wpmud .wrap-wp-hummingbird .notice {\n    margin: 15px 0 0;\n    order: 10;\n    width: 100%;\n}\n\n.wpmud .wrap-wp-hummingbird > .wphb-notice:not(.notice) {\n    width: 600px;\n    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.15);\n    border-radius: 0 0 5px 5px;\n    padding: 10px 30px;\n    position: absolute !important;\n    z-index: 100;\n    left: 50%;\n    margin-left: -300px;\n    top: 0;\n}\n\n.wpmud .wphb-notice:not(.notice) {\n    border-radius: 5px;\n    color: #333;\n    font-family: $font;\n    font-size: 15px;\n    font-weight: 400;\n    line-height: 18px;\n    padding: 15px 30px;\n    position: relative;\n    width: 100%;\n}\n\n.wpmud .wphb-notice {\n    &.notice-info {\n        padding-right: 38px;\n        position: relative;\n\n        #wphb-incompat-plugin-list {\n            margin-bottom: 15px;\n            margin-left: 0;\n            padding-left: 2px;\n        }\n\n        a#wphb-manage-plugins {\n            margin-bottom: 5px;\n        }\n\n        .wphb-dismiss-cta {\n            color: #888;\n            margin-left: 10px;\n            text-decoration: none;\n        }\n    }\n    &.notice p {\n        font-size: 14px;\n        line-height: 1.5;\n        margin: 10px 0;\n    }\n\n    p {\n        color: #333;\n    }\n}\n\n.wpmud .wphb-notice:not(.notice) p,\n.wpmud .wphb-notice:not(.notice) span,\n.wpmud .wphb-notice ul,\n.wpmud .wphb-notice strong {\n    margin: 0 0 10px -30px;\n    padding: 0 0 0 30px;\n}\n\n.wpmud .wphb-notice:not(.notice) p:last-of-type {\n    margin: 0;\n}\n\n.wpmud .wphb-notice.can-close .close {\n    cursor: pointer;\n    color: #333333;\n    font-size: 12px;\n    font-weight: bold;\n    line-height: 36px;\n    margin-left: 0;\n    opacity: 0.5;\n    text-transform: uppercase;\n}\n\n.wpmud .wphb-heading-status-green {\n    color: #1ABC9C;\n}\n\n.wpmud .wphb-heading-status {\n    font-family: $font--alt;\n    font-size: 30px;\n    margin-top: 0;\n}\n\n/* Overwrite for clear cache notice additional info link */\n.wpmud .wphb-notice p>a {\n    font-weight: 400;\n}\n\n@include bp(tablet) {\n    .wpmud .wrap-wp-hummingbird > .wphb-notice {\n        width: 85%;\n    }\n}\n\n@include bp(phone-large) {\n    .wpmud .wrap-wp-hummingbird > .wphb-notice {\n        width: 100%;\n        top: 46px;\n        margin-left: -251px;\n    }\n}\n\n@include bp(phone) {\n    .wpmud .wphb-notice:not(.notice) {\n        padding: 15px 20px;\n    }\n}\n","/* ****************************************************************************\n * COMMON: MIXINS\n */\n\n@import \"variables\";\n\n// High PPI display background\n@mixin background-2x($path, $ext: \"png\", $w: auto, $h: auto, $pos: left top, $repeat: no-repeat) {\n    $at1x_path: \"#{$path}.#{$ext}\";\n    $at2x_path: \"#{$path}@2x.#{$ext}\";\n\n    background: #fff url(\"#{$at1x_path}\") $repeat $pos;\n    background-size: $w $h;\n\n    @media only screen and (-webkit-min-device-pixel-ratio: 2),\n    only screen and (min--moz-device-pixel-ratio: 2),\n    only screen and (-o-min-device-pixel-ratio: 2/1),\n    only screen and (min-device-pixel-ratio: 2),\n    only screen and (min-resolution: 192dpi),\n    only screen and (min-resolution: 2dppx) {\n        background-image: url(\"#{$at2x_path}\");\n    }\n}\n\n// Breakpoints\n@mixin bp($point) {\n    // Phone: < 480px\n    @if $point == phone {\n        @media only screen and (max-width: $phone) {\n            @content;\n        }\n    }\n\n    // Phone Large: < 600px\n    @if $point == phone-large {\n        @media only screen and (max-width: $phone--large) {\n            @content;\n        }\n    }\n\n    // Tablet: < 783px\n    @if $point == tablet {\n        @media only screen and (max-width: $tablet) {\n            @content;\n        }\n    }\n\n    // Desktop Small: < 960px\n    @if $point == desktop-small {\n        @media only screen and (max-width: $desktop--small) {\n            @content;\n        }\n    }\n\n    // Desktop: < 1100px\n    @if $point == desktop {\n        @media only screen and (max-width: $desktop) {\n            @content;\n        }\n    }\n\n    // Desktop Large: < 1200px\n    @if $point == desktop-large {\n        @media only screen and (max-width: $desktop--large) {\n            @content;\n        }\n    }\n\n    // Desktop Wide: < 1440px\n    @if $point == desktop-wide {\n        @media only screen and (max-width: $desktop--wide) {\n            @content;\n        }\n    }\n\n    // Desktop Very Large: < 1600px\n    @if $point == desktop-very-large {\n        @media only screen and (max-width: $desktop--very-large) {\n            @content;\n        }\n    }\n}","/* ****************************************************************************\n * COMPONENTS: PILLS\n */\n\n@import \"../common/mixins\";\n\n.wphb-pills {\n    display: inline-block;\n    background-color: #FFD000;\n    color: #333333;\n    border-radius: 15px;\n    width: 39px;\n    height: 26px;\n    font-size: 12px;\n    line-height: 26px;\n    text-align: center;\n    font-weight: 500;\n}\n\n.wpmud .box-title .wphb-pills {\n    margin: 16px 0 0 10px;\n}\n\n.wphb-pills.grey {\n    background-color: #F2F2F2;\n    color: #666;\n}\n\n.wphb-pills.red {\n    background-color: #FF6D6D;\n    color: #fff;\n}\n\n.wphb-pills.green {\n    background-color: #1ABC9C;\n    color: #fff;\n}\n\n.wphb-pills.with-arrow:after {\n    border: 8px solid transparent;\n    content: '';\n    height: 0;\n    pointer-events: none;\n    position: absolute;\n    width: 0;\n    z-index: 1;\n}\n\n.wphb-pills.with-arrow.right:after {\n    border-left-color: #19B4CF;\n    left: 50%;\n    margin-top: -8px;\n    top: 50%;\n}\n\n.wphb-pills.with-arrow.left:after {\n    border-right-color: #19B4CF;\n    right: 100%;\n    margin-top: -8px;\n    top: 50%;\n}\n\n.wphb-pills.with-arrow.right.grey:after {\n    border-left-color: #F2F2F2;\n}\n\n.wphb-pills.with-arrow.left.grey:after {\n    border-right-color: #F2F2F2;\n}\n\n.wphb-pills-group {\n    border-collapse: collapse;\n    border-spacing: 0;\n    font-size: 0;\n    display: inline-block;\n    position: relative;\n}\n\n.wphb-pills-group.stacked .wphb-pills {\n    font-size: 10px;\n    line-height: 12px;\n    height: 12px;\n    text-align: left;\n    max-width: 69px;\n    color: #888888;\n    display: block;\n    background-color: transparent;\n}\n\n.wphb-pills-group.stacked .wphb-pills:last-child {\n    color: #1ABC9C;\n    background-color: transparent;\n}\n\n.wphb-pills-group.stacked .dev-icon.dev-icon-caret_down {\n    color: #1ABC9C;\n    margin-left: 7px;\n}\n\n.wphb-pills-group .wphb-pills {\n    border-radius: 0;\n    width: 80px;\n    line-height: 30px;\n    height: 30px;\n    margin: 0;\n}\n\n.wphb-pills-group .wphb-pills:first-child {\n    border-radius: 5px 0 0 5px !important;\n}\n\n.wphb-pills-group .wphb-pills:last-child {\n    background-color: #17A8E3;\n    color: #FFFFFF;\n    border-radius: 0 5px 5px 0 !important;\n}\n\n.wpmud .dev-list-stats .wphb-pills-group {\n    font-size: 0;\n    line-height: 1em;\n}\n\n@include bp(phone-large) {\n    .wphb-pills {\n        margin: 0 0 0 10px;\n    }\n\n    .wphb-pills-group .wphb-pills:first-child {\n        border-radius: 5px 5px 0 0 !important;\n    }\n\n    .wphb-pills-group .wphb-pills:last-child {\n        border-radius: 0 0 5px 5px !important;\n    }\n}\n\n@include bp(phone) {\n    .wphb-pills-group {\n        border-collapse: inherit;\n        border-spacing: inherit;\n    }\n\n    .wphb-pills.with-arrow.right:after,\n    .wphb-pills.with-arrow.left:after {\n        border-top-color: #19B4CF;\n        margin-top: 0;\n        margin-left: -8px;\n        top: 50%;\n    }\n\n    .wphb-pills.with-arrow.right:after {\n        border-left-color: transparent;\n        left: 50%;\n    }\n\n    .wphb-pills.with-arrow.left:after {\n        border-right-color: transparent;\n        right: 50%;\n    }\n\n    .wphb-pills.with-arrow.right.grey:after {\n        border-top-color: #eee;\n        border-left-color: transparent;\n    }\n\n    .wphb-pills.with-arrow.left.grey:after {\n        border-top-color: #eee;\n        border-right-color: transparent;\n    }\n}","/* ****************************************************************************\n * COMPONENTS: BORDER FRAME\n */\n\n@import \"../common/mixins\";\n\n.wpmud .wphb-border-frame {\n    border: 1px solid #E6E6E6;\n    border-radius: 5px;\n    margin: 10px 0 0 !important;\n\n    .table-header,\n    .table-row {\n        display: flex;\n        justify-content: space-between;\n        padding: 15px 30px;\n    }\n\n    .table-header {\n        color: #333333;\n        font-size: 13px;\n        font-weight: bold;\n        border-bottom: 1px solid #E6E6E6;\n    }\n\n    .table-row {\n        border-bottom: 1px solid #E6E6E6;\n\n        &:last-child {\n            border-bottom: 0;\n        }\n    }\n\n    .table-content {\n        display: flex;\n        justify-content: space-between;\n        font-size: 13px;\n        font-weight: 500;\n\n        strong { color: #333333; }\n        span { color: #888888; }\n    }\n\n    hr {\n        width: 85%;\n        margin: 30px auto 0;\n    }\n}\n\n// Logging box\n.sui-border-frame {\n    .wphb-logging-buttons {\n        margin: 10px 0 0;\n    }\n\n    &.wphb-logging-box > a:last-of-type {\n        display: block;\n        margin-top: 10px;\n    }\n}\n\n@include bp(tablet) {\n    .wpmud .wphb-border-frame {\n        border: 0\n    }\n}\n\n@include bp(phone) {\n    .wpmud .wphb-border-frame .table-header,\n    .wpmud .wphb-border-frame .table-row {\n        padding: 15px 0;\n    }\n}\n","/* ****************************************************************************\n * COMPONENTS: ACCORDIONS\n */\n\n@import \"../common/mixins\";\n\n.wpmud .sui-accordion {\n\n\t.sui-accordion-item {\n\t\t&.sui-dismissed td:first-child {\n\t\t\tborder-left: 2px solid #AAAAAA;\n\t\t}\n\t\t.sui-table tbody {\n\t\t\t.sui-accordion-open-indicator [class*=\"sui-icon-\"] {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-accordion-item--disabled {\n\t\t\t.sui-accordion-item-header {\n\t\t\t\tpointer-events: auto !important;\n\t\t\t}\n\t\t}\n\n\t\t.sui-accordion-item-title {\n\t\t\t&.justify-content-start {\n\t\t\t\tjustify-content: flex-start;\n\t\t\t\tbutton.sui-tooltip {\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground: none;\n\t\t\t\t\t}\n\t\t\t\t\t&.sui-button-icon {\n\t\t\t\t\t\t.sui-icon-info {\n\t\t\t\t\t\t\tfont-size: 12px !important;\n\t\t\t\t\t\t\tmargin: 0 !important;\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: #888 !important;\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-accordion-item-body .sui-box-body {\n\t\tp, span:not([class*=\"sui-icon-\"]):not([class*=\"sui-tag-\"]):not([class*=\"select2-\"]), li { color: #888 !important; }\n\t\t[class*=\"sui-icon-\"] { margin-right: 7px; }\n\n\t\tol {\n\t\t\tmargin-left: 13px;\n\t\t\t.wphb-upsell-performance-row { margin-left: -43px; }\n\t\t}\n\n\t\th4 {\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\t&:not(:first-of-type) { margin-top: 30px; }\n\t\t}\n\n\t\ta.wphb-button-link {\n\t\t\tdisplay: block;\n\t\t\tfont-size: 12px;\n\t\t\ttext-transform: uppercase;\n\t\t\tmargin-bottom: 10px;\n\t\t\tmargin-top: -5px;\n\t\t}\n\n\t\t/* SUI overwrite */\n\t\t.sui-notice {\n\t\t\tp { margin: 0 0 10px; }\n\t\t\tp:last-child { margin: 0; }\n\t\t}\n\n\t\t.sui-code-snippet {\n\t\t\tmargin-bottom: 10px;\n\t\t\tpadding: 20px 30px;\n\t\t\tletter-spacing: -1px;\n\t\t\tline-height: 22px;\n\t\t}\n\n\t\ttable th, td {\n\t\t\ttext-align: right !important;\n\t\t\twidth: 100px;\n\t\t\toverflow-wrap: break-word;\n\n\t\t\t@include bp(phone) { width: 50px; }\n\t\t\ta { font-weight: 400; }\n\n\t\t\t&:first-of-type {\n\t\t\t\ttext-align: left !important;\n\t\t\t\twidth: 100%;\n\t\t\t}\n\t\t}\n\n\t\t.wphb-upsell-performance-row {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin: 15px -30px 0 -30px;\n\t\t\tpadding: 20px 30px 0;\n\t\t\tbackground-color: #FAFAFA;\n\n\t\t\t@include bp(phone) {\n\t\t\t\tmargin-top: 0;\n\t\t\t\tpadding-top: 0;\n\t\t\t}\n\n\t\t\t&.wphb-negative-margin {\n\t\t\t\tmargin-bottom: -30px;\n\t\t\t}\n\n\t\t\t.sui-upsell-image {\n\t\t\t\twidth: 150px;\n\t\t\t\tmargin-right: 30px;\n\t\t\t\t@include bp(phone) { display: none; }\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-accordion-item-header {\n\t\tdiv:nth-child(2) { justify-content: center; }\n\t\tdiv:last-of-type { justify-content: flex-end; }\n\t}\n}\n","/* ****************************************************************************\n * COMPONENTS: PERFORMANCE REPORT SUMMARY STYLES\n * @since 3.0.0\n */\n\n.wpmud .wrap-wphb .box-dashboard-welcome .sui-summary-segment,\n.wpmud .wrap-wphb-performance .box-performance-welcome .sui-summary-segment {\n  .sui-summary-details .sui-summary-large {\n    display: flex;\n    align-items: center;\n    margin-bottom: 20px;\n  }\n\n  // Prevent overflow during page load.\n  select { border: 0; }\n\n  .sui-form-field .select2-container {\n    height: 18px;\n\n    &:focus-visible { outline: none; }\n\n    .selection span[role=\"combobox\"].select2-selection--single {\n      border: 0;\n      background-color: #FFFFFF;\n      width: 80px;\n\n      .select2-selection__rendered {\n        padding: 0;\n        color: #17A8E3;\n        font-size: 14px;\n      }\n    }\n\n    .sui-icon-chevron-down {\n      top: 0;\n      left: 0;\n      &:before { color: #17A8E3 !important; }\n    }\n  }\n\n  .sui-circle-score {\n    width: 81px;\n    height: 81px;\n    margin-right: 10px;\n\n    circle { stroke-width: 12; }\n  }\n\n  .sui-circle-score-label {\n    position: absolute;\n    display: flex;\n    align-content: space-between;\n    justify-content: center;\n    align-items: center;\n    width: 81px;\n    margin: 0;\n    font-weight: 700;\n    font-size: 30px;\n    letter-spacing: -1px;\n  }\n}\n","/* ****************************************************************************\n * MODULES: DASHBOARD\n */\n\n.wpmud div[class^=\"box-dashboard-\"] {\n    /* Images */\n    .sui-box-title:before {\n        color: #333333;\n        float: left;\n        font-size: 20px;\n        margin-right: 10px;\n        line-height: 30px;\n    }\n}\n\n/* Meta boxes on the left */\n.wpmud div[class^=\"box-dashboard-performance\"] .sui-box-title,\n.wpmud div[class^=\"box-dashboard-welcome-upsell\"] .sui-box-title {\n    @include icon(before, 'hummingbird');\n}\n.wpmud div[class^=\"box-dashboard-caching-page\"] .sui-box-title {\n    @include icon(before, 'page');\n}\n.wpmud div[class^=\"box-dashboard-browser\"] .sui-box-title {\n    @include icon(before, 'refresh2');\n}\n.wpmud div[class^=\"box-dashboard-cloudflare\"] .sui-box-title {\n    @include icon(before, 'cloudflare');\n}\n.wpmud div[class^=\"box-dashboard-caching-gravatar\"] .sui-box-title {\n    @include icon(before, 'profile-male');\n}\n.wpmud div[class^=\"box-dashboard-smush\"] .sui-box-title {\n    @include icon(before, 'smush');\n}\n\n/* Meta boxes on the right */\n.wpmud div[class^=\"box-dashboard-gzip\"] .sui-box-title {\n    @include icon(before, 'zip');\n}\n.wpmud div[class^=\"box-dashboard-minification\"] .sui-box-title {\n    @include icon(before, 'arrows-in');\n}\n.wpmud div[class^=\"box-dashboard-advanced-tools\"] .sui-box-title {\n    @include icon(before, 'wand-magic');\n}\n.wpmud div[class^=\"box-dashboard-uptime\"] .sui-box-title {\n    @include icon(before, 'uptime');\n}\n.wpmud div[class^=\"box-dashboard-reports\"] .sui-box-title {\n    @include icon(before, 'graph-line');\n}\n\n.wpmud .wrap-wphb .box-dashboard-welcome.sui-summary:not(.sui-rebranded):not(.sui-unbranded):not(.sui-summary-sm) {\n    @if variable-exists(summary-image) {\n        @include background-2x( \"#{$image--path}/summary-graphic-dash\", 'png', 192px, 182px, 30px 100% );\n    }\n\n    @include media(max-width, md) {\n        background-image: unset;\n    }\n}\n\n/* Dashboard background images */\n.wpmud .box-dashboard-welcome.sui-summary .sui-button-purple {\n    border-radius: 20px;\n    min-width: 50px;\n    min-height: 18px;\n    padding-top: 0;\n    padding-bottom: 0;\n}\n\n/* Dashboard Performance Test */\n.wpmud .sui-color-accessible .box-dashboard-performance-module .sui-table td:first-child  {\n    padding-left: 15px !important;\n}\n\n.wpmud .box-dashboard-performance-module {\n    .wphb-performance-report-item {\n        cursor: pointer;\n    }\n\n    .sui-table {\n        border: 0;\n\n        td:first-child { padding-left: 0 !important; }\n\n        td:last-child {\n            padding-right: 0 !important;\n            text-align: right;\n        }\n\n        td:nth-child(2) {\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            & > div {\n                width: 62px;\n            }\n        }\n\n        span[class^=sui-icon] {\n            margin-left: 7px;\n            margin-right: 0;\n            vertical-align: sub;\n        }\n    }\n\n    .sui-box-body {\n        border-bottom: 1px solid #E6E6E6;\n        .status-text { float: right; }\n        .sui-table { margin-top: 10px; }\n    }\n\n    .sui-box-footer { border-top: 0 !important; }\n\n    .wphb-metrics-widget {\n        padding-bottom: 0 !important;\n        .sui-notice { margin: 20px 0; }\n    }\n}\n\n.wpmud .wphb-border-frame .wphb-caching-summary-item-type,\n.wpmud .wphb-border-frame .wphb-gzip-summary-item-type {\n    display: flex;\n    align-items: center;\n    align-content: center;\n}\n\n/* Status text on dashboard meta boxes */\n.wpmud .sui-box .status-text {\n    color: #888888;\n    font-size: 13px;\n    line-height: 22px;\n    margin-top: 5px;\n}\n\n/* Dashboard Asset Optimization */\n.wpmud .box-dashboard-minification-network-module {\n    .sui-button-purple {\n        border-radius: 20px !important;\n        text-transform: none !important;\n    }\n\n    .sui-disabled {\n        background-color: rgba(242,242,242,0.5);\n        margin-left: -30px !important;\n        margin-right: -30px !important;\n        padding: 20px 30px !important;\n        border-bottom: 0 !important;\n\n        & + li {\n            border-top: 1px solid #E6E6E6;\n        }\n    }\n}\n\n.wpmud .box-dashboard-minification-module .wphb-pills {\n    font-weight: bold;\n}\n\n/* Reporting meta box */\n.wpmud .box-dashboard-reports {\n    p:first-of-type {\n        margin-bottom: 10px !important;\n    }\n\n    table.sui-flushed {\n        margin-left: -30px;\n        margin-right: -30px;\n        width: calc(100% + 60px);\n        border-top: 0;\n        border-left: 0;\n        border-right: 0;\n\n        td:nth-child(3) { text-align: right; }\n    }\n}\n\n// Dashboard lists\n@include body-class(true) {\n    li.sui-list-header {\n        justify-content: space-between;\n        padding-bottom: 0;\n        > span {\n            color: #333333;\n            font-size: 13px;\n            font-weight: bold;\n            line-height: 30px;\n            padding-bottom: 0;\n        }\n    }\n}\n\n@include bp(phone) {\n    .wpmud .box-dashboard-minification-module .wphb-pills {\n        display: block;\n    }\n\n    .wpmud .sui-box .status-text {\n        line-height: 15px;\n        margin-top: 0;\n        padding-left: 10px;\n        word-wrap: break-word;\n        max-width: 175px;\n    }\n}\n\n/**\n * Upgrade modal.\n *\n * @since 2.6.0\n */\n.wpmud #upgrade-summary-modal {\n    .wphb-upgrade-item {\n        font-size: 13px;\n        font-weight: 500;\n        margin-bottom: 0;\n        display: list-item;\n        list-style-type: disc;\n        list-style-position: inside;\n    }\n\n    .wphb-upgrade-item-desc {\n        font-size: 13px;\n        line-height: 22px;\n        margin-top: 0;\n        color: #888;\n    }\n}\n\n/**\n * Clear cache modal.\n *\n * @since 2.7.1\n */\n.wpmud #clear-cache-modal {\n    label.sui-checkbox { margin: 0 0 5px }\n    span.sui-checkbox-description { margin-bottom: 10px }\n}\n\n/**\n * Tutorials\n *\n * @since 2.8.0\n */\n.wpmud #wphb-dashboard-tutorials > .sui-notice,\n.wpmud .sui-tutorials-slider-box {\n    margin-bottom: 30px !important;\n}","/* ****************************************************************************\n * MODULES: PERFORMANCE\n */\n\n@import \"../common/mixins\";\n@import \"../common/variables\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n\n.wpmud .wrap-wphb-performance {\n    .box-performance-metrics .wphb-performance-metrics {\n        display: flex;\n        align-items: center;\n        margin-bottom: 30px;\n\n        @include bp(tablet) { flex-direction: column; }\n\n        .wphb-metrics-table {\n            display: flex;\n            flex-wrap: wrap;\n            width: 100%;\n\n            & > div {\n                display: flex;\n                justify-content: space-between;\n                flex: 50%;\n                border: 1px solid #E6E6E6;\n                padding: 20px 30px;\n                font-size: 13px;\n\n                &:nth-child(even) { border-left-width: 0; }\n                &:nth-child(n+3) { border-top-width: 0; }\n\n                @include bp(desktop-large) { padding: 20px 10px; }\n                @include bp(desktop) {\n                    flex: 100%;\n                    &:nth-child(even) { border-left-width: 1px; }\n                    &:nth-child(n+2) { border-top-width: 0; }\n                }\n                @include bp(tablet) {\n                    flex: 50%;\n                    &:nth-child(even) { border-left-width: 0; }\n                    &:nth-child(2) { border-top-width: 1px; }\n                }\n                @include bp(phone-large) {\n                    flex: 100%;\n                    &:nth-child(even) { border-left-width: 1px; }\n                    &:nth-child(2) { border-top-width: 0; }\n                }\n            }\n\n            .wphb-metric-info {\n                display: flex;\n                align-items: center;\n                a, span.sui-tooltip, span[class^=\"sui-icon-\"] { line-height: 16px; }\n                strong { margin: 0 10px; }\n            }\n\n            .wphb-metric-value {\n                font-weight: 500;\n                letter-spacing: -0.25px;\n                color: #888888;\n            }\n        }\n    }\n\n    .box-performance-metrics .wphb-performance-score {\n        font-family: $font;\n        margin-right: 30px;\n\n        .wphb-gauge__wrapper {\n            margin: 0 auto;\n            width: 290px;\n            stroke-width: 28px;\n            stroke-linecap: butt;\n\n            .wphb-gauge__percentage {\n                text-anchor: middle;\n                dominant-baseline: central;\n                font-weight: bold;\n                letter-spacing: -1px;\n                font-size: 16px;\n                color: $gray-alt;\n            }\n\n            .metric {\n                pointer-events: auto;\n                transition: transform .1s .2s ease-out,  opacity .3s ease-out;\n\n                &.metric--FCP .speed-metric-gauge { color: $color--performance-fcp; }\n                &.metric--SI .speed-metric-gauge { color: $color--performance-si; }\n                &.metric--LCP .speed-metric-gauge { color: $color--performance-lcp; }\n                &.metric--TTI .speed-metric-gauge { color: $color--performance-tti; }\n                &.metric--TBT .speed-metric-gauge { color: $color--performance-tbt; }\n                &.metric--CLS .speed-metric-gauge { color: $color--performance-cls; }\n\n                .wphb-gauge {\n                    fill: none;\n                }\n\n                .wphb-gauge--bg { opacity: 0.3; }\n\n                .speed-metric-gauge {\n                    stroke-dashoffset: var(--metric-offset);\n                }\n\n                .speed-metric-gauge.wphb-gauge--fill {\n                    stroke-dasharray: var(--metric-array);\n                }\n\n                circle {\n                    stroke: currentcolor;\n                    r: 38px;\n                }\n\n                text {\n                    &.metric__label {\n                        font-size: 7px;\n                        font-weight: bold;\n                    }\n\n                    &.metric__label,\n                    &.metric__value {\n                        letter-spacing: -0.25px;\n                    }\n\n                    &.metric__value {\n                        font-size: 6.5px;\n                        font-weight: 500;\n                        fill: #000000;\n                        opacity: 0;\n                        transition: opacity 0.2s;\n                    }\n                }\n            }\n\n            &.state--highlight {\n                .wphb-gauge__percentage { opacity: 0; }\n                .metric { opacity: .3; }\n                .metric--highlight {\n                    opacity: 1;\n                    stroke-width: 32px;\n                }\n                .metric--highlight .metric__value {\n                    opacity: 1;\n                }\n            }\n        }\n    }\n\n\n    #wphb-error-details {\n        display: none;\n\n        code {\n            background: #fff;\n        }\n    }\n\n    /**\n     * Historic Field Data meta box.\n     */\n    .box-performance-metrics {\n        .wphb-border-frame .table-header { background-color: #FAFAFA; }\n\n        #first_contentful_paint,\n        #first_input_delay {\n            svg g path {\n                stroke: transparent;\n            }\n\n            svg g rect {\n                stroke: transparent;\n                stroke-width: 0;\n            }\n\n            & > div > div {\n                width: auto !important;\n            }\n        }\n\n        /**\n         * Fix for flickering tooltips\n         * @see https://github.com/google/google-visualization-issues/issues/2162\n         */\n        div.google-visualization-tooltip { pointer-events: none }\n        .google-visualization-tooltip {\n            margin-top: -60px;\n            max-width: 200px;\n            border: none;\n            border-radius: 4px;\n            background-color: #333333;\n            padding: 8px 12px;\n            color: #FFFFFF;\n            font-size: 12px;\n            font-weight: 500;\n            letter-spacing: -0.25px;\n            line-height: 18px;\n        }\n\n        .performance-chart-keys {\n            display: flex;\n            justify-content: space-around;\n        }\n\n        .performance-chart-keys span {\n            color: #333;\n            font-size: 13px;\n            font-weight: 500;\n            text-align: center;\n            line-height: 25px;\n\n            &:before {\n                content: \"\";\n                display: block;\n                height: 10px;\n                width: 10px;\n                border-radius: 50%;\n                margin: 0 auto 5px;\n            }\n\n            &.fast-key:before { background-color: #1ABC9C; }\n            &.average-key:before { background-color: #FECF2F; }\n            &.slow-key:before { background-color: #FF6D6D; }\n        }\n    }\n\n    /**\n     * Performance audits.\n     */\n    .box-performance-audits {\n        .wphb-audits-filter p.sui-description {\n            margin-bottom: 10px;\n        }\n\n        .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n            margin: 0 -30px 60px;\n            border-top: 0;\n            border-left: 0;\n            border-right: 0;\n\n            &:last-of-type {\n                margin-top: -20px;\n                border-bottom-width: 1px;\n            }\n\n            @include bp(tablet) { margin: 0 -20px 30px; }\n\n            .sui-accordion-item:last-child .sui-accordion-item-header,\n            .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item:last-child .sui-accordion-item-body {\n                border-bottom-right-radius: 0;\n                border-bottom-left-radius: 0;\n            }\n        }\n\n        .sui-accordion-header > div:nth-child(2) {\n            flex-basis: 62px;\n        }\n\n        .sui-accordion-header > div:nth-child(2),\n        .sui-accordion-item-header > div:nth-child(2) {\n            width: 62px;\n            flex-grow: 0;\n            display: flex;\n            justify-content: flex-start;\n        }\n    }\n\n    .box-performance-audits {\n        #server-response-time {\n            .sui-settings-box {\n                margin-top: 20px;\n                margin-bottom: 20px;\n\n                .sui-image {\n                    float: left;\n                    margin-bottom: 20px;\n                }\n            }\n\n            .wphb-ttfb-measurements {\n                display: flex;\n                margin-top: 20px;\n                margin-bottom: 20px;\n\n                .sui-form-field { margin-bottom: 0; }\n            }\n\n            .sui-form-control[disabled] {\n                font-size: 12px;\n                text-align: center;\n                color: #333333;\n                background-color: #FAFAFA;\n            }\n        }\n    }\n\n    /**\n     * Diagnostics.\n     */\n    .box-performance-audits {\n        #largest-contentful-paint-element,\n        #layout-shift-elements {\n            .sui-accordion-item-body .sui-box-body table th:nth-child(2) { width: 200px }\n            .sui-code-snippet {\n                tab-size: 0;\n            }\n        }\n    }\n\n    .sui-actions-right .sui-tooltip {\n        margin-right: 10px;\n    }\n\n    .sui-dismissed .sui-circle-score svg circle:last-child {\n        stroke: #AAAAAA;\n    }\n\n    .wphb-gray-color svg circle:last-child {\n        stroke: #F2F2F2 !important;\n    }\n\n    // Overwrites on per audit basis.\n    #dom-size table td {\n        &:first-of-type { width: 200px; }\n        &:last-of-type { width: 100px; }\n        &:nth-of-type(2) {\n            width: 100%;\n            text-align: left !important;\n        }\n    }\n\n    #duplicated-javascript .sui-accordion-item-body .sui-box-body table th:last-of-type { width: 130px; }\n\n    .sui-accordion .sui-accordion-item-header .sui-accordion-open-indicator { margin-left: 30px !important; }\n}\n","/* ****************************************************************************\n * MODULES: CACHING MODULES\n */\n\n@import \"../common/variables\";\n@import \"../common/mixins\";\n\n/**\n * Common styles for caching meta boxes\n */\n.wpmud .wrap-wphb-caching {\n    /* Expiration table */\n    .wphb-border-frame {\n        .table-header .wphb-caching-summary-heading-type {\n            flex-basis: 85px;\n        }\n\n        .table-row {\n            .wphb-gzip-summary-item-type,\n            .wphb-caching-summary-item-type {\n                flex-basis: 100px;\n            }\n\n            .wphb-caching-summary-item-expiry,\n            .wphb-caching-summary-item-status {\n                flex-basis: auto;\n            }\n\n            .wphb-caching-summary-item-type {\n                font-size: 13px;\n                font-weight: 500;\n                color: #333333;\n            }\n        }\n    }\n}\n\n/**\n * Summary meta box\n */\n.wpmud #wphb-box-summary {\n    .sui-icon-info {\n        top: 2px !important;\n    }\n\n    .sui-summary-details .sui-summary-detail {\n        overflow: visible !important;\n    }\n}\n\n.wpmud .wrap-wphb-caching .box-summary.sui-summary:not(.sui-rebranded):not(.sui-unbranded):not(.sui-summary-sm) {\n    @if variable-exists(summary-image) {\n        @include background-2x(\"#{$image--path}/summary-graphic-caching\", 'png', 192px, 172px, 30px 100%);\n    }\n\n    @include media(max-width, md) {\n        background-image: unset;\n    }\n}\n\n/**\n * Page caching meta box\n */\n.wpmud .box-caching-page-caching {\n    /* Two column layouts: used in page types table */\n    .wphb-dash-table.three-columns > .wphb-dash-table-row > div {\n        flex-basis: 25%;\n    }\n\n    .wphb-dash-table-row {\n        display: flex;\n        align-items: center;\n        align-content: center;\n        justify-content: space-between;\n        height: 60px;\n        border-top: 1px solid #E6E6E6;\n\n        &:first-child {\n            border-top: 0;\n        }\n\n        &:last-child {\n            margin-bottom: -10px;\n        }\n\n        > div {\n            text-align: center;\n\n            &:first-child {\n                display: flex;\n                align-items: center;\n                align-content: center;\n                flex-basis: 50% !important;\n                text-align: left;\n                font-size: 13px;\n                color: #333333;\n                font-weight: 500;\n                line-height: 16px;\n            }\n\n            &:last-child {\n                text-align: right;\n            }\n        }\n    }\n}\n\n/**\n * Browser caching meta box\n */\n.sui-wrap .box-caching-status {\n    .sui-upsell-notice span:not([class*=\"sui-icon-\"]) {\n        display: block;\n        margin-top: 10px;\n    }\n\n    .wphb-caching-summary-item-expiry .sui-tag.sui-tag-disabled {\n        color: #333333;\n    }\n}\n.sui-wrap:not(.sui-color-accessible) .box-dashboard-caching-browser .sui-upsell-notice p,\n.sui-wrap:not(.sui-color-accessible) .box-caching-status .sui-upsell-notice p {\n    border-left: 2px solid #17a8e3 !important;\n    &:before { color: #17a8e3 !important; }\n    a {\n        color: #fff !important;\n        &:hover { color: #fff !important }\n    }\n    a:not(.sui-button) { color: #17a8e3 !important; }\n}\n\n/**\n * Integrations meta box\n * @since 2.5.0\n */\n.wpmud .box-integrations {\n    .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields).sui-accordion-flushed {\n        margin: 0 -30px;\n        border-top: 0;\n\n        &:last-child { border-bottom: 1px solid #E6E6E6; }\n        .sui-image { margin-right: 10px; }\n        .sui-accordion-item .sui-accordion-item-header .sui-icon-plus { margin-right: 0; }\n    }\n\n    .sui-accordion:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) .sui-accordion-item.sui-accordion-item--disabled .sui-accordion-item-header .sui-accordion-item-action {\n        pointer-events: none;\n    }\n\n    .sui-accordion-item-header {\n        .sui-icon-info { margin-left: 10px; }\n\n        .sui-accordion-item-title {\n            flex-basis: 260px !important;\n            .sui-tooltip.sui-tooltip-constrained { height: 16px; }\n            .sui-icon-check-tick { margin-left: 10px; }\n        }\n\n        .wphb-integration-description {\n            flex-grow: 4;\n            flex-basis: 100% !important;\n            justify-content: left !important;\n        }\n\n        .sui-accordion-col-auto {\n            flex-basis: 120px !important;\n        }\n    }\n\n    #wphb-react-cloudflare .sui-accordion-item-body .sui-box-settings-row:last-of-type .sui-box-settings-col-2 {\n        & > div.sui-form-field:nth-last-child(2) { margin-bottom: 15px; }\n        #wphb-cloudflare-apo-device-label { margin-bottom: 10px; }\n    }\n}\n\n/**\n * Integrations connect Cloudflare modal.\n *\n * @since 3.0.0\n */\n.wpmud #cloudflare-connect {\n    .sui-border-frame {\n        margin: 30px 30px 0;\n        padding: 25px 25px 15px 35px;\n        font-size: 13px;\n        line-height: 22px;\n    }\n\n    .sui-box-footer a > span {\n        margin-left: 5px;\n        &:before { color: #17A8E3; }\n    }\n}\n","/* ****************************************************************************\n * MODULES: MINIFICATION\n */\n\n@import \"../common/variables\";\n@import \"../common/mixins\";\n\n.wrap-wphb-minification {\n    /**\n     * Summary metabox\n     * @since 2.6.0\n     */\n    .box-minification-summary-meta-box {\n        .sui-summary .sui-summary-details .sui-icon-check-tick {\n            top: 0;\n            left: 0;\n            height: 0;\n            margin: 0;\n        }\n\n        .sui-list-detail { display: flex; }\n\n        .sui-icon-check-tick {\n            margin-left: 10px;\n            &:before { color: #1ABC9C; }\n        }\n    }\n\n\n    /* Asset Optimization - changed file */\n    @keyframes pop{\n        50%  {\n            transform: scale(1.2);\n        }\n    }\n\n    .sui-modal {\n        text-align: left;\n        z-index: 102 !important;\n    }\n\n    .box-minification-tools textarea {\n        height: 400px;\n        max-width: 100%;\n        margin-bottom: 0;\n    }\n\n    /**\n     * Auto to manual modal\n     * @since 2.6.0\n     */\n    #wphb-upgrade-minification-modal .sui-box-body a,\n    #wphb-advanced-minification-modal .sui-box-body a {\n        display: block;\n        font-size: 12px;\n        text-transform: uppercase;\n        margin-top: 15px;\n        color: #888;\n    }\n    #wphb-upgrade-minification-modal .sui-box-body a {\n        text-transform: initial;\n        color: #17A8E3;\n    }\n\n    /**\n     * How to modals.\n     * @since 2.6.0\n     */\n    #manual-ao-hdiw-modal #manual-ao-hdiw-modal-expand,\n    #automatic-ao-hdiw-modal #automatic-ao-hdiw-modal-expand {\n        display: none;\n    }\n\n    #manual-ao-hdiw-modal.sui-modal-sm,\n    #automatic-ao-hdiw-modal.sui-modal-sm {\n        @keyframes fadeInRight {\n            from {\n                opacity: 0;\n                transform: translate3d(150px, 0, 0);\n            }\n            to {\n                opacity: 1;\n                transform: none;\n            }\n        }\n\n        @keyframes fadeOutRight {\n            from {\n                opacity: 1;\n                transform: none;\n            }\n            to {\n                opacity: 0;\n                transform: translate3d(150px, 0, 0);\n            }\n        }\n\n        .sui-content-fade-in {\n            animation-duration: 0.1s !important;\n            animation-name: fadeInRight !important;\n        }\n\n        .sui-content-fade-out {\n            animation-duration: 0.1s !important;\n            animation-name: fadeOutRight !important;\n        }\n\n        #manual-ao-hdiw-modal-content,\n        #automatic-ao-hdiw-modal-content {\n            position: absolute;\n            top: 0;\n            right: 0;\n            padding: 0;\n\n            & > .sui-box {\n                border-radius: 0;\n            }\n        }\n\n        #manual-ao-hdiw-modal-collapse,\n        #automatic-ao-hdiw-modal-collapse {\n            display: none;\n        }\n\n        #manual-ao-hdiw-modal-expand,\n        #automatic-ao-hdiw-modal-expand {\n            display: inline-flex;\n        }\n\n        h3, h4 {\n            margin-top: 20px;\n        }\n    }\n\n    #manual-ao-hdiw-modal-header-wrap {\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        margin: 0;\n\n        &.sui-box {\n            &.sui-box-sticky {\n                margin: 0;\n                padding: 0;\n                display: inherit;\n                top: -30px !important;\n\n                @media only screen and (max-width: 480px) {\n                    top: -10px;\n                }\n\n                @media only screen and (max-width: 782px) {\n                    top: -10px !important;\n                    position: sticky !important;\n                }\n            }\n\n            &.video-playing #manual-ao-hdiw-modal-video-desc {\n                visibility: hidden;\n            }\n        }\n    }\n\n    #manual-ao-hdiw-modal-body-wrap {\n        border-top-left-radius: 0;\n        border-top-right-radius: 0;\n    }\n    /* END How to modals. */\n\n    /* Tour modal */\n    #wphb-tour-minification-modal .sui-box-banner > img {\n        padding: 70px 50px 65px !important;\n        background-color: #F2F2F2;\n    }\n\n    /* Checkbox groups & exclude */\n    .wphb-minification-exclude,\n    .checkbox-group {\n        border-radius: 41px;\n        display: flex;\n        justify-content: flex-end;\n        height: 40px;\n\n        & > span {\n            color: #AAAAAA;\n            font-size: 16px;\n            line-height: 40px;\n        }\n\n        /* We do not use display: none, because screen readers don't see the element */\n        input[type=\"checkbox\"] {\n            border: 0;\n            clip: rect(0 0 0 0);\n            height: 1px;\n            margin: -1px;\n            overflow: hidden;\n            padding: 0;\n            position: absolute;\n            width: 1px;\n            display: block;\n        }\n\n        input[type=\"checkbox\"] + label.toggle-label-background, /* modal */\n        input[type=\"checkbox\"]:checked + label {\n            box-shadow: none;\n            background-color: #E1F6FF;\n            border-color: #E1F6FF;\n        }\n\n        input[type=\"checkbox\"] + label {\n            background-color: #fff;\n            border: 1px solid #E6E6E6;\n            border-radius: 4px;\n            display: flex;\n            padding: 0;\n            align-items: center;\n            justify-content: center;\n            text-align: center;\n            width: 50px;\n            position: relative;\n            transition-property: background, color;\n            transition-duration: 0.3s;\n            color: transparent !important;\n            margin-bottom: 0;\n            margin-left: 5px;\n\n            & > span:not(.toggle),\n            & > [class*=\"sui-icon-\"] {\n                color: #888888;\n                padding: 0;\n                font-size: 16px;\n                line-height: 16px;\n            }\n\n            & > [tooltip] {\n                position: absolute;\n                left: 0;\n                top: 0;\n                bottom: 0;\n                right: 0;\n                z-index: 9;\n            }\n\n            &.toggle-label-background > span:not(.toggle) /* modal */\n            {\n                color: #17A8E3;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked:not(:disabled) + label {\n            & > span:not(.toggle),\n            & > [class*=\"sui-icon-\"]:not(.sui-icon-eye-hide) {\n                color: #17A8E3;\n            }\n\n            & > [class*=\"sui-icon-\"]:not(.sui-icon-eye-hide) {\n                &:before {\n                    color: #17A8E3;\n                }\n            }\n        }\n\n        input[type=\"checkbox\"]:disabled + label {\n            background-color: #F5F5F5;\n            border-color: #F8F8F8;\n\n            & > span:not(.toggle):before,\n            & > [class*=\"sui-icon-\"] {\n                color: #DDD;\n            }\n        }\n    }\n\n    /* Exclude file checkbox overrides */\n    .wphb-minification-exclude {\n        margin-left: 10px;\n        [class*=\"sui-icon-\"] {\n            &:before {\n                font-size: 14px;\n                line-height: 40px;\n            }\n        }\n\n        input[type=\"checkbox\"]:checked + label {\n            background-color: #FFFFFF;\n            border: none;\n            &:hover {\n                background-color: #FFE5E9;\n\n                [class*=\"sui-icon-\"] {\n                    &:before {\n                        color: #FF6D6D;\n                    }\n                }\n            }\n        }\n    }\n\n    /* Asset Optimization meta box */\n    .wphb-minification-files {\n        background-color: #F8F8F8;\n        padding-bottom: 1px;\n\n        .sui-notice {\n            margin-left: 30px;\n            margin-right: 30px;\n        }\n    }\n\n    .wphb-minification-files-header {\n        background-color: #fff;\n        border-bottom: 1px solid #E6E6E6;\n        margin-bottom: 30px;\n        padding: 30px;\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    .wphb-border-row {\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-orient: horizontal;\n        -webkit-box-direction: normal;\n        flex-flow: row wrap;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n        align-content: center;\n        position: relative;\n    }\n\n    .wphb-minification-files-advanced .wphb-border-row,\n    .wphb-minification-files-advanced .wphb-minification-row-details {\n        padding: 10px 30px;\n        -webkit-box-pack: justify;\n        -ms-flex-pack: justify;\n        justify-content: space-between;\n\n        & .sui-tooltip:after {\n            z-index: 101; // Prevents sticky box from overflowing the tooltip.\n        }\n    }\n\n    .sui-box-sticky,\n    .wphb-minification-files-advanced .wphb-minification-row-details {\n        padding: 0;\n        display: flex;\n        align-content: center;\n        align-items: center;\n    }\n\n    .wphb-minification-files-advanced .wphb-border-row {\n        padding: 10px 15px 10px 20px;\n        min-height: 70px;\n        background-color: #FFF;\n        border-radius: 4px;\n        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);\n        margin-bottom: 10px;\n    }\n\n    .wphb-minification-files-advanced .wphb-border-row:last-child {\n        border-bottom: 0;\n    }\n\n    .wphb-minification-files .sui-box-sticky {\n        box-shadow: none;\n        border-bottom-left-radius: 0;\n        border-bottom-right-radius: 0;\n        border-bottom: 1px solid #E6E6E6;\n    }\n\n    .sui-box-sticky {\n        padding: 15px 20px;\n        z-index: 101 !important;\n\n        @include bp(phone) {\n            margin: -10px 0 20px !important;\n            padding: 0;\n            flex-wrap: wrap;\n            border-radius: 0;\n\n            position: -webkit-sticky !important;\n            position: sticky !important;\n            top: 0;\n            z-index: 12;\n\n            .sui-actions-left,\n            .sui-actions-right {\n                padding: 10px 0 10px 10px;\n                justify-content: space-between;\n                width: 100%;\n            }\n\n            .sui-actions-right {\n                padding: 10px 10px 10px 0;\n                #wphb-minification-filter-button { margin-left: 10px; }\n            }\n\n            .sui-actions-left {\n                border-bottom: 1px solid #E6E6E6;\n                margin-left: 0;\n                padding: 10px;\n            }\n        }\n    }\n\n    .sui-box-sticky,\n    .wphb-minification-files-table.wphb-minification-files-advanced {\n        background-color: #F8F8F8;\n        margin: 0 30px 30px;\n    }\n    .sui-box-sticky {\n        background-color: #FFFFFF;\n        border-radius: 4px;\n        box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);\n    }\n\n    .wphb-minification-files > h3,\n    .wphb-minification-files-select h3 {\n        font-size: 13px;\n        font-weight: bold;\n        line-height: 22px;\n        color: #888888;\n        text-align: left;\n        text-transform: none;\n        margin: 10px 30px;\n    }\n\n    /* Styles for advanced views */\n    .fileinfo-group:not(.wphb-compressed) {\n        .sui-tooltip:not(.wphb-row-status-queued):before,\n        .sui-tooltip:not(.wphb-row-status-queued):after {\n            display: none;\n        }\n    }\n    .fileinfo-group.wphb-compressed {\n        .sui-tooltip:before,\n        .sui-tooltip:after {\n            left: calc( 50% - 25px );\n        }\n\n        .wphb-filename-extension:hover {\n            color: rgba(51,51,51,0);\n            background-color: rgba(51,51,51,0.75);\n            cursor: pointer;\n        }\n\n        .wphb-filename-extension:hover:before {\n            font-family: wpmudev-plugin-icons;\n            content: '\\AE';\n            color: #fff;\n            font-size: 12px;\n            margin-top: -5px;\n            display: block;\n        }\n    }\n    .wphb-minification-file-info {\n        float: left;\n        line-height: 18px;\n        white-space: nowrap;\n        width: 280px;\n        > {\n            * {\n                color: #AAAAAA;\n                font-size: 10px;\n                font-weight: 500;\n                line-height: 10px;\n            }\n            span:first-child {\n                color: #666666;\n                display: block;\n                font-size: 13px;\n                line-height: 13px;\n            }\n            .wphb-minification-font-url {\n                overflow: hidden;\n                text-overflow: ellipsis;\n                display: inline-block;\n                width: auto;\n                max-width: 700px;\n                @include bp(desktop-very-large) { width: 550px; }\n                @include bp(desktop-wide) { width: 380px; }\n            }\n            a:not(.wphb-minification-font-url) {\n                max-width: 200px;\n                overflow: hidden;\n                display: inline-flex;\n            }\n            span {\n                .original-size.crossed-out {\n                    text-decoration: line-through;\n                }\n                .sui-icon-chevron-down:before {\n                    font-size: 8px;\n                    position: relative;\n                    top: 0;\n                }\n                .sui-icon-chevron-down:before,\n                .compressed-size {\n                    color: #1ABC9C;\n                }\n            }\n        }\n    }\n    .wphb-border-row:not(.disabled) .wphb-minification-file-info:after {\n        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);\n        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);\n        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 100%);\n        content: '';\n        height: 100%;\n        pointer-events: none;\n        position: absolute;\n        right: 0;\n        top: 0;\n        width: 40px;\n    }\n    .wphb-border-row {\n        .wphb-row-status {\n            position: absolute;\n            height: 20px;\n            width: 20px;\n            border-radius: 50%;\n            background-color: #FFFFFF;\n            box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);\n            left: -9px;\n            animation: pop 0.3s linear 1;\n            z-index: 1;\n            span {\n                position: absolute;\n                height: 12px;\n                width: 12px;\n                font-size: 12px;\n                line-height: 22px;\n                left: 4px;\n                &:before {\n                    color: #17A8E3;\n                }\n            }\n            &.wphb-row-status-compressed {\n                span:before {\n                    color: $color--success;\n                }\n            }\n            &.wphb-row-status-already-compressed {\n                span:before {\n                    color: $color--warning;\n                }\n            }\n            &.wphb-row-status-other {\n                span:before {\n                    color: #AAAAAA;\n                }\n            }\n            &.wphb-row-status-queued {\n                top: 24px;\n                z-index: 100;\n                span:before {\n                    color: #AAAAAA;\n                }\n            }\n            &.wphb-row-status-success {\n                top: 24px;\n                z-index: 0;\n                span:before {\n                    color: $color--success;\n                }\n            }\n        }\n    }\n\n    .wphb-minification-files-select {\n        display: flex;\n        align-items: center;\n        align-content: center;\n        margin: 0 50px;\n        .sui-checkbox {\n            margin-right: 5px;\n            span {\n                margin-top: -4px;\n            }\n        }\n    }\n\n    .wphb-minification-files-select h3 {\n        margin: 5px 5px 7px;\n    }\n\n    .wphb-minification-bulk-file-selector {\n        float: left;\n    }\n\n    .wphb-minification-file-select {\n        float: left;\n        line-height: 30px;\n        margin-right: 10px;\n    }\n\n    /* Filter */\n    .wphb-minification-filter {\n        margin: -30px 30px 30px;\n\n        @include bp(phone) {\n            margin: -20px 0 20px;\n            border-radius: 0;\n        }\n    }\n\n    .wphb-minification-filter > div.sui-row {\n        height: 78px;\n        display: flex;\n        align-items: center;\n        align-content: center;\n\n        @include bp(phone) {\n            display: block;\n        }\n    }\n\n    /* Disabled/hidden row start */\n    .wphb-border-row.out-of-filter {\n        display: none;\n    }\n\n    .wphb-border-row.disabled .checkbox-group {\n        pointer-events: none;\n        input[type=\"checkbox\"] + label {\n            background-color: #F5F5F5;\n            border-color: #F5F5F5;\n\n            & > span:not(.toggle):before,\n            & > [class*=\"sui-icon-\"] {\n                color: #DDD !important;\n            }\n        }\n    }\n\n    .wphb-border-row.disabled {\n        background-color: #F8F8F8;\n        border: 1px solid #E6E6E6;\n    }\n\n    .wphb-minification-files-advanced .wphb-border-row.disabled {\n        box-shadow: none;\n    }\n\n    .wphb-border-row.disabled .wphb-filename-extension-font,\n    .wphb-border-row.disabled .wphb-filename-extension-other,\n    .wphb-border-row.disabled .wphb-filename-extension-css,\n    .wphb-border-row.disabled .wphb-filename-extension-javascript,\n    .wphb-border-row.disabled .wphb-filename-extension-js {\n        opacity: 0.4;\n    }\n\n    .wphb-filename-extension-label {\n        line-height: 30px;\n    }\n\n    .wphb-border-row.disabled .wphb-minification-file-info > span {\n        color: #AAA;\n    }\n    /* Disabled row end */\n\n    /* Settings */\n    .wrap-wphb-minification .settings-form {\n        margin: 0;\n    }\n\n    /* Network settings */\n    .box-minification-network-settings {\n        .sui-border-frame div {\n            margin-bottom: 30px;\n\n            &:nth-child(4) {\n                margin-bottom: 0;\n            }\n\n            &:last-child {\n                margin-bottom: 0;\n            }\n\n            &.sui-disabled {\n                opacity: .5;\n                pointer-events: none;\n                background-color: #F2F2F2;\n                margin: 30px -30px;\n                padding: 30px;\n            }\n\n            &.sui-upsell-row {\n                padding-bottom: 30px !important;\n                margin-bottom: -30px !important;\n                margin-top: 30px;\n            }\n\n            .sui-notice.sui-notice-warning {\n                margin-bottom: 10px;\n            }\n        }\n\n        .sui-side-tabs {\n            margin-top: 10px;\n        }\n    }\n\n    // Responsive\n    @include bp(desktop-large) {\n        .wphb-minification-files-advanced .wphb-minification-file-info:not(.wphb-minification-font-info) {\n            width: 185px;\n            > a {\n                max-width: 100px;\n            }\n        }\n    }\n\n    @include bp(desktop) {\n        .box-minification-enqueued-files .box-title .buttons {\n            float: left;\n            margin-right: -5px !important;\n        }\n\n        .wphb-minification-files-advanced .wphb-minification-file-info:not(.wphb-minification-font-info) {\n            width: 130px;\n            > a {\n                max-width: 180px;\n            }\n        }\n\n        .wphb-minification-files-advanced .wphb-minification-exclude {\n            margin-left: 15px;\n        }\n    }\n\n    @media screen and (max-width: 1060px) {\n        .wphb-border-row-header,\n        .wphb-border-row {\n            padding: 15px 15px;\n        }\n    }\n\n    @include bp(desktop-small) {\n        .box-minification-enqueued-files .box-title .buttons {\n            float: right;\n            margin-right: 45px !important;\n        }\n    }\n\n    @include bp(tablet) {\n        .wphb-minification-files-advanced .fileinfo-group:after {\n            font-family: dashicons, Arial, sans-serif;\n            content: \"\\F347\";\n            position: absolute;\n            right: 30px;\n        }\n\n        .wphb-minification-files-advanced .fileinfo-group.opened:after {\n            content: \"\\f343\";\n        }\n\n        .wphb-minification-files-advanced .fileinfo-group {\n            padding: 10px 0;\n            overflow: hidden;\n        }\n\n        .wphb-minification-file-info:not(.wphb-minification-font-info) {\n            width: 55%;\n            min-width: 200px;\n\n            > a {\n                max-width: 200px;\n            }\n        }\n\n        .wphb-minification-files-advanced .wphb-minification-row-details {\n            display: none;\n            margin: 10px 0;\n            border-top: 1px solid #E6E6E6;\n            padding-top: 15px !important;\n            width: 100%;\n            z-index: 100;\n        }\n\n        .wphb-minification-files-advanced .wphb-minification-advanced-group {\n            float: left;\n        }\n\n        .wphb-minification-files-advanced .wphb-minification-exclude {\n            float: right;\n        }\n\n        .wphb-border-row {\n            cursor: pointer;\n            .wphb-minification-row-details {\n                cursor: default;\n            }\n        }\n    }\n\n    @include bp(phone-large) {\n        .box-minification-enqueued-files .box-title h3,\n        .box-minification-enqueued-files .box-title .buttons {\n            float: none !important;\n        }\n\n        .wphb-minification-file-info {\n            width: 185px;\n        }\n    }\n\n    @include bp(phone) {\n        .wphb-minification-files-table.wphb-minification-files-advanced {\n            margin: 0 10px 30px;\n        }\n\n        .wphb-minification-files-header {\n            padding: 20px;\n        }\n\n        .box-minification-enqueued-files .buttons .button {\n            padding: 7px !important;\n        }\n\n        .wphb-minification-files-select {\n            margin: 0 20px;\n        }\n\n        .wphb-minification-files > h3 {\n            margin: 10px;\n        }\n\n        .wphb-minification-files-advanced .wphb-border-row {\n            padding: 10px;\n        }\n\n        .wphb-minification-file-info {\n            width: 155px;\n        }\n\n        .wphb-minification-files-advanced .wphb-minification-file-info {\n            min-width: 170px;\n        }\n\n        .wphb-border-row .fileinfo-group {\n            /*margin-top: 5px;\n            margin-bottom: -5px;*/\n            margin-top: 0;\n            margin-bottom: 0;\n        }\n\n        .checkbox-group > span {\n            line-height: 20px;\n            text-align: right;\n            align-self: center;\n        }\n\n        .checkbox-group input[type=\"checkbox\"] + label {\n            width: 60px;\n        }\n\n        .wphb-minification-files-advanced .fileinfo-group:after {\n            right: 25px;\n        }\n    }\n}\n","/* ****************************************************************************\n * MODULES: UPTIME\n */\n\n@import \"../common/variables\";\n\n.sui-header .sui-actions-right {\n    label,\n    .select2-container {\n        margin-right: 10px;\n    }\n    label {\n        font-size: 12px;\n        color: #aaa;\n    }\n}\n\n/**\n * Common styles for uptime pages\n */\n.wpmud .wrap-wphb-uptime {\n    .dev-list-stats > li {\n        &.standalone {\n            margin: 0;\n        }\n\n        &.small > li {\n            .list-label-stats {\n                line-height: 26px;\n            }\n        }\n\n        .list-label-stats {\n            color: #333;\n            font: 500 13px/30px $font;\n        }\n    }\n\n    .wphb-pills.red,\n    .wphb-pills.green {\n        height: 40px;\n        line-height: 40px;\n        width: 200px;\n        border-radius: 5px;\n    }\n\n    .downtime-chart {\n        svg g path {\n            stroke: transparent;\n        }\n\n        svg g rect {\n            stroke: transparent;\n            stroke-width: 0;\n        }\n    }\n\n    .downtime-chart-key span {\n        color: #AAAAAA;\n        font-size: 12px;\n        line-height: 20px;\n        margin-right: 30px;\n        font-weight: 500;\n\n        &:before {\n            content: \"\";\n            display: inline-block;\n            height: 16px;\n            width: 16px;\n            border-radius: 2px;\n            margin-right: 10px;\n            vertical-align: sub;\n        }\n\n        &.response-time-key:before {\n            background-color: #E1F6FF;\n            border-top: 2px solid #24ADE5;\n            height: 14px;\n        }\n\n        &.uptime-key:before {\n            background-color: #D1F1EA;\n        }\n\n        &.downtime-key:before {\n            background-color: #FF6D6D;\n        }\n\n        &.unknown-key:before {\n            background-color: #F8F8F8;\n        }\n    }\n\n    .downtime-chart div.google-visualization-tooltip,\n    .wphb-uptime-graph div.google-visualization-tooltip {\n        font-family: 'Roboto', sans-serif;\n        font-weight: 500;\n        color: #FFFFFF;\n        font-size: 12px;\n        border: none;\n        border-radius: 5px;\n        padding: 8px 12px;\n        background: black;\n    }\n}\n\n/**\n * Summary meta box\n */\n.wpmud .wrap-wphb-uptime .box-uptime-summary.sui-summary:not(.sui-rebranded):not(.sui-unbranded):not(.sui-summary-sm) {\n    @if variable-exists(summary-image) {\n        @include background-2x(\"#{$image--path}/summary-graphic-uptime\", 'png', 192px, 172px, 30px 100%);\n    }\n\n    @include media(max-width, md) {\n        background-image: unset;\n    }\n}\n\n/**\n * Uptime response time meta box\n */\n.wpmud .box-uptime-response-time {\n    .uptime-chart {\n        height: 400px;\n\n        svg g g rect {\n            fill: #E6E6E6;\n            stroke: transparent;\n            stroke-width: 0;\n        }\n\n        svg g g text {\n            fill: #fff;\n            font-family: $font;\n            font-size: 13px;\n            font-weight: 400;\n        }\n        svg g g g g rect:hover {\n            stroke-width: 0px;\n            stroke: red;\n            display: none;\n        }\n\n        svg g g text:last-of-type {\n            fill: #AAAAAA;\n            font-weight: 500;\n        }\n    }\n\n    .downtime-chart {\n        height: 80px;\n        margin-left: 80px;\n        max-width: 90%;\n\n        div div svg {\n            height: 58px !important;\n            overflow: hidden;\n\n            svg g text {\n                display: none;\n            }\n        }\n    }\n\n    .wphb-uptime-graph div.google-visualization-tooltip {\n        .response-time-tooltip {\n            font-size: 15px;\n            line-height: 18px;\n        }\n\n        .uptime-date-tooltip {\n            font-size: 11px;\n            color: #AAAAAA;\n            line-height: 14px;\n            display: block;\n        }\n    }\n\n    .downtime-chart-key {\n        margin-left: 80px;\n    }\n}\n\n/**\n * Uptime down time meta box\n */\n.wpmud .box-uptime-downtime {\n    .downtime-chart svg g text {\n        font-family: 'Roboto', Arial, sans-serif;\n        fill: #AAAAAA;\n        font-weight: 500;\n        font-size: 12px;\n        line-height: 20px;\n    }\n\n    .dev-list-stats-item {\n        margin-bottom: 10px;\n    }\n\n    .sui-icon-chevron-up,\n    .sui-icon-chevron-down {\n        padding: 6px;\n        margin-right: 10px;\n        vertical-align: middle;\n        border-radius: 5px;\n        font-size: 15px;\n        line-height: 10px;\n        &:before {\n            color: #FFFFFF;\n\n        }\n    }\n\n    .sui-icon-chevron-down {\n        background-color: #FF6D6D;\n    }\n\n    .sui-icon-chevron-up {\n        background-color: #1ABC9C;\n    }\n\n    .wphb-pills-group {\n        width: 100%;\n    }\n\n    .wphb-pills.red,\n    .wphb-pills.green {\n        text-align: left;\n        color: #333333;\n        font-size: 13px;\n        height: 56px;\n        line-height: 50px;\n        padding-left: 15px;\n    }\n\n    .wphb-pills.red[tooltip]:after {\n        left: 48%;\n    }\n\n    .wphb-pills.red {\n        background-color: #FFE5E9;\n        border-top: 2px solid #FFE5E9;\n        border-bottom: 2px solid #FF6D6D;\n        width: 60%;\n    }\n\n    .wphb-pills.green {\n        background-color: #D1F1EA;\n        border-top: 2px solid #1ABC9C;\n        border-bottom: 2px solid #D1F1EA;\n        width: 40%;\n    }\n\n    span.list-detail-stats {\n        position: absolute;\n        font-size: 13px;\n        font-weight: 500;\n        line-height: 22px;\n        right: 60%;\n        color: #333333;\n        opacity: .5;\n        margin-top: 16px;\n    }\n\n    .wphb-image-pills-divider{\n        display: inline-block;\n        height: 56px;\n        margin-bottom: -25px;\n        margin-left: -28px;\n        position: absolute;\n    }\n}\n\n@include bp(phone-large) {\n    .wpmud .wrap-wphb-uptime .wphb-pills.green {\n        position: absolute;\n        top: 0;\n        right: 0;\n        height: 30px;\n        border-radius: 0 4px 0 0 !important;\n        line-height: 30px;\n        padding-left: 10px;\n        width: 160px;\n    }\n\n    .wpmud .wrap-wphb-uptime .wphb-pills.red {\n        width: 100%;\n        margin-top: 30px;\n        height: 50px;\n        border-radius: 5px 0 5px 5px !important;\n    }\n\n    .wpmud .box-uptime-downtime .sui-icon-chevron-down,\n    .wpmud .box-uptime-downtime .sui-icon-chevron-up {\n        padding: 4px;\n        border-radius: 4px;\n        font-size: 12px;\n        vertical-align: inherit;\n    }\n\n    .wphb-image-pills-divider {\n        display: inline-block;\n        height: 30px;\n        margin-left: 0;\n        top: 0;\n        right: 160px;\n    }\n\n    .wpmud span.list-detail-stats {\n        right: 20px;\n        margin-top: 46px;\n        opacity: .7;\n    }\n}\n\n@include bp(phone) {\n    .wpmud .uptime-chart {\n        margin-left: -25px;\n    }\n}\n","/* ****************************************************************************\n * MODULES: ADVANCED TOOLS\n */\n\n@import \"../common/mixins\";\n\n/* General tab */\n.wpmud .box-advanced-general #cart_fragments_desc .sui-notice {\n    margin-top: 10px;\n}\n\n/* Database cleanup tab */\n.wpmud .box-advanced-db .wphb-border-frame {\n    margin-top: 30px !important;\n\n    .table-header,\n    .table-row {\n        padding: 20px 30px;\n\n        @include bp(tablet) {\n            padding: 15px 0;\n        }\n    }\n\n    .table-header {\n        @include bp(tablet) {\n            padding: 15px 0 0;\n        }\n    }\n\n    .table-header div {\n        flex-basis: 20px;\n    }\n\n    .table-header div:first-child,\n    .table-row div:first-child {\n        flex-basis: 150px;\n    }\n\n    .table-row {\n        div {\n            height: 20px;\n            font-size: 13px;\n            line-height: 20px;\n\n            &:first-child {\n                color: #333;\n                font-weight: 500;\n            }\n\n            &:last-child {\n                display: flex;\n                align-items: center;\n            }\n        }\n\n        .sui-icon-info {\n            font-size: 16px;\n            margin-left: 10px;\n\n            &:hover:before { color: #aaa; }\n            &:before { vertical-align: middle; }\n        }\n\n        .sui-icon-loader {\n            width: 30px;\n            height: 30px;\n            text-align: center;\n            vertical-align: middle;\n        }\n\n        .wphb-db-row-delete:hover .sui-icon-trash:before {\n            color: #FF6D6D;\n        }\n    }\n\n    .sui-box-footer {\n       border-top: none;\n        @include bp(tablet) {\n            padding: 20px 0;\n        }\n    }\n}\n\n/* Lazy Load Tab */\n.wpmud .box-advanced-lazy {\n\n    .sui-border-frame.sui-toggle-content {\n        margin-bottom: 15px;\n    }\n\n    #wphb-load-method-desc {\n        margin-bottom: 10px;\n    }\n    #button-style-header {\n        color: #aaa;\n        display: block;\n        font-size: 12px;\n        font-weight: 500;\n        margin-top: 30px;\n    }\n    #wphb-button-styling {\n        button.sui-tab-item {\n            font-size: 12px;\n        }\n    }\n    #button-width-block-label {\n        margin-top: 28px;\n    }\n\n    #tab-content-btn-color {\n        div.sui-form-field {\n            padding-left: 0;\n        }\n    }\n\n    #align-options {\n        .sui-tab-item {\n            padding: 9px 12px;\n            .icon-align {\n                font-size: 16px;\n            }\n            &.active {\n                .icon-align {\n                    &:before {\n                        color: #17A8E3;\n                    }\n                }\n            }\n        }\n    }\n    #lazy_load-limit {\n        .sui-label-note {\n            font-weight: 500;\n        }\n    }\n    #sui-upsell-gravtar-caching {\n        margin-left: 44px;\n    }\n}\n\n.wpmud .sui-wrap:not(.sui-color-accessible) .box-advanced-lazy {\n    .sui-upsell-row {\n        .sui-upsell-notice {\n            p {\n                border-left: 2px solid #17A8E3;\n                &:first-of-type::before {\n                    color: #17A8E3;\n                }\n            }\n        }\n    }\n}\n\n/* System information tab */\n.wpmud .box-advanced-system-info,\n.wpmud .box-advanced-site-health {\n    .sui-table {\n        &.wphb-sys-info-table {\n            border: none;\n            tr {\n                height: 40px;\n                &:nth-child(odd){\n                    border-radius: 4px;\n                    background-color: #FAFAFA\n                }\n                td {\n                    height: 40px;\n                    padding: 5px 20px;\n                    border-bottom: none;\n                    border-radius: 4px;\n                    &:first-child {\n                        color: #333;\n                        font-weight: 500;\n                    }\n                }\n            }\n        }\n    }\n}\n\n/* Health page tab */\n.wpmud .sui-wrap .box-advanced-site-health {\n    .wphb-sys-info-table tr td:first-child {\n        font-weight: 400;\n        width: 40%;\n\n        @include bp(phone-large) {\n            width: 60%;\n        }\n\n        strong {\n            font-weight: 500;\n        }\n    }\n\n    .sui-col-sm-9 {\n        h4 {\n            font-weight: 500;\n            margin-bottom: 0;\n        }\n        .sui-description {\n            margin-top: 0;\n        }\n    }\n\n    .sui-col-sm-3 {\n        text-align: right;\n    }\n\n    .wphb-sys-info-table {\n        margin-top: 10px;\n\n        tr td span {\n            font-weight: 500;\n        }\n\n        .wphb-site-health-ai-icon {\n            margin-left: 5px;\n            .sui-icon-info.sui-warning {\n                line-height: 12px;\n                vertical-align: middle;\n            }\n        }\n\n        @include bp(phone) {\n            tr {\n                display: flex;\n                flex-wrap: wrap;\n                height: auto;\n\n                td {\n                    height: auto;\n                    flex-basis: 100%;\n                }\n            }\n        }\n    }\n}\n","/**\n * Summary meta box\n */\n.wpmud {\n  .wrap-wphb-notifications .box-summary.sui-summary:not(.sui-rebranded):not(.sui-unbranded):not(.sui-summary-sm) {\n    @if variable-exists(summary-image) {\n      @include background-2x(\"#{$image--path}/notice-image\", 'png', 81px, 151px, 30px 100%);\n    }\n\n    @include media(max-width, md) {\n      background-image: unset;\n    }\n  }\n\n  // Overwrite upsells.\n  .sui-wrap .box-notifications-configure .sui-box-body {\n    &.sui-upsell-items .sui-box-settings-row {\n      padding-top: 65px;\n      @include bp(desktop-wide) { padding-top: 45px; }\n      @include bp(desktop-small) { padding-top: 31px; }\n      &.sui-disabled { padding: 0; }\n      tbody { box-shadow: inset 2px 0 0 #8D00B1; }\n    }\n\n    .sui-upsell-row {\n      .sui-upsell-image { width: 172px; }\n      .sui-upsell-notice {\n        padding-left: 210px;\n        @include bp(tablet) { padding-left: 0; }\n      }\n    }\n  }\n\n  // Modals\n  #notification-modal {\n    .sui-box { margin-bottom: 0; }\n\n    .sui-box-banner {\n      background-color: #F2F2F2;\n\n      img {\n        max-width: 169px;\n        margin-top: 30px;\n      }\n    }\n\n    /**\n     * Schedule slide\n     */\n    #notifications-slide-schedule  {\n      .sui-side-tabs { margin-top: 10px; }\n    }\n\n    /**\n     * Recipients slide\n     */\n    #enm-recipients-content,\n    #notifications-slide-recipients .sui-box-body {\n      .sui-recipient {\n        .sui-recipient-email {\n          flex-basis: 200px;\n          flex-grow: 1;\n        }\n        & > button {\n          flex-basis: 30px;\n          &:last-of-type { margin-left: 15px; }\n        }\n      }\n\n      /**\n       * Add users & Add by email recipient list.\n       */\n      #notifications-add-users-content .sui-recipient-name,\n      #notifications-invite-users-content .sui-recipient-name {\n        display: flex;\n        align-items: center;\n        flex-basis: 160px;\n        overflow: initial;\n        &:before { display: none; }\n\n        .subscriber {\n          height: 20px;\n          width: 20px;\n          margin-right: 10px;\n\n          img {\n            border-radius: 50%;\n            width: 20px;\n          }\n        }\n      }\n\n      .resend-invite {\n        margin-right: -15px;\n      }\n\n      /**\n       * Users list\n       */\n      #modal-wp-user-list {\n        max-height: 300px;\n        overflow-x: hidden;\n      }\n\n      /**\n       * Add by email\n       */\n      #notifications-invite-users-content {\n        p.sui-description:first-of-type { margin-bottom: 20px; }\n        .sui-form-field:first-of-type { margin-top: 10px; }\n      }\n\n      strong { font-size: 13px; }\n    }\n  }\n\n  /**\n   * Configure meta box and modal recipient icons.\n   */\n  .box-pro-notifications-configure,\n  #notifications-add-users-content .sui-recipient-name,\n  #notifications-invite-users-content .sui-recipient-name {\n    .subscriber {\n      display: flex;\n      width: 34px;\n\n      &.pending { @include icon( after, 'clock' ); }\n      &.confirmed { @include icon( after, 'check-tick' ); }\n      &.unsubscribed { @include icon( after, 'warning-alert' ); }\n      &.pending:after,\n      &.confirmed:after,\n      &.unsubscribed:after {\n        width: 12px;\n        height: 12px;\n        position: relative;\n        top: 10px;\n        left: -10px;\n        border: 2px solid #fff;\n        background-color: #fff;\n        border-radius: 50%;\n      }\n      &.pending:after { color: #888; }\n      &.confirmed:after { color: #1abc9c; }\n      &.unsubscribed:after { color: #FF6D6D; }\n    }\n  }\n\n  .box-pro-notifications-configure .subscriber {\n    &.pending:after,\n    &.confirmed:after,\n    &.unsubscribed:after {\n      top: 20px;\n      left: -13px;\n    }\n  }\n\n  /**\n   * Configure meta box.\n   */\n  .box-pro-notifications-configure {\n    table {\n      tbody { box-shadow: inset 2px 0 0 #888888; }\n      tr:last-of-type { border-bottom: 1px solid #E6E6E6; }\n      tr th:last-of-type { width: 75px; }\n      tr td:last-of-type { text-align: right; }\n\n      td.notification-recipients {\n        & > span {\n          display: flex;\n          align-items: center;\n          & > a.wphb-configure-notification { margin-left: 10px; }\n        }\n\n        div.sui-tooltip {\n          height: 34px;\n          margin-right: 5px;\n          .subscriber {\n            &:last-of-type { margin-right: 0; }\n            img {\n              width: 34px;\n              border-radius: 50%;\n            }\n          }\n        }\n      }\n    }\n  }\n}\n\n\n","@include body-class(true) {\n\n  &.sui-color-accessible {\n    .wphb-minification-exclude,\n    .checkbox-group {\n      & > span {\n        color: #AAAAAA;\n      }\n\n      // Remove disabled elements.\n      input[type=checkbox][disabled] + label {\n        display: none;\n      }\n\n      input[type=\"checkbox\"] + label.toggle-label-background, /* modal */\n      input[type=\"checkbox\"]:checked + label {\n        box-shadow: none;\n        background-color: $accessible-dark;\n        border-color: $accessible-dark;\n\n        & > span[class^=\"sui-icon\"]:before {\n          color: $accessible-light !important;\n        }\n      }\n\n      input[type=\"checkbox\"] + label {\n        background-color: $accessible-light;\n        border: 1px solid $accessible-dark;\n\n        & > span:not(.toggle),\n        & > [class*=\"sui-icon-\"] {\n          color: #888888;\n        }\n\n        &.toggle-label-background > span:not(.toggle) /* modal */\n        {\n          color: $accessible-dark;\n        }\n      }\n\n      input[type=\"checkbox\"]:checked + label {\n        & > span:not(.toggle),\n        & > [class*=\"sui-icon-\"] {\n          color: $accessible-dark;\n        }\n      }\n    }\n\n    /* Exclude file checkbox overrides */\n    .wphb-minification-exclude {\n      input[type=\"checkbox\"]:checked + label {\n        background-color: $accessible-light !important;\n        border-color: $accessible-dark;\n\n        & > span[class^=\"sui-icon\"]:before {\n          color: $accessible-dark !important;\n        }\n\n        &:hover {\n          background-color: $accessible-dark !important;\n          & > span[class^=\"sui-icon\"]:before {\n            color: $accessible-light !important;\n          }\n        }\n      }\n    }\n\n    .wphb-filename-extension {\n      &[class*=\"wphb-filename-extension\"] {\n        background-color: $accessible-dark;\n      }\n      &.wphb-filename-extension-js,\n      &.wphb-filename-extension-javascript,\n      &.wphb-filename-extension-images {\n        color: $accessible-light;\n      }\n    }\n    .wphb-caching-summary-item-type {\n      .wphb-filename-extension-images {\n        color: $accessible-light;\n      }\n    }\n    .wphb-caching-summary-item-expiry {\n      .sui-tag {\n        color: $accessible-light;\n      }\n    }\n    .sui-table {\n      tbody {\n        tr {\n          td {\n            &:first-child{\n              box-shadow: inset 3px 0 0 $accessible-dark;\n            }\n\n          }\n        }\n      }\n    }\n    .wphb-pills-group .wphb-pills:last-child {\n      background-color: $accessible-dark;\n    }\n    [class*=\"sui-grade-\"] {\n      svg {\n        circle:last-child {\n          stroke: $accessible-dark;\n        }\n      }\n    }\n    .sui-upsell-row {\n      .sui-upsell-notice {\n        p {\n          background-color: $accessible-light;\n          color: $accessible-dark;\n          &:after {\n            border: none;\n          }\n        }\n      }\n    }\n    .sui-checkbox,\n    .sui-radio {\n      input:checked {\n        + span:not(.sui-description) {\n          border: 1px solid $accessible-dark;\n          background-color: $accessible-dark;\n        }\n      }\n    }\n  }\n\n}\n","$summary-image: '../../admin/assets/image/graphic-hb-minify-summary@2x.png';\n$summary-image-sm: '../../admin/assets/image/notice-image@2x.png';\n$upgrade-image: '../../admin/assets/image/hero@2x.png';\n$upgrade-image-mobile: '../../admin/assets/image/hero-mobile@2x.png';\n\n// Overwrite image size\n$summary-image-sm--width:  71px;\n$summary-image-sm--height: 141px;\n$summary-image-sm--position-y: 30px;\n\n$cross-sell-1: 'smush';\n$cross-sell-2: 'defender';\n$cross-sell-3: 'smartcrawl';\n\n/* ****************************************************************************\n * MAIN APP SCSS FILE\n */\n\n$sui-image-path: '~@wpmudev/shared-ui/dist/images/';\n$sui-font-path: '~@wpmudev/shared-ui/dist/fonts/';\n\n/**\n * Shared UI CSS. To minimize the end CSS file, we take only the modules that we use.\n */\n@import \"~@wpmudev/shared-ui/scss/functions\";\n@import \"~@wpmudev/shared-ui/scss/colors\";\n@import \"~@wpmudev/shared-ui/scss/variables\";\n@import \"~@wpmudev/shared-ui/scss/mixins\";\n@import \"~@wpmudev/shared-ui/scss/accessibility\";\n@import \"~@wpmudev/shared-ui/scss/animations\";\n@import \"~@wpmudev/shared-ui/scss/typography\";\n@import \"~@wpmudev/shared-ui/scss/icons\";\n@import \"~@wpmudev/shared-ui/scss/buttons\";\n@import \"~@wpmudev/shared-ui/scss/toggles\";\n@import \"~@wpmudev/shared-ui/scss/boxes\";\n@import \"~@wpmudev/shared-ui/scss/box-settings\";\n@import \"~@wpmudev/shared-ui/scss/box-builder\";\n@import \"~@wpmudev/shared-ui/scss/layout\";\n@import \"~@wpmudev/shared-ui/scss/notifications\";\n@import \"~@wpmudev/shared-ui/scss/header\";\n@import \"~@wpmudev/shared-ui/scss/summary\";\n@import \"~@wpmudev/shared-ui/scss/list\";\n@import \"~@wpmudev/shared-ui/scss/tooltips\";\n@import \"~@wpmudev/shared-ui/scss/select\";\n@import \"~@wpmudev/shared-ui/scss/tags\";\n@import \"~@wpmudev/shared-ui/scss/forms\";\n@import \"~@wpmudev/shared-ui/scss/radio-checkbox\";\n@import \"~@wpmudev/shared-ui/scss/tabs\";\n@import \"~@wpmudev/shared-ui/scss/sidenav\";\n@import \"~@wpmudev/shared-ui/scss/scores\";\n@import \"~@wpmudev/shared-ui/scss/footer\";\n@import \"~@wpmudev/shared-ui/scss/progress-bars\";\n@import \"~@wpmudev/shared-ui/scss/tables\";\n@import \"~@wpmudev/shared-ui/scss/accordions\";\n@import \"~@wpmudev/shared-ui/scss/code-snippet\";\n@import \"~@wpmudev/shared-ui/scss/modals\";\n@import \"~@wpmudev/shared-ui/scss/listing\";\n@import \"~@wpmudev/shared-ui/scss/select2\";\n@import \"~@wpmudev/shared-ui/scss/utility\";\n@import \"~@wpmudev/shared-ui/scss/wp-admin-notices\";\n@import \"~@wpmudev/shared-ui/scss/recipient\";\n@import \"~@wpmudev/shared-ui/scss/color-accessibility\";\n@import \"~@wpmudev/shared-ui/scss/upgrade-page\";\n@import \"~@wpmudev/shared-ui/scss/reviews\";\n@import \"~@wpmudev/shared-ui/scss/colorpickers\";\n@import \"~@wpmudev/shared-ui/scss/upload\";\n@import \"~@wpmudev/shared-ui/scss/dropdowns\";\n@import \"~@wpmudev/shared-ui/scss/upsells\";\n\n// Common\n@import \"common/variables\";\n@import \"common/mixins\";\n@import \"common/overwrites\";\n@import \"common/buttons\";\n@import \"common/extensions\";\n\n// Components\n@import \"components/notices\";\n@import \"components/pills\";\n@import \"components/border_frame\";\n@import \"components/accordions\";\n@import \"components/performance_summary\";\n\n// Modules\n@import \"modules/dashboard\";\n@import \"modules/performance\";\n@import \"modules/caching\";\n@import \"modules/minification\";\n@import \"modules/uptime\";\n@import \"modules/advanced\";\n@import \"modules/notifications\";\n\n// Color Accessibility\n@import \"common/color-accessibility\";\n\n.wpmud .wrap-wp-hummingbird .wphb-label-notice-inline {\n    display: inline-block;\n    font-size: 13px;\n    color: #888888;\n    margin: 0 15px;\n}\n\n.wpmud .wphb-listing {\n    margin: 0;\n\n    &.bold li, li strong { font-weight: 500; }\n\n    li {\n        font-family: $font;\n        font-size: 15px;\n        font-weight: 400;\n        line-height: 21px;\n        margin-top: 10px;\n        margin-bottom: 0;\n\n        &:first-child { margin-top: 0; }\n\n        :before {\n            color: #17A8E3;\n            top: 0;\n        }\n\n        p {\n            font-size: 13px;\n            line-height: 22px;\n            margin-top: 5px;\n        }\n    }\n}\n\n.sui-list-label {\n    display: flex;\n    align-items: center;\n\n    .wphb-filename-extension { margin: -5px 10px -5px 0px; }\n    .wphb-filename-extension-label { line-height: 22px; }\n    .sui-tag { margin-left: 10px !important; }\n}\n\n.sui-recipient .sui-recipient-email,\n.sui-recipient .sui-recipient-name { flex-basis: 45%; }\n"],"names":[],"sourceRoot":""}