| Server IP : 104.21.74.147 / Your IP : 216.73.217.154 Web Server : nginx/1.24.0 System : Linux wordpress-sites 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64 User : www-data ( 33) PHP Version : 8.1.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/rebeccaone.com/wp-content/plugins/envira-gallery/assets/css/ |
Upload File : |
{"version":3,"sources":["envira-gallery/assets/scss/global.scss","envira-gallery/assets/scss/_vars.scss","envira-gallery/assets/scss/metabox.scss","envira-gallery/assets/scss/_mixins.scss","envira-gallery/assets/scss/image-select.scss","envira-gallery/assets/scss/image-create-ai.scss","envira-gallery/assets/scss/envira-addon-upsell-modal.scss"],"names":[],"mappings":"AAGA,sBACE,kBACA,UACA,eAIF,yDAEE,kBACA,UACA,oBAIF,6BACE,kBACA,YACA,SACA,kBACA,kBACA,YACA,WACA,sBCWc,IDVd,mBCUc,IDTd,cCSc,IDRd,sBACA,WACA,wHACA,kCACA,kBACA,eACA,gBAIF,4BACE,kBACA,YACA,SACA,QACA,iBACA,0BACA,qCACA,oCACA,YACA,YACA,cAIF,qEAEE,mBACA,UAEF,eACC,wBAGD,iBACC,WACA,cACA,SACA,gBACA,kBACA,QE9CG,oEACI,0BAGJ,8EACI,0BAGJ,sFACI,0BAGP,wGACC,aACA,kBAED,4HACC,aACA,kBACA,kIACC,aAID,4IACC,qBACA,mBAED,gKACC,qBACA,mBACA,sKACC,cAUJ,yBAKI,cAMA,yCACI,qBACA,kBACA,gBAIA,qBAHA,oDACI,iBAKR,8CACI,gBACA,iBACA,UACA,SACA,iCACA,2BACA,WACA,sBACA,mBACA,eACA,kBACA,kBACA,iBACA,sBACA,oCACA,aACA,iDACI,WACA,aACA,iBAIR,oDACI,cAGJ,gDACI,kBACA,SACA,SACA,kBACA,WACA,YACA,gBAGJ,uDACI,WACA,kBACA,WACA,YACA,SACA,8CAEA,oCAeA,mDACI,SACA,mBACA,6BACA,eACA,gBAEA,yDACI,iBACA,cACA,gBAEA,2DACI,qBACA,gBAKR,gEACI,UACA,SACA,8EACI,oBACA,oBAOZ,yDACC,iBDvKD,KCwKC,sBACA,gBACA,kBAID,iEACC,aD5KD,QC6KC,oCAED,wEACI,sBAQF,qZACE,eAEF,yVACE,kBAEF,qaACE,qBAWJ,0DACI,kBACA,UACA,WACA,kBAEA,iEACI,kBACA,UACA,WACA,YACA,iBAGJ,+EACI,kBACA,UACA,UACA,YACA,WACA,YACA,iBCrMJ,sBDsMI,ICtMJ,mBDsMI,ICtMJ,iBDsMI,ICtMJ,cDsMI,IACA,mBACA,WACA,kBACA,qBAQR,oEACI,WAEA,uEACI,kBACA,qBACA,YACA,qBACA,UACA,gBACA,mBACA,6BACA,oCACA,4BACA,WD5PF,QC8PE,2EACI,cACA,YACA,aAOJ,6FACI,cACA,YACA,aACA,uDACA,0BACA,8BACA,6BACA,+BAMJ,gFACI,YACA,gBACA,kBACA,8BACA,gCACA,+BAKA,0FACI,eACA,gBACA,YACA,YACA,iBACA,eACA,gBAMA,iGACI,kBACA,qBACA,YACA,WACA,WACA,YACA,WDrTd,QCuTc,wGACI,aAQZ,+FACI,aACA,iBACA,gBAOR,+EACI,aACA,kBACA,UACA,QACA,WACA,YACA,sBACA,4DACA,oDAEA,oGACI,aACA,WACA,YACA,mBACA,4BAOR,mFACI,kBACA,cACA,SACA,WACA,YACA,iBACA,eACA,aACA,WACA,kBACA,uBACA,0BAEA,+GACI,QACA,mBACA,MDnXhB,KCqXY,+GACI,QACA,KDhWT,KCiWS,WD/WlB,QCgXkB,MDzXhB,KC2XY,2MAEI,YACA,MD9XhB,KC+XgB,mOACI,eAIR,sGACI,yBAEJ,qGACI,yBAQR,gFACI,YACA,oCAEA,wFACI,cACA,iBDnZhB,QCoZgB,oDACA,4CAEA,6GACI,cAIR,yFACI,YAQJ,6FACI,kBACA,MACA,OASR,4EACI,kBACA,UACA,qBACA,WACA,kBACA,kBACA,gBACA,sBACA,8BACA,2BACA,sBACA,kBACA,uBACA,0BAGA,gFACI,cACA,WACA,iBACA,YACA,WAMJ,qFACI,kBACA,UACA,OACA,SACA,qBACA,UACA,sBACA,YACA,gBACA,gBACA,8BACA,2BACA,sBACA,YAKA,+FACI,cACA,WACA,YACA,eACA,SACA,UACA,WAEA,sGACI,aAQR,oGAEI,6BACA,qBACA,YACA,iBACA,UACA,gBACA,YACA,uBACA,sBACA,iIACI,0CAEJ,sIACI,uBASZ,oFACI,cACA,kBACA,UACA,ID1fT,KC8fS,oHACE,UACA,SACA,WAGF,oHACI,UACA,SACA,WAEJ,6OAEI,aAGR,uNAEI,cACA,gBACA,gBACA,WACA,qBACA,mOACI,qBACA,WAKJ,iHACI,gBACA,cD5hBZ,IC6hBY,gBACA,yBACA,WAIJ,gHACI,gBACA,cDriBZ,ICsiBY,gBACA,yBACA,WAiBpB,oDACI,qBAOA,6HACI,aAEJ,qHACI,aAQJ,6IACI,yBACA,UACA,mBACA,aACA,uBAMA,+JACI,OACA,kBACA,kBACA,kBACA,eACA,yBACA,mBACA,mBACA,2BACA,4BACA,sBACA,kBAKA,uLACI,cAMJ,qLACI,eAOA,qOACI,qBACA,sDACA,0BACA,iBAQJ,6MACI,qBACA,iEACA,0BACA,iBAIA,yOACI,iEACA,0BASZ,sWAEI,WDlrBhB,KCmrBgB,mBACA,UAOJ,2KACI,gBACA,aAOJ,mMACI,aAQZ,uHACI,SACA,UACA,gBAQI,6MAEI,aAUA,6OACI,aACA,0BACA,aAEA,iRACI,qBAEA,qRACI,cACA,kBACA,cACA,kBACA,QACA,SACA,uBAKA,mTACI,aACA,eAEJ,yTACI,kBACA,kBACA,SACA,OACA,SAShB,yQACI,aACA,kBACA,cACA,WACA,QACA,YACA,UACA,kBAWI,qSACI,YACA,wBAEA,ySACI,kBACA,MACA,OACA,SAGJ,uUACI,cAGJ,6UACI,kBACA,gBAWhB,uPACI,aACA,WACA,kBACA,YACA,WACA,iBACA,mBACA,mBACA,0BAEA,6SACI,YACA,eACA,QACA,gBACA,0BACA,mBACA,+BACA,4BACA,2BACA,0BACA,uBAGJ,+SACI,WACA,kBACA,QACA,UACA,YACA,kBACA,iBAKA,2TACI,aAEJ,6UACI,aAEJ,yUACI,aACA,2VACI,mBACA,aAGR,mUACI,aAUZ,2QACI,aACA,WACA,kBACA,YACA,WACA,gBACA,mBAIA,iUACI,YACA,eACA,QAGA,mBAQJ,2TACI,WACA,kBACA,QACA,UACA,YACA,kBACA,iBACA,YACA,0CACA,kCAEA,6UACI,YACA,aACA,mBAGJ,yVACI,YACA,qBAMZ,yPACI,aAKZ,qJACI,aACA,gBACA,WDl7BZ,KCu7BY,qMACI,kBAKA,mOACI,kBACA,UACA,YAMJ,6PACI,kBACA,kBAEA,mQACI,qBACA,kBACA,mBAEA,yRACI,SAOJ,shBAEI,WACA,YACA,eAEA,8iBACI,aAEJ,0jBACI,YACA,aACA,kBACA,sBACA,0BACA,2BACA,4BAEJ,8jBACI,gBAYA,osCACI,yBACA,aDr/BpC,QCggCgC,spBACI,6CAWJ,krBACI,oDAWJ,8qBACI,mDAWJ,sqBACI,iDAWJ,ksBACI,wDAUR,soBACI,qBACA,cAEJ,0uBACI,cACA,eACA,eACA,gBACA,gBACA,cACA,gBAGR,kqBAEI,YAQZ,qPACI,gBAOnB,uMACC,kBACA,aAKA,mQACC,oBACA,eACA,kBACA,eACA,YACA,iBAaS,8FACI,kBAKA,6HACI,UACA,iBACA,SACA,aACA,0BACA,8BACA,2BACA,sBAEA,gIACI,YAOR,+GACI,kBACA,SACA,UACA,cACA,OACA,QACA,kBACA,cACA,eACA,8BACA,2BACA,sBAEA,oHACI,cAKA,0HACI,eAGR,qHACI,cACA,aACA,eAYxB,yHAEI,WDxrCE,QCyrCF,6dAGI,iBD7rCR,KC8rCQ,sBACA,wBACA,gBACA,cACA,OD3qCD,KC4qCC,aACA,iDACA,yCACA,eACA,gBACA,WACA,cDhrCA,ICirCA,gBAGA,upBAGI,gBAGR,qKACE,kBACE,iBDptCF,QCqtCE,iBACA,WACA,kBACA,cDhsCA,ICisCA,6KACI,gBACA,iBACA,YACA,kBACA,8BAGJ,6KACI,gBAIR,mKACI,yBACA,cDhtCA,ICitCA,aACA,yKACI,eACA,SACA,UAMR,qIACI,WACA,cACA,WAMJ,+IACI,aAEJ,uIACI,aAEJ,yIACI,SACA,UAMJ,+JACI,YACA,SACA,UACA,4BAEA,qKACI,WACA,WACA,SACA,UAEA,yKACI,WACA,YACA,cACA,yBACA,qBACA,WACA,6BACA,gCACA,4BACA,8BACA,2BACA,sBACA,gBACA,wBAKA,0XAEI,YACA,kBACA,4BACA,qBACA,WACA,0BACA,6BACA,4BACA,iBDpzCpB,KCqzCoB,gCAOJ,qLACI,wBACA,qBACA,gBAQJ,+LACI,mBAEA,2MACI,mBAUR,gZACI,4CACA,0BAIJ,qMACI,qDACA,0BAIJ,yMACI,gDACA,0BAIJ,qMACI,8CACA,0BAIJ,+MACI,mDACA,0BAIJ,yMACI,gDACA,0BAIJ,qMACI,8CACA,0BAIJ,2MACI,iDACA,0BAIJ,iMACI,4CACA,0BAIJ,6MACI,kDACA,0BAIJ,2MACI,iDACA,0BAIJ,yMACI,gDACA,0BAIJ,yMACI,gDACA,0BAIJ,yMACI,gDACA,0BAIJ,yMACI,gDACA,0BAIJ,6MACI,kDACA,0BAIJ,2MACI,iDACA,0BAIJ,qMACI,8CACA,0BAIJ,iMACI,4CACA,0BAIJ,qMACI,6CACA,0BAIJ,iNACI,iDACA,0BAIJ,+MACI,mDACA,0BAIJ,iMACI,4CACA,0BAIJ,iMACI,4CACA,0BAIJ,mMACI,6CACA,0BAIJ,6MACI,kDACA,0BAIN,uMACE,+CACA,0BASZ,mJACI,mBACA,aACA,8BACA,2BACA,sBACA,WDlgDR,KCmgDQ,2BAKA,yJACI,WAMJ,qLACI,WACA,kBAEA,yMACI,SAEJ,uNACI,gBAMJ,sXACI,iBACA,oBAQA,yNACI,SACA,mBACA,kBACA,gBACA,eAOR,uNACI,cACA,iBAEA,+OACI,eAOR,uMACI,WAMJ,+NACI,kBAMJ,waAEI,UDjlDR,KCklDQ,kBACA,WAcJ,iMACI,WAEA,uOACI,cAEJ,iPACI,kBACA,WACA,UACA,cACA,gBACA,WACA,uPACI,gBACA,sBACxB,qBACA,mSAC4B,YACA,gBACA,eAEJ,+QACI,WAOA,iSACI,cAGJ,yRACI,qBACA,oBAKR,2RACI,eACA,gBACA,MDtoDvB,KCuoDuB,uSACI,cAKZ,yRACI,YACA,kBACA,6TACI,iBASZ,6OACI,aACA,yQACI,gBACA,mBAEJ,iPACI,iBAUR,iPACI,YAKR,6MACI,gBAEJ,+OACI,aACA,iBACA,qBAYJ,uMACI,WAEA,6OACI,YACA,cACA,kBAKA,2RACI,aACA,kBACA,MACA,OAMJ,mTACI,kBACA,MACA,QAQR,mPACI,aAUJ,qQACI,YAEA,koBAEI,aAShB,+JACI,WACA,cACA,WAaR,kEACI,WACA,cACA,WAMJ,6EACI,aAEJ,qEACI,aAEJ,oEACI,SACA,aAeJ,oEACI,4BAaR,4DACI,aAKJ,8DACI,aAOR,iCACI,gEACA,wDAEA,wCACI,iBD/0DJ,QCg1DI,oDACA,4CAyBR,8DACI,aAQA,2DACI,eAEA,+EACI,eASR,kDACI,aAMA,4DACI,SACA,UACA,YAKA,qEACI,kBACA,mBACA,6BAKA,oKAEI,cACA,WACA,eACA,SAEJ,0FACI,WACA,iBAEJ,4EACI,SAOA,+EACI,cACA,WACA,eACA,SACA,UACA,gBACA,gBACA,eAMJ,sFACI,gBACA,kBACA,UDh8DZ,KCi8DY,kBACA,WAIR,qFACI,WACA,WACA,iBACA,gBACA,UD38DR,KC48DQ,kBACA,WAcR,uEACI,qBAUpB,sEAII,sCACI,yFACA,mCACA,4BAOR,sCAmBgC,iQACI,qBAEA,qSACI,WACA,gBAEA,6UACI,kBAKhB,yQACI,OACA,QACA,YACA,UAWR,qSACI,WACA,cAEJ,uSACI,kBACA,WACA,QACA,MACA,6SACI,cACA,yUACI,WACA,qVACI,eACA,WAGR,6UACI,UACA,qBACA,iBAEJ,mVACI,UACA,qBAEJ,koBAEI,sBAWpC,qCAgBgB,+JACI,WAGI,yKACI,WACA,YACA,SACA,UACA,oBACA,2BAEA,0XAEI,WACA,YACA,SACA,UACA,oBACA,2BAShB,mJACI,mBAOpB,eACC,kBACA,kBACG,aCnmEQ,sBDomER,ICpmEQ,mBDomER,ICpmEQ,iBDomER,ICpmEQ,cDomER,IAKA,8BACI,uBACA,6BACA,qBAGP,+BACC,cACA,gBACA,eACA,WACA,YAME,+BACI,SACA,WACA,MD1pEA,KC4pEA,sCACI,MD7pEJ,KC8pEI,WACA,YACA,eAOX,8BACC,aAME,uBACI,WD5qEA,QC6qEA,MDhrEA,KCirEA,YAMA,8CACE,iBDprEE,QCqrEF,aDrrEE,QC4rER,uBACI,mBACA,yBAEA,uCACE,MDnsEF,KCqsEE,8CACK,MDtsEP,KC8sEJ,qBACI,6BACA,+BACA,gCAGR,qCAa4B,6SACI,cACA,yUACI,WACA,qVACI,eACA,WAGR,6UACI,WAKA,iBAJA,yVACI,eACA,WAIR,mVACI,UAKA,iBAJA,+VACI,cACA,UAIR,koBAEI,sBAgBpC,qCAGG,4CACC,iBACA,eAEA,iDACC,iBAGD,+EACC,0BACA,0BAGD,oJAEC,0BACA,2BAQL,qCAGG,4CACC,iBACA,eACA,gBACA,aACA,mBACA,uBAEA,iDACC,mBACA,gBACA,iBAGD,+EACC,0BACA,0BAGD,oJAEC,0BACA,2BEv0EL,oCACC,cACA,sBACA,4BACA,qBACA,YACA,WACA,aACA,qCACA,SACA,eACA,0BAXD,oCAYE,qCACA,SAGD,0BAhBD,oCAiBE,qCACA,SAGD,0BArBD,oCAsBE,0BACA,SAGD,+CA1BD,oCA2BE,2BAGD,yBA9BD,oCA+BE,sCAGD,yBAlCD,oCAmCE,2BAGD,mDACC,WAIA,kDACC,QAjDiB,IAkDjB,kBACA,yBACA,sBACA,qBAEA,sDACC,uBAGD,oDACC,kBAKD,+DACC,yBACA,kBACA,YAED,6DACC,iBCpEJ,iBACE,aAEA,0CACE,eACA,MACA,OACA,WACA,YACA,0BACA,aAGF,iDACE,eACA,QACA,SACA,gCACA,sBACA,kBACA,mBACA,aACA,gBACA,WACA,qCACA,gBACA,gBAEA,yEACE,kBACA,QACA,WACA,yBACA,YACA,eACA,qBACA,WACA,aACA,YACA,eACA,gBACA,+JAEE,aACA,YACA,gBAKN,2CACE,WACA,iBAEA,8CACE,eACA,gBACA,SACA,eAGF,8DACE,aACA,8BACA,iBAEA,kFACE,UAEE,kGACE,eACA,gBACA,SAEF,kGACE,qBACA,kBACA,qGACE,cACA,6GACE,cACA,gBAMR,kGACE,iBACA,oBAEA,6GACE,eACA,gBAEA,yHACE,gBAGF,wHACE,sBACA,iBACA,gBAMR,mFACE,UACA,OACA,gCACA,gBAEA,uFACE,cACA,WACA,YACA,iBASR,yBAKU,0GACE,kBAQZ,+CACE,iDACE,YAIJ,yBACE,iDACE,cACA,aACA,gBACA,QACA,6BACA,gBAGF,2CACE,iBAEA,8CACE,eAGF,8DACE,sBAEA,qKAEE,WAIA,uFACE,aAMR,yCACE,gBASJ,sEACE,eACA,QACA,SACA,gCACA,sBACA,kBACA,aACA,gBACA,WACA,qCACA,gBACA,gBAEA,qGACE,kBACA,QACA,WACA,yBACA,YACA,eACA,qBACA,WACA,aACA,YACA,eACA,gBACA,uNAEE,aACA,YACA,gBAIJ,uGACE,WAEA,mHACE,0BACA,wCAEA,sHACE,eACA,gBACA,UACA,SAIJ,kIACE,aACA,8BAEA,+IACE,UACA,aACA,uCACA,aACA,sBACA,uBAGE,2KACE,mBAEA,iLACE,eACA,gBACA,kBACA,cACA,cAGF,iLACE,eACA,WACA,YACA,iCACA,kBAGF,kLACE,eACA,WACA,yBACA,iCACA,kBAGF,oLACE,eACA,WACA,YACA,iCACA,kBACA,YAEA,+MAEE,qBAGF,sMAEE,qBAGF,0MAEE,qBAGF,2MAEE,qBAGF,iMAEE,qBAIJ,kLACE,eACA,WACA,iBJnTR,QIoTQ,WACA,YACA,kBACA,kBACA,eACA,qBACA,kBACA,qBACA,gCACA,gBACA,iBACA,gBAEA,wLACE,iBJlUV,QIqUQ,2LACE,sBACA,WACA,mBACA,oBAIJ,sYAEE,UACA,eACA,aACA,eACA,gBAGF,6LACE,qBACA,eACA,cAGF,yNACE,cAGF,ubAEE,cAGF,uMACE,aACA,MJvWR,QIwWQ,eACA,gBACA,iBAEA,6MACE,cAIJ,kMACE,aAGF,uLACE,kBAGJ,iLACE,kBAKN,gJACE,UACA,aACA,aACA,sBACA,uBACA,mBAEA,qKACE,kBACA,eAEA,yKACE,mBAGF,uKACE,SACA,qBACA,gBAIJ,8KACE,kBACA,mBAEA,gLACE,SACA,qBACA,gBAIJ,4KACE,aACA,qCACA,SACA,WAEA,2LACE,kBACA,eACA,mBACA,sBACA,aACA,iBACA,gBAEA,wMACE,WACA,YACA,iBAGF,6LACE,aACA,gBAEA,mMACE,aACA,gBAKJ,8MACE,kBACA,YACA,WACA,WACA,YACA,eACA,UACA,uBAIF,8MACE,kBACA,SACA,UACA,WACA,YACA,gBACA,iCACA,kBACA,sCACA,eACA,aACA,mBACA,uBACA,UACA,uBAGA,sBAGA,sNACE,yBACA,qBACA,UAGA,8NACE,WACA,WACA,YACA,oDACA,sBACA,2BACA,4BACA,cACA,SAMN,waAEE,UAQZ,gGACE,aACA,uBACA,mBACA,YACA,WACA,sCACA,aACA,kBACA,MACA,OAEA,4GACE,WACA,YAQN,yBACE,sEACE,WAMI,8HACE,2BAOV,yBACE,sEACE,eACA,gBACA,OACA,6BACA,gBAIA,4EACE,6BACA,8BAGF,2FACE,sBACA,2BAEA,iNAEE,sBACA,4BACA,qCAGF,wGACE,wCAIA,8HACE,2BCtlBZ,2BACC,aACA,8DACC,eACA,MACA,OACA,WACA,YACA,0BACA,aAGD,8DACC,eACA,QACA,SACA,gCACA,sBACA,mBACA,aACA,gBACA,WACA,oDACA,gBACA,gBAEA,+FACC,kBACA,YACA,WACA,SACA,WACA,yBACA,YACA,eACA,qBACA,WACA,aACA,YACA,eACA,gBACA,2MAEC,aACA,YACA,gBAKH,qDACC,aACA,sBACA,WACA,YACA,kBAEA,wDACC,kBACA,gBACA,eACA,cACA,iBAED,kEACC,aACA,sBACA,uBACA,mBACA,aACA,4BAED,sEACC,WACA,YAED,oEACC,eACA,cACA,kBACA,iBAED,qEACC,kBACA,UACA,WAED,qEACC,aACA,sBACA,uBACA,mBACA,aACA,mBACA,yBACA,kBAEA,uEACC,kBACA,eAGF,0EACC,aACA,uBACA,mBACA,gBACA,mBACA,qBACA,wBACA,gBACA,WACA,eACA,kBACA,YACA,YACA,iBAEA,gFACC,mBACA,qBACA,WAGF,uEACC,aACA,uBACA,mBACA,gBACA,gBACA,2EACC,WACA,YAED,4FACC,kBACA,aAEA,iGACC,kBACA,gCACA,QACA,SACA,WAGF,yEACC,SACA,gBACA,iBAED,mFACC,gBAKH,+CACC,8DACC,WAGA,qEACC,kBAED,qEACC,aAED,uEACC,sBACA,SACA,yEACC,8BJorEH,6CACE,kBAEF,mDACE,aACA,mBAEF,iDACE,aACA,sBACA,QACA,kBACA,SACA,OACA,YACA,sBACA,cACA,yBACA,kBACA,mDACA,mDACE,eACA,qBACA,8BACA,0BAEA,yDACE,yBACA,WAIN,gDACE,aACA,mBACA,iBAIJ,mDACE,0BAEF,YACE","file":"metabox.css","sourcesContent":["@import 'vars';\n\n/* Add this attribute to the element that needs a tooltip */\n[data-envira-tooltip] {\n position: relative;\n z-index: 2;\n cursor: pointer;\n}\n\n/* Hide the tooltip content by default */\n[data-envira-tooltip]:before,\n[data-envira-tooltip]:after {\n visibility: hidden;\n opacity: 0;\n pointer-events: none;\n}\n\n/* Position tooltip above the element */\n[data-envira-tooltip]:before {\n position: absolute;\n bottom: 120%;\n left: 50%;\n margin-bottom: 5px;\n margin-left: -35px;\n padding: 7px;\n width: 60px;\n -webkit-border-radius: $border-radius;\n -moz-border-radius: $border-radius;\n border-radius: $border-radius;\n background-color: #000;\n color: #fff;\n font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Oxygen-Sans,Ubuntu,Cantarell,\"Helvetica Neue\",sans-serif;\n content: attr(data-envira-tooltip);\n text-align: center;\n font-size: 12px;\n line-height: 1.2;\n}\n\n/* Triangle hack to make tooltip look like a speech bubble */\n[data-envira-tooltip]:after {\n position: absolute;\n bottom: 120%;\n left: 50%;\n width: 0;\n margin-left: -5px;\n border-top: 5px solid #000;\n border-right: 5px solid transparent;\n border-left: 5px solid transparent;\n content: \" \";\n font-size: 0;\n line-height: 0;\n}\n\n/* Show tooltip content on hover */\n[data-envira-tooltip]:hover:before,\n[data-envira-tooltip]:hover:after {\n visibility: visible;\n opacity: 1;\n}\n.envira-hidden{\n\tdisplay: none !important;\n}\n\n.envira-clearfix{\n\tclear: both;\n\tdisplay: block;\n\theight: 0;\n\toverflow: hidden;\n\tvisibility: hidden;\n\twidth: 0;\n}","/* ==========================================================================\n Variables SCSS\n ========================================================================== */\n\n$font__main: sans-serif;\n$font__code: Monaco, Consolas, \"Andale Mono\", \"DejaVu Sans Mono\", monospace;\n$font__pre: \"Courier 10 Pitch\", Courier, monospace;\n$font__line-height-body: 1.5;\n$font__line-height-pre: 1.6;\n\n$font_size_tab: 13px;\n\n$white: #ffffff;\n$beige_light: #f7f7f7;\n$black: #000000;\n$green: #00AC53;\n$green_alt: #1C803D;\n$light-grey: rgb( 221,221,221);\n$grey: #666666;\n$grey_dark: #6b6e72;\n$grey_dark_2: #dddddd;\n$red: #e02626;\n$red_alt: #f85959;\n\n$primary_color: $green;\n$primary_button_color: $primary_color;\n$primary_button_color_hover: $green_alt;\n\n$danger_button_color: $red;\n$danger_button_color_hover: $red_alt;\n\n$color_bg: #f1f1f1;\n\n$header-height: 120px;\n$navbar-height: 50px;\n$input-height: 35px;\n\n$border-radius: 3px;\n","/* ==========================================================================\n metabox.css loads on any Envira Gallery and Album Create/Edit Screen\n\n Any styles that will be used by the main Gallery / Album editor screen should be\n added to this file\n ========================================================================== */\n\n/* ==========================================================================\n Imports\n ========================================================================== */\n@import \"vars\";\n@import \"mixins\";\n@import \"global\";\n\n/* ==========================================================================\n Messages\n ========================================================================== */\nbody.post-type-envira,\nbody.post-type-envira_album {\n /**\n * Add left and right margins to ensure the message notification horizontally lines up\n * with the metaboxes\n */\n #message {\n margin: 5px 20px 15px 20px;\n }\n\n #wp-link-wrap{\n z-index: 180105 !important;\n }\n\n #wp-link-backdrop{\n z-index: 160105 !important;\n\n\t}\n\t#visibility-radio-password{\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t}\n\tlabel[for=\"visibility-radio-password\"]{\n\t\tdisplay: none;\n\t\tvisibility: hidden;\n\t\t& + br{\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\t&.envira-protection{\n\t\t#visibility-radio-password{\n\t\t\tdisplay: inline-block;\n\t\t\tvisibility: visible;\n\t\t}\n\t\tlabel[for=\"visibility-radio-password\"]{\n\t\t\tdisplay: inline-block;\n\t\t\tvisibility: visible;\n\t\t\t& + br{\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* ==========================================================================\n Form\n - The envira-gallery class is assigned to the Gallery and Album Add/Edit screens form.\n ========================================================================== */\nform#post.envira-gallery {\n /**\n * Re-establish the left and right margins, so there's spacing between the Admin Menu\n * and the content\n */\n margin: 0 20px;\n\n /**\n * Tooltip Styles\n */\n\n .envira-tooltip {\n display:inline-block;\n position:relative;\n text-align:left;\n .dashicons {\n line-height: 30px;\n }\n text-decoration: none;\n }\n\n .envira-tooltip .top {\n min-width:300px;\n line-height: 30px;\n top:-20px;\n left:50%;\n transform:translate(-50%, -100%);\n padding:5px 10px 15px 10px;\n color:white;\n background-color:black;\n font-weight:normal;\n font-size:12px;\n border-radius:8px;\n position:absolute;\n z-index:99999999;\n box-sizing:border-box;\n box-shadow:0 1px 8px rgba(0,0,0,0.5);\n display:none;\n li {\n width: 100%;\n margin: 1px 0;\n line-height: 13px;\n }\n }\n\n .envira-tooltip:hover .top {\n display:block;\n }\n\n .envira-tooltip .top i {\n position:absolute;\n top:100%;\n left:50%;\n margin-left:-12px;\n width:24px;\n height:12px;\n overflow:hidden;\n }\n\n .envira-tooltip .top i::after {\n content:'';\n position:absolute;\n width:12px;\n height:12px;\n left:50%;\n transform:translate(-50%,-50%) rotate(45deg);\n // background-color:#EEEEEE;\n box-shadow:0 1px 8px rgba(0,0,0,0.5);\n }\n\n\n /**\n * Defined so we override WordPress' default styles\n */\n #poststuff {\n /* ==========================================================================\n Envira Gallery Shared Styles for Types and Settings\n ========================================================================== */\n\n /**\n * Intro Text\n */\n p.envira-intro {\n margin: 0;\n padding: 0 0 30px 0;\n border-bottom: 1px solid #ddd;\n font-size: 16px;\n font-weight: 700;\n\n small {\n margin: 5px 0 0 0;\n display: block;\n font-weight: 400;\n\n a {\n text-decoration: none;\n font-weight: 600;\n }\n }\n }\n tr.envira-inserted-intro {\n td {\n padding: 0;\n margin: 0;\n .envira-intro {\n padding-bottom: 10px;\n margin-bottom: -15px;\n }\n }\n }\n /**\n * Override WordPress default checkboxes\n */\n input[type=checkbox]{\n background-color: $white;\n border: 1px solid $light-grey;\n box-shadow: none;\n margin-right: 10px;\n\n\n }\n input[type=checkbox]:checked{\n border-color: $green;\n background-color: $green !important;\n }\n input[type=checkbox]:checked:before{\n color: $white !important;\n }\n\n\n tr#envira-config-additional-copy-box,\n tr#envira-config-additional-copy-box-automatic,\n tr#envira-config-title-caption-automatic-mobile,\n tr#envira-config-title-caption-column-mobile {\n input[type=\"checkbox\"] {\n margin-right: 0;\n }\n label {\n margin-right: 15px;\n }\n label.label-for-checkbox {\n display: inline-block;\n }\n }\n\n\n\n /**\n * Help Video\n * - Can be placed inside p.envira-intro by JS, or outside p.envira-intro when\n * viewing the Images tab for a Dynamic or Default Gallery\n */\n div.envira-video-help {\n position: relative;\n z-index: 1;\n width: 100%;\n margin: 20px 0 0 0;\n\n iframe {\n position: relative;\n z-index: 1;\n width: 100%;\n height: auto;\n min-height: 300px;\n }\n\n a.envira-video-close {\n position: absolute;\n z-index: 2;\n top: -12px;\n right: -12px;\n width: 24px;\n height: 24px;\n line-height: 24px;\n @include borderRadius(50%);\n background: #f5f5f5;\n color: #000;\n text-align: center;\n text-decoration: none;\n }\n }\n\n /**\n * Image Grid\n * - Used on the Images tab for Default Galleries, as well as the Preview Metabox\n */\n ul.envira-gallery-images-output {\n width: 100%;\n\n li {\n position: relative;\n display: inline-block;\n width: 150px;\n margin: 0 20px 20px 0;\n padding: 0;\n list-style: none;\n vertical-align: top;\n -moz-background-clip: padding;\n -webkit-background-clip: padding-box;\n background-clip: padding-box;\n background: $beige_light;\n\n img {\n display: block;\n width: 150px;\n height: 150px;\n }\n\n /**\n * If, for some reason, the image doesn't exist or fails to load,\n * the placeholder logo is displayed\n */\n div.placeholder-image {\n display: block;\n width: 148px;\n height: 149px;\n background: url(images/icons/leaf.svg) center no-repeat;\n background-size: 64px 64px;\n border-left: 1px solid #dfdfdf;\n border-top: 1px solid #dfdfdf;\n border-right: 1px solid #dfdfdf;\n }\n\n /**\n * Metadata\n */\n div.meta {\n width: 148px;\n overflow: hidden;\n text-align: center;\n border-left: 1px solid #dfdfdf;\n border-bottom: 1px solid #dfdfdf;\n border-right: 1px solid #dfdfdf;\n\n /**\n * Title\n */\n div.title {\n font-size: 12px;\n font-weight: 700;\n width: 138px;\n height: 18px;\n line-height: 18px;\n margin: 8px 5px;\n overflow: hidden;\n\n /**\n * Hint\n * - Displays the full title on hover\n */\n a.hint {\n position: absolute;\n display: inline-block;\n bottom: 10px;\n right: 10px;\n width: 16px;\n height: 16px;\n background: $beige_light;\n\n &.hidden {\n display: none;\n }\n }\n }\n\n /**\n * Additional metadata\n */\n div.additional {\n display: none;\n margin: 5px 0 0 0;\n font-weight: 400;\n }\n }\n\n /**\n * Tick Icon\n */\n a.check {\n display: none;\n position: absolute;\n right: 5px;\n top: 5px;\n width: 24px;\n height: 24px;\n background-color: #eee;\n -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,0.15);\n box-shadow: 0 0 0 1px #fff,0 0 0 2px rgba(0,0,0,0.15);\n\n div.media-modal-icon {\n display: none;\n width: 15px;\n height: 15px;\n margin: 5px 0 0 5px;\n background-position: -21px 0;\n }\n }\n\n /**\n * Edit / Delete Buttons\n */\n a.dashicons {\n position: absolute;\n display: block;\n left: 5px;\n width: 25px;\n height: 25px;\n line-height: 25px;\n font-size: 18px; /* Controls the icon size */\n outline: none;\n z-index: 20;\n border-radius: 2px;\n -moz-border-radius: 2px;\n -webkit-border-radius: 2px;\n\n &.envira-gallery-modify-image {\n top: 5px;\n background: #0085ba;\n color: $white;\n }\n &.envira-gallery-remove-image {\n top: 5px;\n left: $input-height;\n background: $red;\n color: $white;\n }\n &.envira-active-item,\n &.envira-draft-item{\n bottom: 40px;\n color: $white;\n span:before{\n font-size: 16px;\n // vertical-align: middle;\n }\n }\n &.envira-active-item{\n background-color: #74b445;\n }\n &.envira-draft-item{\n background-color: #ffa93b;\n\n }\n }\n\n /**\n * Selected state\n */\n &.selected {\n width: 148px;\n border: 2px solid $green !important;\n\n a.check {\n display: block;\n background-color: $green;\n -webkit-box-shadow: 0 0 0 1px #fff,0 0 0 2px $green;\n box-shadow: 0 0 0 1px #fff,0 0 0 2px $green;\n\n div.media-modal-icon {\n display: block;\n }\n }\n\n div.meta {\n width: 146px;\n }\n }\n\n /**\n * Multiple selection sorting - stacks images when the user has selected more than one image + dragged them\n */\n &.ui-sortable-helper {\n li {\n position: absolute;\n top: 0;\n left: 0;\n }\n }\n }\n\n /**\n * List View\n */\n &.list {\n li {\n position: relative;\n z-index: 2;\n display: inline-block;\n width: 100%;\n margin: 0 0 10px 0;\n padding: 10px 15px;\n background: #fff;\n border: 1px solid #ddd;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n border-radius: 2px;\n -moz-border-radius: 2px;\n -webkit-border-radius: 2px;\n\n\n img {\n display: block;\n width: 75px;\n margin-left: 45px;\n height: auto;\n float: left;\n }\n\n /**\n * Metadata\n */\n div.meta {\n position: relative;\n z-index: 1;\n left: 0;\n margin: 0;\n display: inline-table;\n width: 75%;\n padding: 0 80px 0 30px;\n border: none;\n font-weight: 700;\n text-align: left;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n height: auto;\n\n /**\n * Title\n */\n div.title {\n display: block;\n width: 100%;\n height: auto;\n font-size: 16px;\n margin: 0;\n padding: 0;\n float: left;\n\n a.hint {\n display: none;\n }\n }\n\n /**\n * Additional metadata\n * - Displayed in list view\n */\n div.additional {\n /* to do: remove !important; */\n position: relative !important;\n display: inline-block;\n height: 25px;\n margin: 5px 0 0 0;\n padding: 0;\n max-height: 25px;\n height: 25px;\n bottom: auto !important;\n right: auto !important;\n span.envira-video-type.vimeo {\n background-color: transparent !important;\n }\n span.envira-video-type.videopress {\n height: 25px !important;\n }\n }\n }\n\n /**\n * Checkbox\n * - Always display\n */\n a.check {\n display: block;\n position: absolute;\n left: 15px;\n top: $input-height;\n }\n a.dashicons {\n\n &.envira-gallery-remove-image {\n left: auto;\n top: 10px;\n right: 10px;\n }\n\n &.envira-gallery-modify-image {\n left: auto;\n top: 10px;\n right: 40px;\n }\n &.envira-active-item.grid-status,\n &.envira-draft-item.grid-status{\n display: none;\n }\n }\n .envira-active-item.list-status,\n .envira-draft-item.list-status{\n display: block;\n margin-top: 10px;\n font-weight: 600;\n color: black;\n text-decoration: none;\n &:hover{\n text-decoration: none;\n color: black;\n }\n\n }\n .envira-active-item.list-status{\n span{\n margin-left: 5px;\n border-radius: $border-radius;\n padding: 3px 5px;\n background-color: #74b445;\n color: white;\n }\n }\n .envira-draft-item.list-status{\n span{\n margin-left: 5px;\n border-radius: $border-radius;\n padding: 3px 5px;\n background-color: #ffa93b;\n color: white;\n }\n }\n }\n }\n /**\n * Grid View\n */\n &.grid{\n\n }\n }\n\n /* ==========================================================================\n Envira Gallery Type\n Envira Album Type\n ========================================================================== */\n #envira-gallery {\n margin: 60px 0 20px 0;\n }\n #envira-gallery,\n #envira-albums {\n /**\n * Hide the title bar of the metabox, so we have a seamless style\n */\n .handlediv {\n display: none;\n }\n .hndle {\n display: none;\n }\n\n /**\n * Tabs\n * - Move up vertically so they sit above the metabox\n * - Pixel-perfect alignment with metabox content box edges\n */\n h2.nav-tab-wrapper {\n margin: -56px -1px 0 -1px; /* Extend to align with metabox edges */\n padding: 0;\n border-bottom: none;\n display: flex;\n width: calc(100% + 2px); /* Account for negative margins */\n\n /**\n * Increase tab sizes and style\n * Tabs will align perfectly with content box borders\n */\n .nav-tab {\n flex: 1;\n margin: 0 -1px 0 0; /* Overlap borders between tabs */\n padding: 15px 10px;\n text-align: center;\n font-size: 16px;\n border: 1px solid #c3c4c7; /* WordPress admin border color */\n border-bottom: none;\n background: #f5f5f5;\n border-top-left-radius: 6px;\n border-top-right-radius: 6px;\n box-sizing: border-box;\n position: relative;\n\n /**\n * First tab: starts at exact left edge\n */\n &:first-child {\n margin-left: 0;\n }\n\n /**\n * Last tab: ends at exact right edge\n */\n &:last-child {\n margin-right: 0;\n }\n\n /**\n * Envira Gallery Icon\n */\n &.nav-tab-native-envira-gallery {\n span {\n display: inline-block;\n background: url(images/icons/leaf.svg) 0 5px no-repeat;\n background-size: 14px 14px;\n text-indent: 20px;\n }\n }\n\n /**\n * Envira AI Tab\n */\n &.nav-tab-envira-ai {\n span {\n display: inline-block;\n background: url(images/icons/envira-ai-black.svg) 0 5px no-repeat;\n background-size: 19px 18px;\n text-indent: 24px;\n }\n\n &.envira-active {\n span {\n background: url(images/icons/envira-ai-green.svg) 0 5px no-repeat;\n background-size: 19px 18px;\n }\n }\n }\n\n /**\n * Hover and Active States\n * Active tab blends seamlessly with content area\n */\n &:hover,\n &.envira-active {\n background: $white;\n border-bottom: none;\n z-index: 1;\n }\n\n /**\n * Focus State\n * - Remove WordPress' blue focus box from tabs\n */\n &:focus {\n box-shadow: none;\n outline: none;\n }\n\n /**\n * Hides the radio input on a label\n * The radio input will be selected when the label is clicked\n */\n input[type=radio] {\n display: none;\n }\n }\n }\n\n /**\n * Tab Settings\n */\n .inside {\n margin: 0;\n padding: 0;\n border-top: none;\n\n /**\n * Native Envira Gallery Uploader / Select Files\n * - Styles the pluploader instance to look the way we want it\n * - Also see responsive styles at the end of this file\n */\n #envira-gallery-native {\n #plupload-upload-ui {\n /* Reserves the space needed for the drag-drop-area, which is loaded using JS */\n height: 210px;\n\n /**\n * A drag-drop-area div is always output, whether we're on a touch\n * device or not. WordPress will only style this div if its parent\n * has the .drag-drop class (i.e. touch devices won't get any CSS styling)\n *\n * The below CSS ensures that the drag drop area looks consistent\n * regardless of device used, and then adjusts the layout if drag-drop is supported.\n */\n #drag-drop-area {\n display: none;\n border: 4px dashed #b4b9be;\n height: 200px;\n\n .drag-drop-inside {\n margin: 0 auto 0 auto;\n\n p {\n display: block;\n text-align: center;\n color: #a0a5aa;\n position: absolute;\n top: 50%;\n left: 50%;\n margin: -10px 0 0 -10px;\n\n /**\n * \"Drop Files here\"\n */\n &.drag-drop-info {\n display: none;\n font-size: 20px;\n }\n &.drag-drop-buttons {\n text-align: center;\n position: relative;\n top: 20px;\n left: 0;\n margin: 0;\n }\n }\n }\n }\n\n /**\n * Select Files from Other Sources Button\n */\n a.envira-media-library.button {\n display: none;\n position: absolute;\n margin: 0 auto;\n left: 280px;\n right: 0;\n width: 230px;\n top: 115px;\n text-align: center;\n }\n\n /**\n * When the uploader supports drag and drop, a .drag-drop\n * class is appended to #drag-drop-area by WordPress\n *\n * We use this to show certain descriptions\n */\n &.drag-drop {\n #drag-drop-area {\n .drag-drop-inside {\n width: 520px;\n margin: $navbar-height auto 0 auto;\n\n p {\n position: relative;\n top: 0;\n left: 0;\n margin: 0;\n }\n\n p.drag-drop-info {\n display: block;\n }\n\n p.drag-drop-buttons {\n margin: 10px 0 0 0;\n text-align: left;\n }\n }\n\n\n }\n }\n\n /**\n * Upload Progress Bar\n */\n .envira-progress-bar {\n display: none;\n width: 100%;\n position: relative;\n height: 10px;\n width: 100%;\n margin: 10px auto;\n border-radius: 10px;\n background: #dfdfdf;\n background: rgba(0,0,0,.1);\n\n .envira-progress-bar-inner {\n height: 10px;\n min-width: 20px;\n width: 0;\n background: #aaa;\n background: rgba(0,0,0,.2);\n border-radius: 10px;\n -webkit-transition: width 300ms;\n -moz-transition: width 300ms;\n -ms-transition: width 300ms;\n -o-transition: width 300ms;\n transition: width 300ms;\n }\n\n .envira-progress-bar-status {\n clear: both;\n position: absolute;\n right: 0;\n width: 50%;\n height: 30px;\n margin: 12px 0 0 0;\n text-align: right;\n\n .uploading {\n\n }\n .done {\n display: none;\n }\n .uploading_zip {\n display: none;\n }\n .opening_zip {\n display: none;\n .spinner {\n visibility: visible;\n margin-top: 0;\n }\n }\n .done_zip {\n display: none;\n }\n }\n\n\n }\n\n /**\n * Upload Progress Bar\n */\n .envira-progress-adding-images {\n display: none;\n width: 100%;\n position: relative;\n height: 10px;\n width: 100%;\n margin: 5px auto;\n border-radius: 10px;\n/* background: #dfdfdf;\n background: rgba(0,0,0,.1);\n*/\n .envira-progress-bar-inner {\n height: 10px;\n min-width: 20px;\n width: 0;\n/* background: #aaa;\n background: rgba(0,0,0,.2);*/\n border-radius: 10px;\n/* -webkit-transition: width 300ms;\n -moz-transition: width 300ms;\n -ms-transition: width 300ms;\n -o-transition: width 300ms;\n transition: width 300ms;*/\n }\n\n .envira-progress-status {\n clear: both;\n position: absolute;\n right: 0;\n width: 50%;\n height: 30px;\n margin: 12px 0 0 0;\n text-align: right;\n color: green;\n -webkit-transition: 0.05s color ease-in-out;\n transition: 0.05s color ease-in-out;\n\n .spinner {\n float: right;\n margin-top: 0;\n visibility: visible;\n }\n\n .adding_images {\n float: right;\n display: inline-block;\n }\n }\n\n }\n\n p.upload-flash-bypass {\n display: none;\n }\n }\n }\n\n div.envira-tab {\n padding: 20px;\n border-top: none;\n background: $white;\n\n /**\n * External Gallery Tab Area\n */\n &#envira-gallery-external {\n text-align: center;\n\n /**\n * Header\n */\n p.envira-intro {\n margin: 0 0 20px 0;\n padding: 0;\n border: none;\n }\n\n /**\n * External Gallery Types\n */\n ul#envira-gallery-types-nav {\n margin: 0 0 40px 0;\n text-align: center;\n\n li {\n display: inline-block;\n margin: 0 20px 0 0;\n vertical-align: top;\n\n &:last-child {\n margin: 0;\n }\n\n /**\n * Pro uses a <label> element so the user can select the Gallery Type\n * Lite uses an <a> element so the user can go to the Upgrade URL\n */\n label,\n a {\n float: left;\n width: 110px;\n cursor: pointer;\n\n input {\n display: none;\n }\n div.icon {\n width: 110px;\n height: 110px;\n margin: 0 0 10px 0;\n border: 1px solid #ddd;\n background-size: 64px 64px;\n background-position: center;\n background-repeat: no-repeat;\n }\n div.title {\n font-weight: 700;\n }\n }\n\n /**\n * Hover State\n * Selected State\n */\n &:hover,\n &.envira-active {\n label,\n a {\n div.icon {\n background-color: #f7fcf3;\n border-color: $primary_color;\n }\n }\n }\n\n /**\n * Featured Content\n */\n &#envira-gallery-type-fc {\n label,\n a {\n div.icon {\n background-image: url(../images/types/fc.png);\n }\n }\n }\n\n /**\n * Instagram\n */\n &#envira-gallery-type-instagram {\n label,\n a {\n div.icon {\n background-image: url(../images/types/instagram.png);\n }\n }\n }\n\n /**\n * Dribbble\n */\n &#envira-gallery-type-dribbble {\n label,\n a {\n div.icon {\n background-image: url(../images/types/dribbble.png);\n }\n }\n }\n\n /**\n * TikTok\n */\n &#envira-gallery-type-tiktok {\n label,\n a {\n div.icon {\n background-image: url(../images/types/tiktok.png);\n }\n }\n }\n\n /**\n * Google Photos\n */\n &#envira-gallery-type-google_photos {\n label,\n a {\n div.icon {\n background-image: url(../images/types/google-photos.png);\n }\n }\n }\n\n /**\n * Inactive addon / license upsell tiles\n */\n &.envira-external-tile--inactive,\n &.envira-external-tile--upsell {\n a {\n text-decoration: none;\n color: inherit;\n }\n .envira-external-tile-note {\n display: block;\n margin-top: 8px;\n font-size: 11px;\n font-weight: 400;\n line-height: 1.3;\n color: #646970;\n max-width: 110px;\n }\n }\n &.envira-external-tile--inactive div.icon,\n &.envira-external-tile--upsell div.icon {\n opacity: 0.85;\n }\n }\n }\n\n /**\n * Upgrade Button\n */\n a.button.button-x-large {\n margin-top: 30px;\n }\n }\n\n\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t * Envira AI Tab Area\n\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t&#envira-gallery-envira-ai {\n\t\t\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t\t\tpadding: 50px;\n\n\t\t\t\t\t\t\t\t\t\t/**\n\t\t\t\t\t\t\t\t\t\t * AI create button.\n\t\t\t\t\t\t\t\t\t\t */\n\t\t\t\t\t\t\t\t\t\ta.button.button-envira-ai-tab {\n\t\t\t\t\t\t\t\t\t\t\ttext-transform: none;\n\t\t\t\t\t\t\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\t\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\t\t\t\t\t\tline-height: 38px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n }\n }\n }\n\n /* ==========================================================================\n Envira Albums Drag & Drop Area\n ========================================================================== */\n #envira-albums {\n .inside {\n #envira-types {\n #envira-album-native {\n position: relative;\n\n /**\n * Galleries (Drop Target)\n */\n ul#envira-album-drag-drop-area {\n z-index: 2;\n min-height: 200px;\n margin: 0;\n padding: 20px;\n border: 4px dashed #b4b9be;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n\n li {\n cursor: move;\n }\n }\n\n /**\n * Drag & Drop Instructions\n */\n p.drag-drop-info {\n position: absolute;\n top: 80px;\n z-index: 1;\n margin: 0 auto;\n left: 0;\n right: 0;\n text-align: center;\n color: #a0a5aa;\n font-size: 20px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n\n span {\n display: block;\n\n &.drag {\n\n }\n &.click {\n font-size: 18px;\n }\n }\n small {\n display: block;\n margin: 5px 0;\n font-size: 14px;\n }\n }\n }\n }\n }\n }\n\n /* ==========================================================================\n Envira Gallery Settings\n Envira Albums Settings\n ========================================================================== */\n #envira-gallery-settings,\n #envira-albums-settings {\n background: $beige_light; /* The background for tabs, full height */\n input[type=\"text\"],\n input[type=\"number\"],\n input[type=\"password\"]{\n background-color: $white;\n border: 1px solid #ddd;\n -webkit-box-shadow: none;\n box-shadow: none;\n color: #32373c;\n height: $input-height;\n outline: none;\n -webkit-transition: 0.05s border-color ease-in-out;\n transition: 0.05s border-color ease-in-out;\n min-width: auto; /* 210px; */\n max-width: 350px;\n width: auto;\n border-radius: $border-radius;\n padding-right: 0;\n }\n tr#envira-config-crop-size-box {\n input[type=\"text\"],\n input[type=\"number\"],\n input[type=\"password\"] {\n max-width: 200px;\n }\n }\n #envira-empty-gallery{\n position: relative;\n background-color: $beige_light;\n min-height: 350px;\n width: 100%;\n text-align: center;\n border-radius: $border-radius;\n div{\n max-width: 450px;\n max-height: 150px;\n margin: auto;\n position: absolute;\n top: 0; left: 0; bottom: 0; right: 0;\n\n }\n img{\n max-width: 300px;\n }\n\n }\n .envira-external-req{\n border: 1px solid $green;\n border-radius: $border-radius;\n padding: 30px;\n h2{\n font-size: 20px;\n margin: 0;\n padding: 0;\n }\n }\n /**\n * Clearfix\n */\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n /**\n * Hide the title bar of the metabox, so we have a seamless style\n */\n .handlediv {\n display: none;\n }\n .hndle {\n display: none;\n }\n .inside {\n margin: 0;\n padding: 0;\n }\n\n /**\n * Tabs\n */\n ul#envira-tabs-nav {\n width: 160px;\n margin: 0;\n padding: 0;\n border-right: 1px solid #ddd;\n\n li {\n float: left;\n width: 100%;\n margin: 0;\n padding: 0;\n\n a {\n float: left;\n width: 120px;\n margin: 0 20px;\n padding: 20px 0 20px 25px;\n text-decoration: none;\n color: #999;\n border-bottom: 1px solid #ddd;\n background-position: left center;\n background-repeat: no-repeat;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n transition: none;\n -webkit-transition: none;\n\n /**\n * Hover and Active States\n */\n &:hover,\n &.envira-active {\n width: 161px;\n margin: -1px 0 0 0;\n padding: 20px 20px 20px ( 20px + 25px );\n text-decoration: none;\n color: #444;\n border-top: 1px solid #ddd;\n border-bottom: 1px solid #ddd;\n border-right: 1px solid $white;\n background-color: $white;\n background-position: 20px center;\n }\n\n /**\n * Focus State\n * - Remove WordPress' blue focus box from tabs\n */\n &:focus {\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n }\n }\n\n /**\n * Last Item\n */\n &:last-child {\n a {\n border-bottom: none;\n\n &:hover {\n border-bottom: none;\n }\n }\n }\n\n /**\n * Tab Icons\n */\n &.envira-images,\n &.envira-galleries {\n a {\n background-image: url(images/icons/leaf.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-config {\n a {\n background-image: url(images/icons/configuration.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-lightbox {\n a {\n background-image: url(images/icons/lightbox.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-mobile {\n a {\n background-image: url(images/icons/mobile.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-breadcrumbs {\n a {\n background-image: url(images/icons/breadcrumbs.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-comments {\n a {\n background-image: url(images/icons/comments.svg);\n background-size: 16px 16px;\n }\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t&.envira-search {\n a {\n background-image: url(images/icons/search.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-downloads {\n a {\n background-image: url(images/icons/downloads.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-exif {\n a {\n background-image: url(images/icons/exif.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-pagination {\n a {\n background-image: url(images/icons/pagination.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-pinterest {\n a {\n background-image: url(images/icons/pinterest.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-whatsapp {\n a {\n background-image: url(images/icons/whatsapp.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-schedule {\n a {\n background-image: url(images/icons/schedule.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-proofing {\n a {\n background-image: url(images/icons/proofing.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-printing {\n a {\n background-image: url(images/icons/printing.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-standalone {\n a {\n background-image: url(images/icons/standalone.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-slideshow {\n a {\n background-image: url(images/icons/slideshow.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-social {\n a {\n background-image: url(images/icons/social.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-tags {\n a {\n background-image: url(images/icons/tags.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-videos {\n a {\n background-image: url(images/icons/video.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-watermarking {\n a {\n background-image: url(images/icons/watermark.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-woocommerce {\n a {\n background-image: url(images/icons/woocommerce.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-zoom {\n a {\n background-image: url(images/icons/zoom.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-misc {\n a {\n background-image: url(images/icons/misc.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-audio {\n a {\n background-image: url(images/icons/audio.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-animations {\n a {\n background-image: url(images/icons/animations.svg);\n background-size: 16px 16px;\n }\n }\n &.envira-payment {\n a {\n background-image: url(images/icons/payment.svg);\n background-size: 16px 16px;\n }\n }\n }\n }\n\n /**\n * Settings\n */\n #envira-tabs {\n margin: 0 0 0 160px; /* Must match #ul#envira-tabs-nav width */\n padding: 20px;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n background: $white;\n border-left: 1px solid #ddd;\n\n /**\n * Headings\n */\n h2 {\n clear: none; // Prevents config layouts breaking in WordPress 4.3 and older\n }\n\n /**\n * All Tabs\n */\n table.form-table {\n clear: none;\n margin: 0 0 40px 0;\n\n &.no-margin {\n margin: 0;\n }\n &.no-bottom-margin {\n margin-bottom: 0;\n }\n\n /**\n * Row padding\n */\n th,td {\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n /**\n * Sub Headings\n * - Used to denote an Addon's settings within a settings tab e.g. the Mobile tab\n */\n tr.sub-heading {\n th {\n margin: 0;\n padding: 20px 0 0 0;\n font-style: italic;\n font-weight: 400;\n font-size: 16px;\n }\n }\n\n /**\n * Full width labels (used for checkboxes that we don't want to be inline)\n */\n label.full-width {\n display: block;\n margin: 0 0 5px 0;\n\n &:first-child {\n margin-top: 5px;\n }\n }\n\n /**\n * Full width textareas\n */\n textarea {\n width: 100%;\n }\n\n /**\n * Checkbox alignment\n */\n input[type=checkbox] {\n margin-bottom: 2px;\n }\n\n /**\n * Descriptions\n */\n p.description,\n span.description {\n font-size: $font_size_tab;\n font-style: italic;\n color: #666;\n }\n }\n\n /**\n * Tab: Images\n */\n #envira-tab-images {\n /**\n * Inline Navigation\n * - Select All\n * - List View / Grid View\n * - Edit / Delete Selected Items\n */\n nav {\n width: 100%;\n\n &.envira-tab-options {\n margin: 20px 0;\n }\n ul.envira-right-options{\n position: absolute;\n right: 20px;\n top: 100px;\n display: block;\n list-style: none;\n z-index: 99;\n li{\n list-style: none;\n vertical-align: middle;\n\t\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t\t\t#envira-filter-images{\n height: 29px;\n font-weight: 200;\n font-size: 12px;\n\t\t\t\t\t\t\t\t}\n a.dashicons {\n color: #999;\n\n &.dashicons-grid-view {\n }\n &.dashicons-list-view {\n }\n\n &.selected {\n color: #23282d;\n }\n\n span {\n display: inline-block;\n text-indent: -9999px;\n }\n }\n }\n li.helper{\n .dashicons{\n font-size: 24px;\n margin-top: -5px;\n color: $light-grey;\n &:hover{\n color: #23282d;\n\n }\n }\n }\n li.soliloquy-select{\n width: 200px;\n margin-right: 15px;\n .chosen-container{\n margin-top: -10px;\n }\n }\n\n }\n /**\n * Edit / Delete Selected\n * - Hidden by default, shown by JS when image(s) are selected\n */\n &.envira-select-options {\n display: none;\n .envira-label{\n font-weight: 600;\n margin-bottom: 12px;\n }\n a{\n margin-right: 8px;\n }\n }\n }\n\n /**\n * Images\n * - Show move cursor\n */\n ul#envira-gallery-output {\n li {\n cursor: move;\n }\n }\n }\n nav.envira-tab-options{\n label{\n font-weight: 600;\n }\n .envira-clear-selected{\n display: none;\n margin-left: 15px;\n text-decoration: none;\n }\n }\n /**\n * Tab: Galleries\n * - Used on Albums\n */\n #envira-tab-galleries {\n /**\n * Inline Navigation\n * - Search\n */\n nav {\n width: 100%;\n\n &.envira-tab-options {\n height: 40px;\n margin: 20px 0;\n position: relative;\n\n /**\n * Add Galleries to Album Button\n */\n a.envira-galleries-add {\n display: none; /* Displayed via JS when Galleries selected */\n position: absolute;\n top: 0;\n left: 0;\n }\n\n /**\n * Search\n */\n input#envira-albums-gallery-search {\n position: absolute;\n top: 0;\n right: 0;\n }\n }\n\n /**\n * Bulk Action Buttons\n * - Hidden by default, shown by JS when galleries(s) are selected\n */\n &.envira-select-options {\n display: none;\n }\n }\n\n /**\n * Images\n * - Show move cursor\n * - Hide Edit & Delete icons, as these are only displayed when the gallery is assigned to the Album\n */\n ul.envira-gallery-images-output {\n li {\n cursor: move;\n\n a.envira-gallery-remove-image,\n a.envira-gallery-modify-image {\n display: none;\n }\n }\n }\n }\n\n /**\n * Clearfix\n */\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n }\n\n }\n\n /* ==========================================================================\n Envira Gallery Preview Metabox\n ========================================================================== */\n #envira-gallery-preview {\n /**\n * Clearfix\n */\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n\n /**\n * Hide the title bar of the metabox, so we have a seamless style\n */\n button.handlediv {\n display: none;\n }\n h2.hndle {\n display: none;\n }\n .inside {\n margin: 0;\n padding: 20px;\n }\n }\n }\n}\n\n/* ==========================================================================\n Media Modal (Insert Images and Edit Metadata)\n ========================================================================== */\n.media-modal {\n /**\n * Header Buttons\n */\n .edit-attachment-frame {\n .edit-media-header {\n button.right {\n border-right: 1px solid #ddd;\n }\n }\n }\n\n /**\n * Upload\n */\n .uploader-inline {\n /**\n * Don't display the 'Select Files from Other Sources' button that we add to plupload\n * when we're in a modal.\n */\n a.envira-media-library.button {\n display: none;\n }\n }\n\n .envira-progress-bar {\n .envira-progress-bar-status {\n display: none;\n }\n }\n\n /**\n * Insert\n */\n .attachment.details {\n -webkit-box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px $green;\n box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 7px $green;\n\n .check {\n background-color: $green;\n -webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 2px $green;\n box-shadow: 0 0 0 1px #fff, 0 0 0 2px $green;\n }\n }\n\n /**\n * Attachments\n * - Ensures that images fill each <li> attachment block, providing compatibility from WordPress 4.0 upwards\n * - Removed as breaks 4.4, 4.5\n ul.attachments {\n li.attachment {\n width: 20%;\n\n img {\n width: 100%;\n height: 100%;\n }\n }\n }\n */\n\n /**\n * Albums: Select Gallery Cover Image\n * - Add some top spacing so that a selected cover image that's on the first line of the results\n * doesn't have its checkmark cut off\n */\n ul.attachments.envira-albums-gallery-cover-image {\n padding: 10px;\n }\n\n /**\n * Bulk Edit Attachments\n * - Restore cursor to default, so the user doesn't think they can click an image\n */\n ul.attachments.envira-bulk-edit {\n li.attachment {\n cursor: default;\n\n .attachment-preview {\n cursor: default;\n }\n }\n }\n\n /**\n * Edit\n */\n .attachment-details {\n .attachment-info {\n padding: 16px;\n\n /**\n * Settings\n * - Contains one or more setting elements (Title, Alt etc)\n */\n .settings {\n margin: 0;\n padding: 0;\n border: none;\n\n /**\n * Individual Setting (Title, Alt etc)\n */\n .setting {\n margin: 0 0 20px 0;\n padding: 0 0 20px 0;\n border-bottom: 1px solid #ddd;\n\n /**\n * Input\n */\n input[type=\"text\"],\n textarea {\n display: block;\n width: 100%;\n min-width: 100%;\n margin: 0;\n }\n input[type=\"checkbox\"] {\n float: left;\n margin: 0 5px 0 0;\n }\n select {\n margin: 0;\n }\n\n span {\n /**\n * Title\n */\n &.name {\n display: block;\n width: 100%;\n min-width: 100%;\n margin: 0;\n padding: 0;\n text-align: left;\n font-weight: 700;\n font-size: 14px;\n }\n\n /**\n * Description\n */\n &.description {\n text-align: left;\n font-style: normal;\n font-size: $font_size_tab;\n font-style: italic;\n color: #666;\n }\n }\n\n div.description {\n clear: both;\n float: left;\n margin: 5px 0 0 0;\n text-align: left;\n font-size: $font_size_tab;\n font-style: italic;\n color: #666;\n }\n }\n }\n\n /**\n * Actions\n * - Save Button\n * - Spinner\n */\n div.actions {\n /**\n * Ensure button renders at correct height\n */\n a.button {\n display: inline-block;\n }\n }\n }\n }\n}\n\n/* ==========================================================================\n Retina\n ========================================================================== */\n@media (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {\n /**\n * WP media-views.css doesn't use .wp-core-ui for the x2 icons, therefore they never get applied\n */\n .wp-core-ui a.check .media-modal-icon {\n background-image: url(../../../../../wp-includes/images/uploader-icons-2x.png) !important;\n -webkit-background-size: 134px 15px;\n background-size: 134px 15px;\n }\n}\n\n/* ==========================================================================\n Responsive\n ========================================================================== */\n@media screen and (max-width: 1320px) {\n /* ==========================================================================\n Form\n - The envira-gallery class is assigned to the Gallery and Album Add/Edit screens form.\n ========================================================================== */\n form#post.envira-gallery {\n #poststuff {\n #envira-gallery,\n #envira-albums {\n /**\n * Tab Settings\n */\n .inside {\n /**\n * Native Envira Gallery\n */\n #envira-gallery-native {\n #plupload-upload-ui {\n &.drag-drop {\n #drag-drop-area {\n border-color: #d5d5d5;\n\n .drag-drop-inside {\n width: 100%;\n margin-top: 20px;\n\n p.drag-drop-buttons {\n text-align: center;\n }\n }\n }\n }\n a.envira-media-library.button {\n left: 0;\n right: 0;\n width: 235px;\n top: 145px;\n }\n }\n }\n }\n }\n #envira-gallery-settings,\n #envira-albums-settings {\n .inside {\n /* arrange this area a bit differently */\n #envira-tabs #envira-tab-images nav.envira-tab-options {\n label.select-all-label {\n width: 100%;\n display: block;\n }\n ul.envira-right-options {\n position: relative;\n width: auto;\n right: 0;\n top: 0;\n li {\n display: block;\n &.filter-images {\n width: 100%;\n input {\n max-width: 100%;\n width: 100%;\n }\n }\n &.sorting-options {\n width: 40%;\n display: inline-table;\n margin-left: -5px;\n }\n &.sorting-directions {\n width: 40%;\n display: inline-table;\n }\n &.grid-view,\n &.list-view {\n display: inline-block;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n@media screen and (max-width: 768px) {\n /* ==========================================================================\n Form\n - The envira-gallery class is assigned to the Gallery and Album Add/Edit screens form.\n ========================================================================== */\n form#post.envira-gallery {\n #poststuff {\n /* ==========================================================================\n Envira Gallery Settings\n Envira Albums Settings\n ========================================================================== */\n #envira-gallery-settings,\n #envira-albums-settings {\n /**\n * Tabs\n */\n ul#envira-tabs-nav {\n width: 60px;\n\n li {\n a {\n width: 60px;\n height: 60px;\n margin: 0;\n padding: 0;\n text-indent: -9999px;\n background-position: center;\n\n &:hover,\n &.envira-active {\n width: 60px;\n height: 60px;\n margin: 0;\n padding: 0;\n text-indent: -9999px;\n background-position: center;\n }\n }\n }\n }\n\n /**\n * Settings\n */\n #envira-tabs {\n margin: 0 0 0 60px; /* Must match #ul#envira-tabs-nav width */\n }\n }\n }\n }\n}\n\n.envira-notice {\n\tposition: relative;\n\tmargin: 0 0 20px 0;\n padding: 20px;\n @include borderRadius(2px);\n\n /**\n * Heading\n */\n p.envira-intro {\n border: none !important;\n margin: 0 0 20px 0 !important;\n padding: 0 !important;\n\t}\n\n\t.dashicons.star {\n\t\tcolor: #ff982d;\n\t\tline-height: 1.3;\n\t\tfont-size: 15px;\n\t\twidth: 15px;\n\t\theight: 15px;\n\t}\n\n /**\n * Close Button\n */\n .notice-dismiss {\n top: 10px;\n right: 10px;\n color: $white;\n\n &:before {\n color: $white;\n width: 26px;\n height: 26px;\n font-size: 22px;\n }\n\t}\n\n /**\n * Layout\n */\n\t.no-margin-top {\n\t\tmargin-top: 0;\n\t}\n\n /**\n * Success\n */\n &.success {\n background: $green;\n color: $white;\n border: none;\n\n /**\n * Button background color needs to be adjusted so it displays over the green background\n * of the success message\n */\n .button.button-primary {\n background-color: $green_alt;\n border-color: $green_alt;\n }\n }\n\n /**\n * Warning\n */\n &.warning {\n background: #fcf8e3;\n border: 1px solid #faebcc;\n\n .notice-dismiss {\n color: $black;\n\n &:before {\n color: $black;\n }\n }\n }\n\n /**\n * Error\n */\n &.error {\n border-top: 1px solid #dc3232;\n border-right: 1px solid #dc3232;\n border-bottom: 1px solid #dc3232;\n }\n}\n@media screen and (max-width: 485px) {\n /* ==========================================================================\n Form\n - The envira-gallery class is assigned to the Gallery and Album Add/Edit screens form.\n ========================================================================== */\n form#post.envira-gallery {\n #poststuff {\n #envira-gallery-settings,\n #envira-albums-settings {\n .inside {\n /* arrange this area a bit differently */\n #envira-tabs #envira-tab-images nav.envira-tab-options {\n ul.envira-right-options {\n li {\n display: block;\n &.filter-images {\n width: 100%;\n input {\n max-width: 100%;\n width: 100%;\n }\n }\n &.sorting-options {\n width: 100%;\n input {\n max-width: 100%;\n width: 100%;\n }\n margin-left: -5px;\n }\n &.sorting-directions {\n width: 50%;\n input {\n max-width: 50%;\n width: 50%;\n }\n margin-left: -5px;\n }\n &.grid-view,\n &.list-view {\n display: inline-block;\n }\n }\n }\n }\n }\n }\n }\n }\n}\n\n/**\n * Tabs Responsive Adjustments\n */\n\n/* Tablets */\n@media screen and (max-width: 768px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab {\n\t\t\t\tpadding: 12px 8px;\n\t\t\t\tfont-size: 14px;\n\n\t\t\t\tspan {\n\t\t\t\t\ttext-indent: 18px;\n\t\t\t\t}\n\n\t\t\t\t&.nav-tab-native-envira-gallery span {\n\t\t\t\t\tbackground-size: 12px 12px;\n\t\t\t\t\tbackground-position: 0 3px;\n\t\t\t\t}\n\n\t\t\t\t&.nav-tab-envira-ai span,\n\t\t\t\t&.nav-tab-envira-ai.envira-active span {\n\t\t\t\t\tbackground-size: 16px 16px;\n\t\t\t\t\tbackground-position: 0 3px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* Mobile devices */\n@media screen and (max-width: 567px) {\n\t#envira-gallery {\n\t\th2.nav-tab-wrapper {\n\t\t\t.nav-tab {\n\t\t\t\tpadding: 10px 4px;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tmin-height: 60px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\tspan {\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t\tline-height: 1.3;\n\t\t\t\t\ttext-indent: 16px;\n\t\t\t\t}\n\n\t\t\t\t&.nav-tab-native-envira-gallery span {\n\t\t\t\t\tbackground-size: 11px 11px;\n\t\t\t\t\tbackground-position: 0 2px;\n\t\t\t\t}\n\n\t\t\t\t&.nav-tab-envira-ai span,\n\t\t\t\t&.nav-tab-envira-ai.envira-active span {\n\t\t\t\t\tbackground-size: 14px 14px;\n\t\t\t\t\tbackground-position: 0 2px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@import './image-select';\n\n/**\n * Envira AI Upsell Modal\n */\n@import './image-create-ai';\n@import './envira-addon-upsell-modal';\n\n\n/* Envira Bulk Actions */\n.envira-select-options {\n .envira-bulk-dropdown {\n position: relative;\n }\n .envira-bulk-actions-toggle {\n display: flex;\n align-items: center;\n }\n .envira-bulk-actions-menu {\n display: flex;\n flex-direction: column;\n gap: 5px;\n position: absolute;\n top: 32px;\n left: 0;\n z-index: 999;\n background-color: white;\n padding: 3px 0;\n border: 1px solid #2271b1;\n border-radius: 3px;\n box-shadow: 0px 4px 6px 0px #0000001a;\n a {\n padding: 0 12px;\n text-decoration: none;\n color: #000000b2;\n margin-right: 0 !important;\n\n &:hover {\n background-color: #2271b1;\n color: white;\n }\n }\n }\n .envira-payment-checkbox {\n display: flex;\n align-items: center;\n margin-left: 16px;\n }\n}\n\nnav.envira-select-options[style*=\"display: block\"] {\n display: inline !important;\n}\nnav details {\n display: inline-flex;\n}\n","/* ==========================================================================\n Mixins\n ========================================================================== */\n/**\n* Media Query\n*/\n\n@mixin mq($breakpoint) {\n\n $mq-xxs: \"(max-width: 599px)\";\n $mq-xs: \"(min-width: 600px) and (max-width: 767px)\";\n $mq-sm: \"(min-width: 768px) and (max-width: 991px)\";\n $mq-md: \"(min-width: 992px) and (max-width: 1199px)\";\n $mq-lg: \"(min-width: 1200px)\";\n\n @if $breakpoint == xxs {\n @media #{$mq-xxs} { @content; }\n }\n @if $breakpoint == xs {\n @media #{$mq-xs} { @content; }\n }\n @else if $breakpoint == sm {\n @media #{$mq-sm} { @content; }\n }\n @else if $breakpoint == md {\n @media #{$mq-md} { @content; }\n }\n @else if $breakpoint == lg {\n @media #{$mq-lg} { @content; }\n }\n}\n\n/**\n* Border-Radius\n*/\n\n$prefixes: -webkit-, -moz-, -o-, \"\";\n\n@mixin borderRadius($size...) {\n @if length($size) == 1 {\n @each $prefix in $prefixes {\n #{$prefix}border-radius: $size;\n }\n } @else {\n @include customBorderRadius($size...);\n }\n}\n\n@mixin customBorderRadius($topLeft: 0, $topRight: 0, $bottomRight: 0, $bottomLeft: 0) {\n @each $prefix in $prefixes {\n @if $prefix == \"-moz-\" {\n @if $topLeft != 0 { -moz-border-radius-topleft: $topLeft; }\n @if $topRight != 0 { -moz-border-radius-topright: $topRight; }\n @if $bottomRight != 0 { -moz-border-radius-bottomright: $bottomRight; }\n @if $bottomLeft != 0 { -moz-border-radius-bottomleft: $bottomLeft; }\n } @else {\n @if $topLeft != 0 { #{$prefix}border-top-left-radius: $topLeft; }\n @if $topRight != 0 { #{$prefix}border-top-right-radius: $topRight; }\n @if $bottomRight != 0 { #{$prefix}border-bottom-right-radius: $bottomRight; }\n @if $bottomLeft != 0 { #{$prefix}border-bottom-left-radius: $bottomLeft; }\n }\n }\n}","@import 'vars';\n\n$thumbnail_padding: 8px;\n$thumbnail_margin: 12px;\n$thumbnail_border: 1px solid rgb(240, 240, 240);\n$thumbnail_selected_color: rgb(250, 250, 250);\n\nul.thumbnails.image_picker_selector {\n\toverflow: auto;\n\tlist-style-image: none;\n\tlist-style-position: outside;\n\tlist-style-type: none;\n\tpadding: 0px;\n\tmargin: 0px;\n\tdisplay: grid;\n\tgrid-template-columns: repeat(4, 1fr);\n\tgap: 10px;\n\tcursor: pointer;\n\t@media (max-width: 1350px) {\n\t\tgrid-template-columns: repeat(3, 1fr);\n\t\tgap: 0px;\n\t}\n\n\t@media (max-width: 1200px) {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t\tgap: 0px;\n\t}\n\n\t@media (max-width: 1024px) {\n\t\tgrid-template-columns: 1fr;\n\t\tgap: 0px;\n\t}\n\n\t@media (min-width: 961px) and (max-width: 992px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\t@media (max-width: 849px) {\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t}\n\n\t@media (max-width: 480px) {\n\t\tgrid-template-columns: 1fr;\n\t}\n\n\tli.group_title {\n\t\tfloat: none;\n\t}\n\n\tli {\n\t\t.thumbnail {\n\t\t\tpadding: $thumbnail_padding;\n\t\t\ttext-align: center;\n\t\t\t-webkit-user-select: none;\n\t\t\t-moz-user-select: none;\n\t\t\t-ms-user-select: none;\n\n\t\t\timg {\n\t\t\t\t-webkit-user-drag: none;\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\t\t.thumbnail.selected {\n\t\t\timg{\n\t\t\t\tborder: 2px solid $primary_color;\n\t\t\t\tborder-radius: 7px;\n\t\t\t\twidth: calc(120px - 4px);\n\t\t\t}\n\t\t\tp {\n\t\t\t\tfont-weight: bold;\n\t\t\t}\n\t\t}\n\t}\n}\n","/**\n * Envira AI Upsell Modal.\n */\n\n@import 'vars';\n.envira-ai-modal {\n display: none;\n\n .envira-ai-modal-overlay {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.7);\n z-index: 9991;\n }\n\n .envira-ai-upsell-modal-content {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: white;\n padding-left: 30px;\n border-radius: 16px;\n z-index: 9992;\n max-width: 535px;\n width: 100%;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n max-height: 85vh;\n overflow-y: auto;\n\n .close-envira-ai-upsell {\n position: absolute;\n top: 0px;\n right: 10px;\n background: transparent;\n border: none;\n font-size: 30px;\n text-decoration: none;\n color: #000;\n outline: none;\n border: none;\n cursor: pointer;\n background: none;\n &:focus,\n &:active {\n outline: none;\n border: none;\n box-shadow: none;\n }\n }\n }\n\n .upsell-content-container {\n width: 100%;\n padding-top: 30px;\n\n h3 {\n font-size: 18px;\n font-weight: 600;\n margin: 0;\n margin-top: 5px;\n }\n\n .upsell-two-column {\n display: flex;\n justify-content: space-between;\n padding-top: 15px;\n\n .upsell-left-column {\n width: 55%;\n .top-content {\n h4 {\n font-size: 15px;\n font-weight: 600;\n margin: 0;\n }\n ul {\n list-style-type: disc;\n padding-left: 20px;\n li {\n line-height: 1;\n &::marker {\n color: #7cc148;\n font-size: 1.5em;\n }\n }\n }\n }\n\n .bottom-content {\n padding-top: 25px;\n padding-bottom: 18px;\n\n .gift-text {\n font-size: 12px;\n margin-top: 12px;\n\n .offer-text {\n font-weight: 700;\n }\n\n .gift-icon {\n vertical-align: middle;\n margin-right: 2px;\n margin-top: -5px;\n }\n }\n }\n }\n\n .upsell-right-column {\n width: 45%;\n flex: 1;\n border-bottom-right-radius: 16px;\n overflow: hidden;\n\n img {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n }\n }\n }\n\n /**\n\t * Responsive.\n\t */\n @media (max-width: 782px) {\n .upsell-content-container {\n .upsell-two-column {\n .upsell-left-column {\n .bottom-content {\n .button {\n line-height: 38px;\n }\n }\n }\n }\n }\n }\n\n @media (min-width: 481px) and (max-width: 588px) {\n .envira-ai-upsell-modal-content {\n width: 85vw;\n }\n }\n\n @media (max-width: 480px) {\n .envira-ai-upsell-modal-content {\n max-width: 75%;\n padding: 15px;\n max-height: 85vh;\n top: 10%;\n transform: translate(-50%, 0);\n overflow-y: auto;\n }\n\n .upsell-content-container {\n padding-top: 20px;\n\n h3 {\n font-size: 16px;\n }\n\n .upsell-two-column {\n flex-direction: column;\n\n .upsell-left-column,\n .upsell-right-column {\n width: 100%;\n }\n\n .upsell-right-column {\n img {\n display: none;\n }\n }\n }\n }\n\n .close-envira-ai-upsell {\n font-size: 25px;\n }\n }\n}\n\n/**\n * Envira AI Create Images Modal.\n */\n#envira-ai-create-images-modal {\n .envira-ai-create-images-modal-content {\n position: fixed;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n background-color: white;\n border-radius: 7px;\n z-index: 9992;\n max-width: 800px;\n width: 100%;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);\n max-height: 85vh;\n overflow-y: auto;\n\n .close-envira-ai-create-images {\n position: absolute;\n top: 0px;\n right: 15px;\n background: transparent;\n border: none;\n font-size: 30px;\n text-decoration: none;\n color: #000;\n outline: none;\n border: none;\n cursor: pointer;\n background: none;\n &:focus,\n &:active {\n outline: none;\n border: none;\n box-shadow: none;\n }\n }\n\n .create-images-content-container {\n width: 100%;\n\n .main-title {\n padding: 8px 16px 8px 24px;\n border-bottom: 1px solid rgba($black, 0.15);\n\n h3 {\n font-size: 16px;\n font-weight: 600;\n padding: 0;\n margin: 0;\n }\n }\n\n .create-images-two-columns {\n display: flex;\n justify-content: space-between;\n\n .left-column {\n width: 45%;\n padding: 24px;\n border-right: 1px solid rgba($black, 0.15);\n display: flex;\n flex-direction: column;\n justify-content: center;\n\n .form-container {\n .form-group {\n margin-bottom: 15px;\n\n label {\n font-size: 14px;\n font-weight: 600;\n margin-bottom: 5px;\n display: block;\n color: #26321d;\n }\n\n input {\n font-size: 14px;\n width: 100%;\n padding: 8px;\n border: 1px solid rgba($black, 0.15);\n border-radius: 3px;\n }\n\n select {\n font-size: 14px;\n width: 100%;\n padding: 7px 8px 7px 12px;\n border: 1px solid rgba($black, 0.15);\n border-radius: 3px;\n }\n\n textarea {\n font-size: 14px;\n width: 100%;\n padding: 8px;\n border: 1px solid rgba($black, 0.15);\n border-radius: 3px;\n resize: none;\n\n &::-webkit-input-placeholder {\n /* Chrome, Safari, Edge */\n color: rgba($black, 0.5);\n }\n\n &::-moz-placeholder {\n /* Firefox 19+ */\n color: rgba($black, 0.5);\n }\n\n &:-ms-input-placeholder {\n /* IE 10+ */\n color: rgba($black, 0.5);\n }\n\n &::-ms-input-placeholder {\n /* Edge */\n color: rgba($black, 0.5);\n }\n\n &::placeholder {\n /* Standard */\n color: rgba($black, 0.5);\n }\n }\n\n button {\n font-size: 14px;\n width: 100%;\n background-color: $primary_color;\n color: #fff;\n border: none;\n border-radius: 3px;\n padding: 12px 20px;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n text-decoration: none;\n transition: background-color 0.3s;\n font-weight: 600;\n line-height: 18px;\n margin-top: 18px;\n\n &:hover {\n background-color: $primary_color;\n }\n\n &.disabled {\n background-color: #ccc;\n color: #888;\n cursor: not-allowed;\n pointer-events: none;\n }\n }\n\n .ai-error-message,\n .envira-ai-response-error-msg {\n color: #ff0000;\n font-size: 13px;\n display: none;\n margin-top: 5px;\n font-weight: 600;\n }\n\n .characters-limit {\n color: rgba($black, 0.5);\n font-size: 12px;\n display: block;\n }\n\n .form-group.envira-ai-error .ai-error-message {\n display: block;\n }\n\n .ajax-create-success.envira-ai-response-error-msg,\n .ajax-add-success.envira-ai-response-error-msg {\n color: #454545;\n }\n\n .button-envira-ai-write-new {\n display: none;\n color: $primary_color;\n font-size: 14px;\n font-weight: 600;\n line-height: 18px;\n\n &:hover {\n color: #95dc5e;\n }\n }\n\n &.ai-add-selected-images {\n display: none;\n }\n\n &.item-center {\n text-align: center;\n }\n }\n .ai-write-new-btn {\n text-align: center;\n }\n }\n }\n\n .right-column {\n width: 55%;\n padding: 24px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n .generate-image-text {\n text-align: center;\n padding: 0 60px;\n\n img {\n margin-bottom: 10px;\n }\n\n p {\n margin: 0;\n color: rgba($black, 0.5);\n font-weight: 400;\n }\n }\n\n .generated-ai-images-headline {\n text-align: center;\n margin-bottom: 10px;\n\n p {\n margin: 0;\n color: rgba($black, 0.5);\n font-weight: 400;\n }\n }\n\n .generated-ai-images-result {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 15px;\n width: 100%;\n\n .ai-image-item {\n position: relative;\n max-width: 100%;\n align-items: center;\n vertical-align: middle;\n display: flex;\n aspect-ratio: 1 / 1;\n overflow: hidden;\n\n img.ai-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n a {\n outline: none;\n box-shadow: none;\n\n &:focus {\n outline: none;\n box-shadow: none;\n }\n }\n\n /* Download Icon */\n img.download-image {\n position: absolute;\n bottom: 10px;\n right: 10px;\n width: 30px;\n height: 30px;\n cursor: pointer;\n opacity: 0;\n transition: opacity 0.3s;\n }\n\n /* Checkbox for selecting image */\n .ai-image-checkbox {\n position: absolute;\n top: 10px;\n left: 10px;\n width: 20px;\n height: 20px;\n appearance: none;\n border: 1px solid rgba($black, 0.15);\n border-radius: 4px;\n background-color: #ffffffcc;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0; /* Hidden by default */\n transition: opacity 0.3s;\n\n /* Custom right tick */\n background-image: none;\n\n /* When checked, apply background color and border color */\n &:checked {\n background-color: #7cc148;\n border-color: #7cc148;\n opacity: 1;\n\n /* Custom right tick icon */\n &::before {\n content: \"\";\n width: 10px;\n height: 10px;\n background-image: url(\"images/icons/right-tick.svg\");\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n display: block;\n margin: 0;\n }\n }\n }\n\n /* Show both download icon and checkbox on hover */\n &:hover img.download-image,\n &:hover .ai-image-checkbox {\n opacity: 1;\n }\n }\n }\n }\n }\n }\n\n .envira-ai-images-spinner {\n display: none;\n justify-content: center;\n align-items: center;\n height: 100%;\n width: 100%;\n background-color: rgba(255, 255, 255, 0.8);\n z-index: 9993;\n position: absolute;\n top: 0;\n left: 0;\n\n .ai-spinner {\n width: 60px;\n height: 60px;\n }\n }\n }\n\n /**\n\t * Responsive.\n\t */\n @media (max-width: 841px) {\n .envira-ai-create-images-modal-content {\n width: 95vw;\n }\n\n .create-images-content-container {\n .create-images-two-columns {\n .right-column {\n .generate-image-text {\n padding: 0 35px !important;\n }\n }\n }\n }\n }\n\n @media (max-width: 768px) {\n .envira-ai-create-images-modal-content {\n max-width: 85vw;\n max-height: 85vh;\n top: 5%;\n transform: translate(-50%, 0);\n overflow-y: auto;\n }\n\n .create-images-content-container {\n .main-title {\n padding-left: 15px !important;\n padding-right: 40px !important;\n }\n\n .create-images-two-columns {\n flex-direction: column;\n padding: 0px 15px 15px 15px;\n\n .left-column,\n .right-column {\n width: 100% !important;\n border-right: 0px !important;\n padding: 20px 0px 20px 0px !important;\n }\n\n .left-column {\n border-bottom: 1px solid rgba($black, 0.15);\n }\n\n .right-column {\n .generate-image-text {\n padding: 0 15px !important;\n }\n }\n }\n }\n }\n}\n",".envira-addon-upsell-modal {\n\tdisplay: none;\n\t.envira-addon-upsell-modal-overlay {\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tbackground: rgba(0, 0, 0, 0.2);\n\t\tz-index: 9991;\n\t}\n\n\t.envira-addon-upsell-modal-content {\n\t\tposition: fixed;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\tbackground-color: white;\n\t\tborder-radius: 12px;\n\t\tz-index: 9992;\n\t\tmax-width: 640px;\n\t\twidth: 100%;\n\t\tbox-shadow: 4px 8px 32px 0px #00000014;\n\t\tmax-height: 85vh;\n\t\toverflow-y: auto;\n\n\t\t.close-envira-addon-upsell-modal {\n\t\t\tposition: absolute;\n\t\t\theight: 10px;\n\t\t\twidth: 10px;\n\t\t\ttop: 21px;\n\t\t\tright: 21px;\n\t\t\tbackground: transparent;\n\t\t\tborder: none;\n\t\t\tfont-size: 30px;\n\t\t\ttext-decoration: none;\n\t\t\tcolor: #000;\n\t\t\toutline: none;\n\t\t\tborder: none;\n\t\t\tcursor: pointer;\n\t\t\tbackground: none;\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\toutline: none;\n\t\t\t\tborder: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.upsell-content-container {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\ttext-align: center;\n\n\t\th3 {\n\t\t\tmargin: 24px 0 0 0;\n\t\t\tfont-weight: 600;\n\t\t\tfont-size: 20px;\n\t\t\tcolor: #0d0e11;\n\t\t\tline-height: 32px;\n\t\t}\n\t\t.top-content {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tflex: 0 0 50%;\n\t\t\tpadding: 32px 40px 24px 40px;\n\t\t}\n\t\t.top-content img {\n\t\t\twidth: 32px;\n\t\t\theight: 32px;\n\t\t}\n\t\t.top-content p {\n\t\t\tfont-size: 14px;\n\t\t\tcolor: #393e4b;\n\t\t\tmargin: 12px 0 0 0;\n\t\t\tline-height: 20px;\n\t\t}\n\t\t.connector-icon {\n\t\t\tposition: absolute;\n\t\t\ttop: -19px;\n\t\t\tleft: 162px;\n\t\t}\n\t\t.bottom-content {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tflex: 0 0 50%;\n\t\t\tpadding: 32px 139px;\n\t\t\tbackground-color: #f0fde6;\n\t\t\tposition: relative;\n\n\t\t\tp {\n\t\t\t\tmargin: 16px 0 0 0;\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\t\t}\n\t\t.button-upsell-modal {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tcolumn-gap: 12px;\n\t\t\tbackground: #00ac53;\n\t\t\tborder-color: #00ac53;\n\t\t\t-webkit-box-shadow: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: #fff;\n\t\t\tfont-size: 20px;\n\t\t\tborder-radius: 6px;\n\t\t\theight: 56px;\n\t\t\twidth: 219px;\n\t\t\tline-height: 48px;\n\n\t\t\t&:hover {\n\t\t\t\tbackground: #1c803d;\n\t\t\t\tborder-color: #1c803d;\n\t\t\t\tcolor: #fff;\n\t\t\t}\n\t\t}\n\t\t.discount-section {\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: center;\n\t\t\talign-items: center;\n\t\t\tmargin-top: 16px;\n\t\t\tcolumn-gap: 12px;\n\t\t\timg {\n\t\t\t\twidth: 30px;\n\t\t\t\theight: 30px;\n\t\t\t}\n\t\t\t.discount-percentage {\n\t\t\t\tposition: relative;\n\t\t\t\tdisplay: flex;\n\n\t\t\t\tspan {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttransform: translate(-50%, -50%);\n\t\t\t\t\ttop: 50%;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\tcolor: white;\n\t\t\t\t}\n\t\t\t}\n\t\t\tp {\n\t\t\t\tmargin: 0;\n\t\t\t\ttext-align: left;\n\t\t\t\tline-height: 20px;\n\t\t\t}\n\t\t\t.offer-text {\n\t\t\t\tfont-weight: 700;\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (min-width: 481px) and (max-width: 588px) {\n\t\t.envira-addon-upsell-modal-content {\n\t\t\twidth: 85vw;\n\t\t}\n\t\t.upsell-content-container {\n\t\t\t.bottom-content {\n\t\t\t\tpadding: 32px 40px;\n\t\t\t}\n\t\t\t.connector-icon {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.discount-section {\n\t\t\t\tflex-direction: column;\n\t\t\t\tgap: 12px;\n\t\t\t\tp {\n\t\t\t\t\ttext-align: center !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n"]}