{"version":3,"file":"style.css","mappings":"AAGA,KACC,uBAID,WACC,gCAMA,sFAEC,4BAGD,qCACC,cAGD,+CACC,aAGC,gEAEC,YADA,UACA,CAEA,oEAEC,YACA,qCAFA,UAEA,CAOD,oEACC,cASF,yIACC,qDACA,QAGD,kEAGC,4BADA,aAGA,SADA,YACA,CAGA,wEAEC,qDACA,QACA,YAEA,6EAEC,YADA,UACA,CAEA,iFAEC,YACA,qCAFA,UAEA,CAIF,iFACC,qDACA,qCACA,yDAGA,WAHA,gDACA,eACA,gBAEA,mBACA,qBAEA,wFACC,eACA,gBAGD,0FAEC,uBADA,cACA,CAKD,2FAIC,uBAHA,qDAEA,eADA,OAEA,CAEA,iGACC,qDACA,QAMJ,yEAGC,qDADA,UACA,CAGC,wFACC,aAGD,uFAGC,2BAFA,eAMA,qDALA,YAIA,YAFA,aACA,WAGA,kEACA,oEAIF,+EAGC,eADA,YADA,UAEA,CAgBL,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,sCAKH,cACC,oDAMD,QACC,WAGD,QACC,YAGD,SACC,QAGD,UACC,kBAGD,aACC,aAGD,iBACC,gBAGD,UACC,kBAGD,6BACC,uBAGD,YACC,UAGD,WACC,mBACA,gBACA,gBACA,oBACA,qBACA,oBACA,kBACA,2CAGD,oBACC,aAGD,gCAEC,YAGD,SACC,QAGD,UACC","sources":["webpack://block-for-openverse/./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\r\n.wp-block-bpov-block-for-openverse {\r\n\r\n\ta:hover,\r\n\ta:focus {\r\n\t\ttext-decoration-style: unset;\r\n\t}\r\n\r\n\ta {\r\n\t\tdisplay: block;\r\n\t}\r\n\r\n\t.bpovLayout {\r\n\t\tdisplay: grid;\r\n\r\n\t\t.singleItem {\r\n\t\t\t.img {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: auto;\r\n\r\n\t\t\t\timg {\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.title {\r\n\t\t\t\tspan {}\r\n\r\n\t\t\t\ta {\r\n\t\t\t\t\tdisplay: block;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t.licenses {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tgap: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t.creator {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tgap: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t.audio {\r\n\t\t\t\t// display: flex;\r\n\t\t\t\tdisplay: grid;\r\n\t\t\t\tbackground: #0000000f;\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tgap: 10px;\r\n\t\t\t\t// width: 100%;\r\n\r\n\t\t\t\t.left {\r\n\t\t\t\t\t// flex: 50%;\r\n\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\tgap: 5px;\r\n\t\t\t\t\theight: 64px;\r\n\r\n\t\t\t\t\t.img {\r\n\t\t\t\t\t\twidth: 64px;\r\n\t\t\t\t\t\theight: 64px;\r\n\r\n\t\t\t\t\t\timg {\r\n\t\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\tobject-fit: cover;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.details {\r\n\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\tflex: 1;\r\n\t\t\t\t\t\tflex-direction: column;\r\n\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\tfont-weight: 500;\r\n\t\t\t\t\t\tcolor: #000;\r\n\t\t\t\t\t\tline-height: initial;\r\n\t\t\t\t\t\ttext-decoration: none;\r\n\r\n\t\t\t\t\t\t.title {\r\n\t\t\t\t\t\t\tfont-size: 14px;\r\n\t\t\t\t\t\t\tfont-weight: 600;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.creator {\r\n\t\t\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t\t\t\tcolor: #000000ab;\r\n\r\n\t\t\t\t\t\t\tspan {}\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.licenses {\r\n\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\tgap: 5px;\r\n\t\t\t\t\t\t\tfont-size: 13px;\r\n\t\t\t\t\t\t\tcolor: #000000ab;\r\n\r\n\t\t\t\t\t\t\t.icon {\r\n\t\t\t\t\t\t\t\tdisplay: flex;\r\n\t\t\t\t\t\t\t\tgap: 2px;\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\r\n\t\t\t\t.right {\r\n\t\t\t\t\t// flex: 50%;\r\n\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\tdisplay: flex;\r\n\r\n\t\t\t\t\t.playBtn {\r\n\t\t\t\t\t\taudio {\r\n\t\t\t\t\t\t\tdisplay: none;\r\n\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t.btn {\r\n\t\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t\t\theight: 100%;\r\n\t\t\t\t\t\t\tbackground: #00000038;\r\n\t\t\t\t\t\t\tpadding: 10px;\r\n\t\t\t\t\t\t\twidth: 64px;\r\n\t\t\t\t\t\t\theight: 64px;\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\tjustify-content: center;\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t\t.wave {\r\n\t\t\t\t\t\twidth: 100%;\r\n\t\t\t\t\t\theight: 64px;\r\n\t\t\t\t\t\tcursor: pointer;\r\n\t\t\t\t\t}\r\n\r\n\t\t\t\t}\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}\r\n\r\n.bpovLayout * {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n// global css\r\n\r\n\r\n.w-full {\r\n\twidth: 100%;\r\n}\r\n\r\n.h-full {\r\n\theight: 100%;\r\n}\r\n\r\n.inset-0 {\r\n\tinset: 0;\r\n}\r\n\r\n.absolute {\r\n\tposition: absolute;\r\n}\r\n\r\n.fill-yellow {\r\n\tfill: #ffe033;\r\n}\r\n\r\n.overflow-hidden {\r\n\toverflow: hidden;\r\n}\r\n\r\n.relative {\r\n\tposition: relative;\r\n}\r\n\r\n.fill-dark-charcoal-20-alpha {\r\n\tfill: rgba(48, 39, 46, .2);\r\n}\r\n\r\n.fill-black {\r\n\tfill: #000;\r\n}\r\n\r\n.timestamp {\r\n\tfont-size: .6875rem;\r\n\tfont-weight: 700;\r\n\tline-height: 1.2;\r\n\tpadding-left: .25rem;\r\n\tpadding-right: .85rem;\r\n\tpointer-events: none;\r\n\tposition: absolute;\r\n\ttop: calc(var(--unusable-height) + .125rem);\r\n}\r\n\r\n.timestamp.progress {\r\n\tz-index: 9999;\r\n}\r\n\r\n.svg-current-position,\r\n.svg-wave {\r\n\tz-index: 999;\r\n}\r\n\r\n.right-0 {\r\n\tright: 0;\r\n}\r\n\r\n.bottom-0 {\r\n\tbottom: 0\r\n}"],"names":[],"sourceRoot":""}