{"version":3,"file":"style.css","mappings":"AAGA,KACC,sBAAuB,CACvB,WAIA,+BAAiC,CACjC,mCAMC,WAAY,CACZ,iBAAkB,CAClB,aAHA,gBAGa,CACb,mBAKD,qBAAsB,CAGtB,QAAS,CAJT,cAAe,CAGf,cAAe,CAEf,oDAAqC,CAArC,4CAAqC,CAArC,uCAAqC,CAArC,oCAAqC,CAArC,sEAAqC,CAHrC,iBAAkB,CAIlB,aAAc,CAEd,uCATD,mBAUE,uBAAY,CAAZ,kBAAY,CAAZ,eAAgB,CA4FjB,CAtGD,mCAiBE,4BAA6B,CAF7B,MAAO,CADP,KAAM,CAIN,mCAAW,CAAX,+BAAW,CAAX,4BAFA,WAE4B,CAlB9B,iCAyBE,2BAA4B,CAF5B,OAAQ,CADR,KAAM,CAIN,kCAAW,CAAX,8BAAW,CAAX,2BAFA,WAE2B,CA1B7B,iCAmCE,6BAA8B,CAF9B,WAAY,CADZ,MAAO,CAEP,eAAgB,CAHhB,OAAQ,CADR,KAAM,CAMN,mCAAW,CAAX,+BAAW,CAAX,2BAA4B,CApC9B,oCA4CE,0BAA2B,CAF3B,WAAY,CADZ,MAAO,CAEP,eAAgB,CAHhB,OAAQ,CAKR,kCAAW,CAAX,8BAAW,CAAX,0BAA2B,CA7C7B,wBAiDE,sBAAW,CAAX,kBAAW,CAAX,cAAe,CAjDjB,qCAsDE,wBAAmB,CAAnB,qBAAmB,CACnB,wBAA8B,CAA9B,qBAA8B,CAD9B,kBAAmB,CADnB,mBAAa,CAAb,mBAAa,CAAb,YAAa,CAEb,6BAA8B,CAC9B,YAAkB,CAxDpB,oCA6DE,gBADA,QACgB,CA7DlB,mCAiEE,kBAAY,CAAZ,mBAAY,CAAZ,WAAY,CAEZ,gBADA,YACgB,CAnElB,8BA4EE,wBAAmB,CAAnB,qBAAmB,CACnB,uBAAuB,CAAvB,oBAAuB,CADvB,kBAAmB,CAFnB,sBAAuB,CAOvB,QAAS,CACT,iBAAkB,CAGlB,uBAAY,CAAZ,gBAPA,8BAAuB,CAAvB,sBAAuB,CALvB,UAAW,CAEX,0BAAoB,CAApB,0BAAoB,CAApB,mBAAoB,CAHpB,WAAY,CAKZ,sBAAuB,CAOvB,QAAS,CALT,UAAY,CAIZ,YAAa,CAHb,WAAY,CATZ,UAcgB,CArFlB,oCAyFG,UAAW,CACX,YAFA,oBAEa,CA1FhB,oCA8FG,SAAU,CACV,SAAU,CA/Fb,oCAoGE,yDAAkC,CAAlC,iDAAkD","sources":["webpack://offcanvas-block/./src/style.scss"],"sourcesContent":["$primaryColor: #4527a4;\n\n// Common CSS\nhtml {\n\tscroll-behavior: smooth;\n}\n\n// Dashicon\n.dashicons {\n\tfont-family: dashicons !important;\n}\n\n// OffCanvas\n.wp-block-ocb-offcanvas {\n\t.ocbButton {\n\t\tpadding: 8px 20px;\n\t\tborder: none;\n\t\tborder-radius: 3px;\n\t\toutline: none;\n\t}\n}\n\n.ocbOffCanvasPopup {\n\tmax-width: 100%;\n\tbackground-color: #fff;\n\tvisibility: hidden;\n\tposition: fixed;\n\tbottom: 0;\n\ttransition: transform .3s ease-in-out;\n\tz-index: 99999;\n\n\t@media (prefers-reduced-motion: reduce) {\n\t\ttransition: none;\n\t}\n\n\t&.offcanvas-start {\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 350px;\n\t\tborder-right: 1px solid #0003;\n\t\ttransform: translateX(-100%);\n\t}\n\n\t&.offcanvas-end {\n\t\ttop: 0;\n\t\tright: 0;\n\t\twidth: 350px;\n\t\tborder-left: 1px solid #0003;\n\t\ttransform: translateX(100%);\n\t}\n\n\t&.offcanvas-top {\n\t\ttop: 0;\n\t\tright: 0;\n\t\tleft: 0;\n\t\theight: 30vh;\n\t\tmax-height: 100%;\n\t\tborder-bottom: 1px solid #0003;\n\t\ttransform: translateY(-100%);\n\t}\n\n\t&.offcanvas-bottom {\n\t\tright: 0;\n\t\tleft: 0;\n\t\theight: 30vh;\n\t\tmax-height: 100%;\n\t\tborder-top: 1px solid #0003;\n\t\ttransform: translateY(100%);\n\t}\n\n\t&.show {\n\t\ttransform: none;\n\t}\n\n\t.offcanvas-header {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tpadding: 16px 16px;\n\t}\n\n\t.offcanvas-title {\n\t\tmargin: 0;\n\t\tline-height: 1.5;\n\t}\n\n\t.offcanvas-body {\n\t\tflex-grow: 1;\n\t\tpadding: 16px 16px;\n\t\toverflow-y: auto;\n\t}\n\n\t.btn-close {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t\tcolor: #000;\n\t\tbackground: transparent;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbox-sizing: content-box;\n\t\topacity: 0.5;\n\t\tpadding: 8px;\n\t\tborder: 0;\n\t\tborder-radius: 4px;\n\t\toutline: none;\n\t\tmargin: 0;\n\t\tbox-shadow: none;\n\n\t\t&:hover {\n\t\t\ttext-decoration: none;\n\t\t\tcolor: #000;\n\t\t\topacity: 0.75;\n\t\t}\n\n\t\t&:focus {\n\t\t\topacity: 1;\n\t\t\toutline: 0;\n\t\t}\n\t}\n\n\t.btn-close-white {\n\t\tfilter: invert(1) grayscale(100%) brightness(200%);\n\t}\n}"],"names":[],"sourceRoot":""}