{"version":3,"file":"index.css","mappings":";;;AAAA;;;;EAAA;AAMA;;;;;EAAA;AAsCC;EA9BA;EACA;EACA;EACA;EACA;EACA;EACA;AADD;AA4BE;EAjCD;EACA;EACA;EACA;EACA;EACA;EACA;EA6BE;EACA;EACA;EACA;EACA;AApBH;AAsBG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApBJ;AAuBG;EACC;AArBJ;AAuBG;EACC;EACA;AArBJ;AAyBG;EACC;AAvBJ;AA2BG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;OAAA;EACA;EACA;EAlEH;EACA;EACA;EACA;EAiEG;EACA;EACA;EACA;EAhEH;AA2CD;AAwBI;EAnEH;EASA;AAsCD;AA6BK;EACC;EACA;EACA;EACA;EACA;EACG;AA3BT;AA6BM;EACC;EA5FN;EACA;EACA;EACA;AAkED;AA6BI;EA3FH;AAiED;AA8BM;EACC;AA5BP;AA+BM;EACC;AA7BP;AAoCI;EAvGH;EACA;AAsED;AAsCI;;EAEC;EACA;EACA;AApCL;;AA2CA;AAEA;EACC;EACG;EACH;EACA;AAzCD;;AA4CA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzCD;AA2CC;EACC;AAzCF;AA4CC;EACC;EACA;AA1CF;AA6CC;EACC;EACA;AA3CF;AA6CE;EACC;AA3CH;;AAgDA;AAEC;EACC;AA9CF;AAgDE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA9CH;AAgDG;EACC;EACA;EACA;AA9CJ;AAkDC;EACC;AAhDF;AAkDE;EACC;EACA;EACA;AAhDH;;AAqDA;AAGC;EACC;EACA;AApDF;;AAwDA;AAGE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvDH,C","sources":["webpack://vertical-sidebar-menu-block/./src/editor.scss"],"sourcesContent":["/**\n * The following styles get applied inside the editor only.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n/**\n * The following styles get applied both on the front of your site\n * and in the editor.\n *\n * Replace them with your own styles or remove the file completely.\n */\n\n@mixin all-ul-default-style {\n\tlist-style: none;\n\tmargin: 0;\n\tpadding: 0;\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tflex-direction: column;\n\tgap: 0;\n}\n\n@mixin transition( $property: transform, $duration: .3s, $effect: linear ) {\n\t-o-transition: $property $duration $effect;\n\t-moz-transition: $property $duration $effect;\n\t-webkit-transition: $property $duration $effect;\n\t-ms-transition: $property $duration $effect;\n}\n\n@mixin wpbean-vertical-menu-color {\n\tcolor: #1f2937!important;\n}\n\n@mixin wpbean-vertical-menu-current-bg-color {\n\tcolor: #D7DDE4!important;\n\tbackground-color: #2C3440!important;\n}\n\n@mixin wpbean-vertical-menu-hover-bg {\n\tbackground-color: rgb(31 41 55 / 10%)!important;\n}\n\n.wpbean-vertical-menu-block {\n\t> ul {\n\t\t@include all-ul-default-style;\n\n\t\tul {\n\t\t\t@include all-ul-default-style;\n\t\t\tdisplay: none;\n\t\t\tposition: relative;\n\t\t\twhite-space: nowrap;\n\t\t\tmargin-inline-start: 1rem;\n\t\t\tpadding-inline-start: .5rem;\n\n\t\t\t&::before {\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: .75rem;\n\t\t\t\tinset-inline-start: 0px;\n\t\t\t\ttop: .75rem;\n\t\t\t\twidth: 1px;\n\t\t\t\tbackground-color: #1f2937;\n\t\t\t\topacity: .1;\n\t\t\t\tcontent: \"\";\n\t\t\t}\n\t\t\t\n\t\t\t&.wpb-submenu-opened {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t\tli > a {\n\t\t\t\tfont-size: 14px;\n\t\t\t\tline-height: 20px;\n\t\t\t} \n\t\t}\n\t\t> li{\n\t\t\t> a {\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\t\t}\n\t\tli {\n\t\t\ta {\n\t\t\t\tdisplay: grid;\n\t\t\t\tgrid-auto-flow: column;\n\t\t\t\talign-content: flex-start;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: .5rem;\n\t\t\t\tgrid-auto-columns: minmax(auto, max-content) auto max-content;\n\t\t\t\t-webkit-user-select: none;\n\t\t\t\tuser-select: none;\n\t\t\t\tpadding: .5rem 1rem;\n\t\t\t\ttext-decoration: none;\n\t\t\t\t@include transition( all );\n\t\t\t\toutline: 0;\n\t\t\t\tline-height: 24px;\n\t\t\t\tborder-radius: 0.5rem;\n\t\t\t\ttext-wrap: balance;\n\t\t\t\t@include wpbean-vertical-menu-color;\n\n\t\t\t\t&:hover {\n\t\t\t\t\t@include wpbean-vertical-menu-color;\n\t\t\t\t\t@include wpbean-vertical-menu-hover-bg;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.menu-item-has-children {\n\t\t\t\t> a {\n\t\t\t\t\t\n\t\t\t\t\t.menu-expand-icon {\n\t\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-self: end;\n\t\t\t\t\t\tfont-size: 17px;\n\t\t\t\t\t\twidth: unset;\n    \t\t\t\t\theight: unset;\n\t\t\t\t\t\t\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\ttransform: rotate(0deg);\n\t\t\t\t\t\t\t@include transition;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\n\t\t\t\t&.wpb-submenu-opened > a {\n\t\t\t\t\t@include wpbean-vertical-menu-color;\n\n\t\t\t\t\t.menu-expand-icon {\n\t\t\t\t\t\t&::before {\n\t\t\t\t\t\t\ttransform: rotate(45deg);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.dashicons-arrow-right-alt2::before, &.dashicons-arrow-right::before, &.dashicons-arrow-right-alt::before {\n\t\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.current-menu-item, &.wpb-submenu-opened.current-menu-item {\n\t\t\t\t> a {\n\t\t\t\t\t@include wpbean-vertical-menu-current-bg-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.menu-item {\n\t\t\t\ti._mi,\n\t\t\t\ti.wpmi__icon {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tline-height: inherit;\n\t\t\t\t\tdisplay: inherit;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n/* Editor Icon picker style */\n\n.wpbean-vsm-icon-grid {\n\tdisplay: grid;\n    grid-template-columns: repeat(6, 1fr);\n\tgap: 6px;\n\tmargin-top: 10px;\n}\n\n.wpbean-vsm-icon-button {\n\tdisplay: flex;\n\twidth: 36px;\n\theight: 36px;\n\talign-items: center;\n\tjustify-content: center;\n\tborder: 1px solid #ccc;\n\tborder-radius: 4px;\n\tbackground: #f9f9f9;\n\tcursor: pointer;\n\n\t&.components-button.is-secondary {\n\t\tbox-shadow: none;\n\t}\n\n\t&.selected {\n\t\tborder-color: #007cba;\n\t\tbackground: #e7f3ff;\n\t}\n\n\t.dashicons {\n\t\tfont-size: 20px;\n\t\tcolor: #1e1e1e;\n\n\t\t&:hover {\n\t\t\tcolor: #007cba;\n\t\t}\n\t}\n}\n\n/* Editor Tab style */\n.wpbean-settings-tab-panel {\n\t.components-tab-panel__tabs {\n\t\tmargin: 0 -16px;\n\t\t\n\t\tbutton {\n\t\t\tdisplay: flex;\n\t\t\tflex: 1;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tbackground-color: #fff;\n\t\t\theight: 48px;\n\t\t\tcolor: #4a5568;\n\t\t\tline-height: 1.8;\n\t\t\tborder: 0;\n\t\t\tbackground: #edf2f7;\n\t\t\tborder-top: 1px solid #cbd5e0;\n\t\t\t\n\t\t\t&.is-active {\n\t\t\t\tbox-shadow: inset 0 -3px 0px 0px var(--wp-admin-theme-color, #00669b);\n\t\t\t\tcolor: #2d3748;\n\t\t\t\tbackground: #fff;\n\t\t\t}          \n\t\t}\n\t}\n\t.components-tab-panel__tab-content {\n\t\tmargin-top: 16px;\n\n\t\t.components-tools-panel {\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t\tborder: 0;\n\t\t}\n\t}\n}\n\n/* Editor typography style */\n\n.wpbean-vsm-no-padding {\n\t.components-grid.components-tools-panel {\n\t\tpadding: 0;\n\t\tborder-top: 0;\n\t}\n}\n\n/* Editor Pro only PanelBody */\n.wpbean-pro-only-panel {\n\t.components-panel__body-title {\n\t\t.components-button::after {\n\t\t\tcontent: \" Pro\";\n\t\t\tcolor: #fff;\n\t\t\tmargin-left: auto;\n\t\t\tbackground: #8080F1;\n\t\t\tpadding: 3px 5px;\n\t\t\tborder-radius: 4px;\n\t\t\tfont-size: 11px;\n\t\t} \n\t}\n}"],"names":[],"sourceRoot":""}