{"version":3,"file":"style.css","mappings":"AAGA,KACC,uBAID,WACC,gCAMA,0BACC,oDAGD,wCACC,kBAGD,kDAEC,WAEA,gEACC,aACA,WAEA,4EAEC,gBADA,UACA,CAGC,yFACC,SACA,qBAIF,wFAEC,qDADA,gBAEA,kEACA,6DAEA,iZAIC,qDACA,kEACA,0DAEA,qaACC,eAQF,qLACC,WAIF,+EACC,SAEA,iFAIC,WAHA,cAEA,eAEA,gBAHA,oBAGA,CAOF,yFAEC,gBADA,UACA,CAGC,sGACC,SACA,qBAIF,qGAEC,qDADA,gBAEA,kEACA,6DAEA,mVAGC,qDACA,kEACA,0DAEA,kWACC,eAOL,yEACC,gBAEA,4FACC,qDACA,sEACA,oEACA,6DAEA,oGACC,UAKC,qOACC,WAKH,sGAEC,gBADA,SACA,CAEA,kHAEC,6DADA,qDAGA,mBADA,eACA,CAEA,uHAIC,eADA,YADA,eADA,iBAGA,CAEA,6HAQC,4BANA,WAKA,YAFA,OAFA,kBACA,MAEA,UAEA,CAID,2HAEC,YACA,qCAFA,UAEA,CAGD,iIAOC,sBADA,kBAEA,qDAHA,YAFA,SAFA,kBACA,QAEA,WAKA,kEACA,oEACA,UAOF,wHAEC,gBADA,UACA,CAQA,mIACC,eAEA,qIACC,SACA,qBAYR,oEACC,gBACA,kBAEA,2EAIC,eAHA,YAIA,WAEA,eALA,eAIA,gBAHA,gBAIA,CAaH,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://youtube-video-gallery/./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// Block Directory\r\n.wp-block-ytvgb-gallery {\r\n\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t.ytvgbPreloader {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n\t.ytvgbYouTubeVideoGallery {\r\n\r\n\t\twidth: 100%;\r\n\r\n\t\t.videoGallery {\r\n\t\t\tdisplay: grid;\r\n\t\t\twidth: 100%;\r\n\r\n\t\t\t.singleItem {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t.videosDes {\r\n\t\t\t\t\tp {\r\n\t\t\t\t\t\tmargin: 0px;\r\n\t\t\t\t\t\tword-wrap: break-word;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\t.videosInfo {\r\n\t\t\t\t\tmargin-top: 20px;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\talign-items: center;\r\n\t\t\t\t\tcolumn-gap: 10px;\r\n\r\n\t\t\t\t\t.viewCount,\r\n\t\t\t\t\t.likeCount,\r\n\t\t\t\t\t.commentCount,\r\n\t\t\t\t\t.publishDate {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tcolumn-gap: 5px;\r\n\r\n\t\t\t\t\t\tspan {\r\n\t\t\t\t\t\t\tfont-size: 14px;\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.iframeEle {\r\n\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\tiframe {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\th1 {\r\n\t\t\t\t\tmargin: 0px;\r\n\r\n\t\t\t\t\ta {\r\n\t\t\t\t\t\tdisplay: block;\r\n\t\t\t\t\t\ttext-decoration: none;\r\n\t\t\t\t\t\tfont-size: 18px;\r\n\t\t\t\t\t\tcolor: #000;\r\n\t\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t}\r\n\r\n\t\t\t&.grid-details {\r\n\t\t\t\t.singleItem {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t\t.videosDes {\r\n\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\tmargin: 0px;\r\n\t\t\t\t\t\t\tword-wrap: break-word;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.videosInfo {\r\n\t\t\t\t\t\tmargin-top: 20px;\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\tcolumn-gap: 10px;\r\n\r\n\t\t\t\t\t\t.viewCount,\r\n\t\t\t\t\t\t.likeCount,\r\n\t\t\t\t\t\t.commentCount {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\tcolumn-gap: 5px;\r\n\r\n\t\t\t\t\t\t\tspan {\r\n\t\t\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\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&.playlist {\r\n\t\t\t\tdisplay: initial;\r\n\r\n\t\t\t\t.playlistContainer {\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tjustify-content: flex-start;\r\n\t\t\t\t\talign-items: flex-start;\r\n\t\t\t\t\tcolumn-gap: 20px;\r\n\r\n\t\t\t\t\t.player {\r\n\t\t\t\t\t\twidth: 70%;\r\n\r\n\t\t\t\t\t\t.iframeEle {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\r\n\t\t\t\t\t\t\tiframe {\r\n\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.playlist {\r\n\t\t\t\t\t\twidth: 30%;\r\n\t\t\t\t\t\toverflow-y: auto;\r\n\r\n\t\t\t\t\t\t.singleItem {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tcolumn-gap: 10px;\r\n\t\t\t\t\t\t\ttext-align: left;\r\n\t\t\t\t\t\t\tmargin-bottom: 10px;\r\n\r\n\t\t\t\t\t\t\t.img {\r\n\t\t\t\t\t\t\t\tposition: relative;\r\n\t\t\t\t\t\t\t\tmin-width: 80px;\r\n\t\t\t\t\t\t\t\theight: 45px;\r\n\t\t\t\t\t\t\t\tcursor: pointer;\r\n\r\n\t\t\t\t\t\t\t\t&::after {\r\n\r\n\t\t\t\t\t\t\t\t\tcontent: '';\r\n\t\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\t\ttop: 0;\r\n\t\t\t\t\t\t\t\t\tleft: 0;\r\n\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\t\t\tbackground: #00000078;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\r\n\t\t\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t.playIcon {\r\n\t\t\t\t\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\t\t\t\t\ttop: 3px;\r\n\t\t\t\t\t\t\t\t\tleft: 3px;\r\n\t\t\t\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t\t\t\t\tborder-radius: 50%;\r\n\t\t\t\t\t\t\t\t\tborder: 1px solid #fff;\r\n\t\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\t\talign-items: center;\r\n\t\t\t\t\t\t\t\t\tjustify-content: center;\r\n\t\t\t\t\t\t\t\t\tz-index: 2;\r\n\r\n\t\t\t\t\t\t\t\t\tsvg {}\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t.info {\r\n\t\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\t\toverflow: hidden;\r\n\r\n\t\t\t\t\t\t\t\t.videosTitle {\r\n\t\t\t\t\t\t\t\t\th1 {\r\n\t\t\t\t\t\t\t\t\t\ta {}\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\t\t.videosDes {\r\n\t\t\t\t\t\t\t\t\tmax-width: 100%;\r\n\r\n\t\t\t\t\t\t\t\t\tp {\r\n\t\t\t\t\t\t\t\t\t\tmargin: 0px;\r\n\t\t\t\t\t\t\t\t\t\tword-wrap: break-word;\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t}\r\n\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}\r\n\t\t}\r\n\r\n\t\t.ytvgbLoadMoreBtn {\r\n\t\t\tmargin-top: 35px;\r\n\t\t\ttext-align: center;\r\n\r\n\t\t\tbutton {\r\n\t\t\t\tborder: none;\r\n\t\t\t\tfont-size: 14px;\r\n\t\t\t\tpadding: 9px 19px;\r\n\t\t\t\tbackground: red;\r\n\t\t\t\tcolor: #fff;\r\n\t\t\t\tfont-weight: 500;\r\n\t\t\t\tcursor: pointer;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\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":""}