{"version":3,"file":"style.css","mappings":"AAGA,KACC,uBAID,WACC,gCAMA,gCACC,oDAKA,kEACC,aAIC,gFAGC,YAFA,kBACA,UACA,CAEA,oFAIC,SAGA,YAJA,OAMA,qCARA,kBAIA,QACA,kBAJA,MAMA,UACA,CAKH,+EACC,eAIC,+FAGC,YACA,iBAHA,kBACA,UAEA,CAEA,mGAUC,kBANA,SAGA,YAJA,OAMA,qCARA,kBAIA,QACA,kBAJA,MAMA,UAEA,CAKH,sFAKC,cADA,gDAFA,eACA,gBAGA,eAGD,2FACC,cAGA,gDAFA,eACA,gBAGA,QAAO,CADP,eACA,CAKH,gEACC,kBAGD,4DACC,qDACA,kEACA,oEAEA,yEAEC,eADA,eACA,CAIF,8DAEC,eADA,oBACA,CAGD,oEAGC,qDAFA,mBACA,gBAEA,kEACA,SAEA,uEAIC,WAFA,eACA,gBAFA,QAGA,CAGD,sEAIC,WAFA,eACA,gBAFA,QAGA,CAGD,0EAGC,cADA,aADA,WAEA,CAEA,kFAGC,kBADA,YAEA,qCAHA,UAGA,CAcJ,WACC,oCADD,WACC,oCADD,WACC,oCADD,WACC,oCADD,WACC,oCADD,WACC,oCADD,WACC,oCADD,WACC,oCADD,WACC,oCADD,YACC,qCADD,YACC,qCADD,YACC,qCAIF,wBAEE,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,mBACC,qCADD,mBACC,qCADD,mBACC,sCAKH,wBAEE,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,kBACC,oCADD,mBACC,qCADD,mBACC,qCADD,mBACC","sources":["webpack://embed-google-photos/./src/style.scss"],"sourcesContent":["$primaryColor: #4527a4;\r\n\r\n// Common CSS\r\nhtml {\r\n\tscroll-behavior: smooth;\r\n}\r\n\r\n// Dashicon\r\n.dashicons {\r\n\tfont-family: dashicons !important;\r\n}\r\n\r\n// Google photos\r\n.wp-block-bpgpb-google-photos {\r\n\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.BPGPBBlockDirectory {\r\n\r\n\t\t.layoutSection {\r\n\t\t\tdisplay: grid;\r\n\r\n\t\t\t.imgArea {\r\n\r\n\t\t\t\t.img {\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\r\n\t\t\t\t\timg {\r\n\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.singleAlbum {\r\n\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t.mainImage {\r\n\r\n\t\t\t\t\t.img {\r\n\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\tpadding-top: 100%;\r\n\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\tbottom: 0;\r\n\t\t\t\t\t\t\tright: 0;\r\n\t\t\t\t\t\t\ttext-align: center;\r\n\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\t\t\tborder-radius: 8px;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.title {\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t\tfont-size: 16px;\r\n\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\tfont-family: \"Google Sans\", Roboto, Arial, sans-serif;\r\n\t\t\t\t\tcolor: #3c4043;\r\n\t\t\t\t\tmargin-top: 8px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.totalCount {\r\n\t\t\t\t\tcolor: #5f6368;\r\n\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\tfont-weight: 400;\r\n\t\t\t\t\tfont-family: \"Google Sans\", Roboto, Arial, sans-serif;\r\n\t\t\t\t\tpadding-top: 3px;\r\n\t\t\t\t\tmargin: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.loadingIcon {\r\n\t\t\ttext-align: center;\r\n\t\t}\r\n\r\n\t\t.btnArea {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n\t\t\t.loadMoreBtn {\r\n\t\t\t\tmargin-top: 15px;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.backArrow {\r\n\t\t\tdisplay: inline-block;\r\n\t\t\tcursor: pointer;\r\n\t\t}\r\n\r\n\t\t.bpgpbTopSection {\r\n\t\t\tmargin-bottom: 20px;\r\n\t\t\tmargin-top: 15px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tgap: 30px;\r\n\r\n\t\t\th2 {\r\n\t\t\t\tmargin: 0px;\r\n\t\t\t\tfont-size: 20px;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tcolor: #000;\r\n\t\t\t}\r\n\r\n\t\t\tp {\r\n\t\t\t\tmargin: 0;\r\n\t\t\t\tfont-size: 16px;\r\n\t\t\t\tfont-weight: 400;\r\n\t\t\t\tcolor: #000;\r\n\t\t\t}\r\n\r\n\t\t\t.item {\r\n\t\t\t\twidth: 328px;\r\n\t\t\t\theight: 184px;\r\n\t\t\t\tdisplay: block;\r\n\r\n\t\t\t\t.topImg {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tborder-radius: 5px;\r\n\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n\r\n/*\r\n*\r\n*column set\r\n*/\r\n@for $i from 1 through 12 {\r\n\t.columns-#{$i} {\r\n\t\tgrid-template-columns: repeat(#{$i}, 1fr);\r\n\t}\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\t@for $i from 1 through 12 {\r\n\t\t.columns-tablet-#{$i} {\r\n\t\t\tgrid-template-columns: repeat(#{$i}, 1fr);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n@media (max-width: 576px) {\r\n\t@for $i from 1 through 12 {\r\n\t\t.columns-mobile-#{$i} {\r\n\t\t\tgrid-template-columns: repeat(#{$i}, 1fr);\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}