{"version":3,"file":"css/editor.css","mappings":";;;AAAA;;+CAAA;AAYA;EACC;AARD;;AAWA;EACC;EACA;AARD;AAUC;EACC;AARF;;AAYA;;+CAAA;AAIA;EACC;AAVD;AAYC;EACC;AAVF;AAaC;;EAEC;EACA;AAXF;AAcC;EACC;AAZF;AAeC;;;EAGC;AAbF;AAgBC;EACC;EACA;EACA;AAdF;;AAkBA;;+CAAA;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAhBD;AAkBC;EAEC;AAjBF;;AAqBA;EACC;EACA;EACA;AAlBD;;AAqBA;;+CAAA;AAGA;EACC,yBAlFU;AAgEX;AAoBC;EACC;AAlBF;AAoBE;EACC;EACA;AAlBH;;AAyBC;EACC;EACA;AAtBF;AAyBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAvBF;AA0BC;EACC;EACA;EACA;EACA,yBApHS;AA4FX;AA2BC;EACC;EACA;EACA;EACA;EACA;EACA;AAzBF;AA6BC;EACC;AA3BF;AA8BC;EACC;EACA;EACA;AA5BF;;AAgCA;EACC;EACA;EACA;EACA;EACA;AA7BD;AA+BC;EACC,yBAjJc;AAoHhB;AAgCC;EACC,yBApJY;AAsHd;;AAmCC;EACC;AAhCF;AAmCC;EACC;AAjCF;;AAqCA;;+CAAA;AAKC;EACC;AApCF;AAsCE;EACC;AApCH;AAwCC;EACC;EACA;AAtCF;AAyCC;EACC;AAvCF;;AA2CA;;+CAAA;AAIA;EACC;EACA;EACA;EACA;AAzCD;;AA4CA;;+CAAA;AAKC;EACC;EACA;AA3CF;AA8CC;;EAEC,cAlNiB;AAsKnB;AAmDE;;;;EAEC,cAhOW;AAiLd;AAmDC;EACC;AAjDF;;AAqDA;;+CAAA;AAMC;;;EACC;AAnDF;AAqDE;;;EACC;AAjDH;;AAsDA;EACC;EACA;EACA;AAnDD;AAqDC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAnDF;AAsDC;EACC;AApDF;AAuDC;EACC;AArDF;AAuDE;EACC;AArDH;AAwDE;;;EAGC;EACA;EACA;EACA;AAtDH;;AA4DA;EACC;AAzDD;;AA8DC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3DF;;AAiEC;EACC;AA9DF;;AAoEC;EACC;EACA;EACA;EACA;EACA;EACA;AAjEF;AAoEC;EACC;EACA;EACA;EACA;AAlEF;AAqEC;EACC;EACA;EACA;EACA;AAnEF;;AAuEA;;CAAA;AAMC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvEF;AAyEE;EACC;EACA;EACA;EACA;EACA;EACA;AAvEH;AAyEG;EACC;EACA;EACA;KAAA;AAvEJ;AA2EE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAzEH;AA4EE;EACC;EACA;AA1EH;AA6EE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AA3EH;AA6EG;EACC;EACA;AA3EJ;AAkFC;EACC;EACA;EACA;EACA;AAhFF;AAkFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAhFH;AAmFE;EACC;EACA;EACA;EACA;EACA;EACA;AAjFH;AAmFG;EACC;EACA;EACA;KAAA;AAjFJ;AAqFE;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnFH;AAqFG;EACC;EACA;AAnFJ;AAuFE;EACC;EACA;AArFH;AAwFE;EACC;AAtFH;;AA2FA;EACC;EACA;EACA;EACA;EACA;EACA;AAxFD;AA0FC;EACC;AAxFF;AA0FE;EACC;EACA;EACA;EACA;EACA;AAxFH;AA6FE;EACC;AA3FH;AA6FG;EACC;AA3FJ;AA8FG;EACC;EACA;EACA;AA5FJ;AAiGC;EACC;EACA;AA/FF;;AAmGA;EACC,yBAzgBa;EA0gBb;EACA;EACA;EACA;AAhGD;AAmGE;EACC;EACA;EACA;EAGA;EACA;AAnGH;AAqGG;EACC;AAnGJ;AAsGG;EACC;AApGJ;AAuGG;EACC;EACA;AArGJ;AAyGG;EACC;EACA;AAvGJ;AA0GI;EACC;AAxGL;AA2GI;EACC;EACA,4BAljBS;AAycd;AA8GE;EACC;AA5GH;;AAiHA;;iCAAA;AAKE;EACC;EACA;EACA;AAhHH;AAoHC;EACC;AAlHF;AAoHE;EACC;EACA;EACA;EACA;EACA;AAlHH;AAoHG;EACC;EACA;AAlHJ;AAoHI;EACC;EACA;EACA;AAlHL;AAqHI;EACC;AAnHL;AAsHI;EACC;AApHL;AAyHE;EACC;EACA;AAvHH;;AA8HC;EACC;EACA;EACA;EACA;EACA;AA3HF;AA8HC;EACC;EACA;EACA;EACA;AA5HF;AA+HC;EACC;AA7HF;AAgIC;EACC;EACA;EACA;EACA;EACA;EACA;AA9HF;AAgIE;EACC;AA9HH;AAkIC;EACC;EACA;EACA;EACA;AAhIF;AAmIC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAjIF;;AAqIA;EAGC;IACC;EApIA;EAyIA;IACC;EAvID;EA0IA;IACC;IACA;IACA;IACA;EAxID;EA0IC;IACC;IAAA;EAxIF;EA0IE;IACC;EAxIH;EA4IC;IACC;IACA;EA1IF;EA4IE;IACC;EA1IH;EAiJD;IACC;EA/IA;EAkJD;IACC;EAhJA;EAqJA;IACC;EAnJD;EAqJC;IACC;IACA;IACA;IACA;EAnJF;AACF,C","sources":["webpack://voxycure-blocks/./src/scss/editor.scss"],"sourcesContent":["/* ==========================================\r\n   #0. Variables\r\n   ========================================== */\r\n$color-white: #ffffff;\r\n$color-white-faint: rgba(255, 255, 255, 0.6);\r\n$color-grey-light: #f5f5f5;\r\n$color-bg: #f6f6f7;\r\n$color-border: rgba(225, 227, 229, 1);\r\n$color-text-muted: #949494;\r\n$color-success: #16A34A;\r\n$color-error: #DC2626;\r\n\r\n.voxy-block * {\r\n\tbox-sizing: border-box;\r\n}\r\n\r\n.voxy-flex {\r\n\tdisplay: flex;\r\n\tgap: 15px;\r\n\r\n\t.components-base-control {\r\n\t\twidth: 100%;\r\n\t}\r\n}\r\n\r\n/* ==========================================\r\n   #1. Fullscreen Mode Takeover\r\n   ========================================== */\r\n\r\n.voxycure-fullscreen-mode {\r\n\tmargin-top: calc(-1 * var(--wp-admin--admin-bar--height));\r\n\r\n\t* {\r\n\t\tbox-sizing: border-box;\r\n\t}\r\n\r\n\t#wpcontent,\r\n\t#wpfooter {\r\n\t\tmargin-left: 0;\r\n\t\tpadding-left: 0;\r\n\t}\r\n\r\n\t#wpbody-content {\r\n\t\tpadding-bottom: 0;\r\n\t}\r\n\r\n\t#wpadminbar,\r\n\t#adminmenumain,\r\n\t#wpfooter {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\t#voxycure-editor {\r\n\t\theight: 100vh;\r\n\t\twidth: 100%;\r\n\t\toverflow: hidden;\r\n\t}\r\n}\r\n\r\n/* ==========================================\r\n   #2. Buttons\r\n   ========================================== */\r\n\r\n.voxy-white-btn {\r\n\tbackground: transparent;\r\n\tbox-shadow: 0 0 0 1px $color-white;\r\n\tcolor: $color-white !important;\r\n\toutline: none;\r\n\tborder-radius: 3px;\r\n\ttransition: box-shadow 0.3s ease;\r\n\tgap: 5px;\r\n\r\n\t&:hover,\r\n\t&:focus {\r\n\t\tbox-shadow: 0 0 8px 1px $color-white-faint !important;\r\n\t}\r\n}\r\n\r\n.voxycure-button {\r\n\tmin-width: 120px;\r\n\ttext-align: center;\r\n\tjustify-content: center;\r\n}\r\n\r\n/* ==========================================\r\n   #3. Editor Content\r\n   ========================================== */\r\n.voxycure-options-page {\r\n\tbackground-color: $color-bg;\r\n\r\n\t#wpcontent {\r\n\t\tpadding-left: 0;\r\n\r\n\t\t.voxycure-notice {\r\n\t\t\tright: 20px;\r\n\t\t\ttop: 110px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.voxycure-editor {\r\n\r\n\t&-wrap {\r\n\t\tdisplay: flex;\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t&__sidebar {\r\n\t\twidth: 280px;\r\n\t\tbackground-color: rgb(30, 30, 30);\r\n\t\tcolor: rgb(255, 255, 255);\r\n\t\theight: 100vh;\r\n\t\tpadding: 16px;\r\n\t\tbox-sizing: border-box;\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\r\n\t&__content {\r\n\t\tdisplay: flex;\r\n\t\twidth: 100%;\r\n\t\tflex-direction: column;\r\n\t\tbackground-color: $color-bg;\r\n\t}\r\n\r\n\t&__header {\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tpadding: 15px;\r\n\t\tbackground: #ffffff;\r\n\t\tbox-shadow: 0rem 0.0625rem 0.0625rem rgba(31, 33, 36, 0.1);\r\n\r\n\t}\r\n\r\n\t&__header-title {\r\n\t\tmargin: 0;\r\n\t}\r\n\r\n\t&__body {\r\n\t\toverflow-y: auto;\r\n\t\tpadding: 30px;\r\n\t\tposition: relative;\r\n\t}\r\n}\r\n\r\n.voxycure-notice {\r\n\tposition: fixed;\r\n\tz-index: 9;\r\n\tright: 30px;\r\n\ttop: 80px;\r\n\tbox-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px !important;\r\n\r\n\t&.is-success {\r\n\t\tbackground-color: $color-success;\r\n\t}\r\n\r\n\t&.is-error {\r\n\t\tbackground-color: $color-error;\r\n\t}\r\n}\r\n\r\n.voxycure-error-field {\r\n\tlabel {\r\n\t\tcolor: $color-error !important;\r\n\t}\r\n\r\n\tinput {\r\n\t\tborder-color: $color-error !important;\r\n\t}\r\n}\r\n\r\n/* ==========================================\r\n   #4. Panel Container\r\n   ========================================== */\r\n\r\n.voxy-panel-container {\r\n\t.components-panel {\r\n\t\tmargin-bottom: 20px;\r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t.voxy-inner-panel {\r\n\t\tmargin-bottom: 12px;\r\n\t\tborder: 1px solid $color-border;\r\n\t}\r\n\r\n\t.voxy-draggable-field {\r\n\t\tmargin-bottom: 5px;\r\n\t}\r\n}\r\n\r\n/* ==========================================\r\n   #6. Notices\r\n   ========================================== */\r\n\r\n.components-notice {\r\n\tborder: 1px solid $color-border;\r\n\tborder-left: 4px solid;\r\n\tborder-radius: 3px;\r\n\tmargin-bottom: 15px;\r\n}\r\n\r\n/* ==========================================\r\n   #7. Sidebar Item\r\n   ========================================== */\r\n\r\n.voxycure-sidebar-item {\r\n\t.components-button {\r\n\t\tbox-shadow: none !important;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t.components-h-stack,\r\n\t.components-text {\r\n\t\tcolor: $color-text-muted;\r\n\t}\r\n\r\n\t&:hover,\r\n\t&.active,\r\n\t&:focus {\r\n\r\n\t\t.components-h-stack,\r\n\t\t.components-text {\r\n\t\t\tcolor: $color-white;\r\n\t\t}\r\n\t}\r\n\r\n\t.components-flex-item {\r\n\t\ttext-align: start;\r\n\t}\r\n}\r\n\r\n/* ==========================================\r\n   #7. User editor.\r\n   ========================================== */\r\n.voxy-block,\r\n.voxycure-editor__body,\r\n.voxy-group-panel {\r\n\t.components-base-control {\r\n\t\tmargin-bottom: 15px !important;\r\n\r\n\t\t&:last-child {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.voxy-block {\r\n\tborder: 1px solid $color-border;\r\n\tborder-radius: 8px;\r\n\toverflow: hidden;\r\n\r\n\t&__header {\r\n\t\twidth: 100%;\r\n\t\tpadding: 10px;\r\n\t\ttext-align: center;\r\n\t\tbackground-color: #f0f0f0;\r\n\t\tfont-size: 11px;\r\n\t\tletter-spacing: 1.5px;\r\n\t\ttext-transform: uppercase;\r\n\t}\r\n\r\n\t&__body {\r\n\t\tpadding: 15px;\r\n\t}\r\n\r\n\t.components-base-control {\r\n\t\tfont-family: inherit;\r\n\r\n\t\t&.components-checkbox-control {\r\n\t\t\tmargin-bottom: 0;\r\n\t\t}\r\n\r\n\t\tlabel,\r\n\t\tinput,\r\n\t\ttextarea {\r\n\t\t\tfont-size: 13px;\r\n\t\t\tletter-spacing: 0.3px;\r\n\t\t\ttext-transform: inherit;\r\n\t\t\tcolor: #111111;\r\n\t\t}\r\n\r\n\t}\r\n}\r\n\r\n.voxy-field-wrapper {\r\n\tmargin-bottom: 10px;\r\n}\r\n\r\n.voxycure-base-control {\r\n\r\n\t&__label {\r\n\t\tfont-size: 13px;\r\n\t\tletter-spacing: 0.3px;\r\n\t\ttext-transform: inherit;\r\n\t\tcolor: #111111;\r\n\t\tdisplay: block;\r\n\t\tfont-weight: 500;\r\n\t\tline-height: 1.4;\r\n\t\tmargin: 0 0 8px;\r\n\t}\r\n}\r\n\r\n.components-radio-control {\r\n\r\n\t&__group-wrapper {\r\n\t\tgap: 8px !important;\r\n\t}\r\n}\r\n\r\n.component-color-picker {\r\n\r\n\t.components-button {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tpadding: 10px;\r\n\t\tgap: 10px;\r\n\t\tborder: 1px solid $color-border;\r\n\t\tborder-radius: 0.3rem;\r\n\t}\r\n\r\n\t&__indicator {\r\n\t\twidth: 20px;\r\n\t\theight: 20px;\r\n\t\tborder-radius: 20px;\r\n\t\tborder: 1px solid $color-border;\r\n\t}\r\n\r\n\t.components-base-control__label {\r\n\t\tfont-size: 11px;\r\n\t\tfont-weight: 500;\r\n\t\ttext-transform: uppercase;\r\n\t\tcolor: #3c434a;\r\n\t}\r\n}\r\n\r\n/**\r\n* Seprate components.\r\n*/\r\n.voxy-component {\r\n\r\n\t// Image selector.\r\n\t.image-selector {\r\n\t\twidth: 100%;\r\n\t\theight: 150px;\r\n\t\tmax-width: 280px;\r\n\t\tborder: 1px solid #ccc;\r\n\t\tborder-radius: 4px;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\r\n\t\t.image-selector__preview {\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tcursor: pointer;\r\n\t\t\toverflow: hidden;\r\n\t\t\theight: calc(100% - 30px);\r\n\r\n\t\t\timg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.image-selector__change-btn {\r\n\t\t\twidth: 100%;\r\n\t\t\ttext-align: center;\r\n\t\t\tbackground: #efefef !important;\r\n\t\t\tborder: none;\r\n\t\t\tcolor: #333 !important;\r\n\t\t\tfont-weight: 500;\r\n\t\t\theight: 30px;\r\n\t\t\tpadding: 5px;\r\n\t\t\toutline: 0;\r\n\t\t\tbox-shadow: none !important;\r\n\t\t\tjustify-content: center;\r\n\t\t\tfont-size: 12px;\r\n\t\t}\r\n\r\n\t\t.image-selector__placeholder {\r\n\t\t\tfont-size: 24px;\r\n\t\t\tcolor: #bbb;\r\n\t\t}\r\n\r\n\t\t.image-selector__remove {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 6px;\r\n\t\t\tright: 6px;\r\n\t\t\tbackground: white;\r\n\t\t\tborder: 1px solid #ccc;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmin-width: auto;\r\n\t\t\tmin-height: auto;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t\tpadding: 0;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\r\n\t// Gallery selector.\r\n\t.gallery-selector {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\tgap: 10px;\r\n\t\tmargin-bottom: 10px;\r\n\r\n\t\t&__preview {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-wrap: wrap;\r\n\t\t\tgap: 10px;\r\n\t\t\tcursor: pointer;\r\n\t\t\tborder: 2px dashed #ddd;\r\n\t\t\tpadding: 10px;\r\n\t\t\tborder-radius: 8px;\r\n\t\t\tmin-height: 100px;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\t\t}\r\n\r\n\t\t&__image {\r\n\t\t\tposition: relative;\r\n\t\t\twidth: 100px;\r\n\t\t\theight: 100px;\r\n\t\t\toverflow: hidden;\r\n\t\t\tborder-radius: 6px;\r\n\t\t\tbox-shadow: 0 0 4px rgba(0, 0, 0, 0.1);\r\n\r\n\t\t\timg {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t\theight: 100%;\r\n\t\t\t\tobject-fit: cover;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__remove {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 5px;\r\n\t\t\tright: 5px;\r\n\t\t\tbackground: #fff;\r\n\t\t\tborder-radius: 50%;\r\n\t\t\tbox-shadow: 0 0 4px rgba(0, 0, 0, 0.2);\r\n\t\t\tpadding: 2px;\r\n\t\t\tz-index: 2;\r\n\t\t\twidth: 24px;\r\n\t\t\theight: 24px;\r\n\t\t\tmin-width: 24px;\r\n\t\t\tmin-height: 24px;\r\n\t\t\tpadding: 0 !important;\r\n\r\n\t\t\tsvg {\r\n\t\t\t\twidth: 16px;\r\n\t\t\t\theight: 16px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__placeholder {\r\n\t\t\tfont-size: 2rem;\r\n\t\t\tcolor: #ccc;\r\n\t\t}\r\n\r\n\t\t&__change-btn {\r\n\t\t\talign-self: flex-start;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.voxycure-table {\r\n\twidth: 100%;\r\n\tborder-collapse: collapse;\r\n\tbackground-color: #fff;\r\n\tborder-radius: 4px;\r\n\toverflow: hidden;\r\n\tfont-size: 14px;\r\n\r\n\tthead {\r\n\t\tbackground-color: #f7f7f7;\r\n\r\n\t\tth {\r\n\t\t\ttext-align: left;\r\n\t\t\tpadding: 12px 16px;\r\n\t\t\tfont-weight: 600;\r\n\t\t\tcolor: rgb(74, 74, 74);\r\n\t\t\tborder-bottom: 1px solid #dcdcde;\r\n\t\t}\r\n\t}\r\n\r\n\ttbody {\r\n\t\ttr {\r\n\t\t\tborder-bottom: 1px solid #dcdcde;\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbackground-color: #f7f7f7;\r\n\t\t\t}\r\n\r\n\t\t\ttd {\r\n\t\t\t\tpadding: 12px 16px;\r\n\t\t\t\tcolor: #333;\r\n\t\t\t\tvertical-align: middle;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t.voxycure-actions {\r\n\t\tdisplay: flex;\r\n\t\tgap: 8px;\r\n\t}\r\n}\r\n\r\n.voxycure-card {\r\n\tbackground-color: $color-white;\r\n\tbox-shadow: rgba(0, 0, 0, 0.08) 0px 2px 10px;\r\n\tborder-radius: 0.5rem;\r\n\toverflow: hidden;\r\n\tborder: 1px solid $color-border;\r\n\r\n\t.components-tab-panel {\r\n\t\t&__tabs {\r\n\t\t\tborder-bottom: 1px solid $color-border;\r\n\t\t\toverflow-x: auto;\r\n\t\t\twhite-space: nowrap;\r\n\r\n\t\t\t// scrollbar style\r\n\t\t\tscrollbar-width: thin; // Firefox\r\n\t\t\tscrollbar-color: $color-border transparent;\r\n\r\n\t\t\t&::-webkit-scrollbar {\r\n\t\t\t\theight: 4px; // thin horizontal bar\r\n\t\t\t}\r\n\r\n\t\t\t&::-webkit-scrollbar-track {\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t}\r\n\r\n\t\t\t&::-webkit-scrollbar-thumb {\r\n\t\t\t\tbackground: rgba(228, 230, 232, 1);\r\n\t\t\t\tborder-radius: 2px;\r\n\t\t\t}\r\n\r\n\t\t\t// Tab buttons\r\n\t\t\t.components-button {\r\n\t\t\t\tborder-right: 1px solid $color-border;\r\n\t\t\t\tbackground: transparent;\r\n\t\t\t\t// transition: background 5s ease-in-out;\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tborder-right: none;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.is-active {\r\n\t\t\t\t\tbackground: color-mix(in srgb, var(--wp-admin-theme-color) 25%, white);\r\n\t\t\t\t\tborder-bottom-color: $color-white; // merge into content\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&__tab-content {\r\n\t\t\tpadding: 1.5rem 1rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n/* ============================\r\n   Tab Alignment Modifiers\r\n   ============================ */\r\n.voxycure-tabs {\r\n\t&--horizontal {\r\n\t\t.components-tab-panel__tabs {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: row;\r\n\t\t\tborder-bottom: 1px solid $color-border;\r\n\t\t}\r\n\t}\r\n\r\n\t&--vertical {\r\n\t\tdisplay: flex;\r\n\r\n\t\t.components-tab-panel__tabs {\r\n\t\t\tdisplay: flex;\r\n\t\t\tflex-direction: column;\r\n\t\t\tmin-width: 220px;\r\n\t\t\toverflow-y: auto;\r\n\t\t\tborder-right: 1px solid $color-border;\r\n\r\n\t\t\t.components-button {\r\n\t\t\t\tborder-bottom: 1px solid $color-border;\r\n\t\t\t\tborder-right: none;\r\n\r\n\t\t\t\t&::after {\r\n\t\t\t\t\theight: 100%;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tleft: auto;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&.is-active::after {\r\n\t\t\t\t\twidth: 3px;\r\n\t\t\t\t}\r\n\r\n\t\t\t\t&:last-child {\r\n\t\t\t\t\tborder-bottom: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.components-tab-panel__tab-content {\r\n\t\t\tflex: 1;\r\n\t\t\tpadding: 1.5rem;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.voxycure-drag {\r\n\r\n\t&__panel {\r\n\t\tdisplay: flex;\r\n\t\talign-items: start;\r\n\t\tmargin-bottom: 10px;\r\n\t\tborder: 1px solid $color-border;\r\n\t\tborder-radius: .5rem;\r\n\t}\r\n\r\n\t&__panel-drag-icon {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcursor: grab;\r\n\t\tpadding: .3rem;\r\n\t}\r\n\r\n\t&__inner-panel {\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n\t&__panel-header {\r\n\t\tcursor: pointer;\r\n\t\tdisplay: flex;\r\n\t\tjustify-content: space-between;\r\n\t\talign-items: center;\r\n\t\tpadding: 0.5rem 1rem;\r\n\t\tpadding-left: 0;\r\n\r\n\t\t&.is-open {\r\n\t\t\tborder-bottom: 1px solid $color-border;\r\n\t\t}\r\n\t}\r\n\r\n\t&__panel-title {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\twidth: 100%;\r\n\t\tgap: 8px;\r\n\t}\r\n\r\n\t&__panel-order {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tfont-weight: 600;\r\n\t\tmin-height: 24px;\r\n\t\tmin-width: 24px;\r\n\t\tborder: 1px solid $color-border;\r\n\t\tborder-radius: 30px;\r\n\t}\r\n}\r\n\r\n@media (max-width: 767px) {\r\n\r\n\t// editor fullscreen mode\r\n\t.voxycure-fullscreen-mode #voxycure-editor {\r\n\t\theight: 100%;\r\n\t}\r\n\r\n\t.voxycure-editor {\r\n\r\n\t\t&-wrap {\r\n\t\t\tflex-direction: column;\r\n\t\t}\r\n\r\n\t\t&__sidebar {\r\n\t\t\theight: auto;\r\n\t\t\twidth: 100%;\r\n\t\t\tflex-direction: row;\r\n\t\t\tpadding: 10px;\r\n\r\n\t\t\t.voxy-white-btn {\r\n\t\t\t\twidth: max-content;\r\n\r\n\t\t\t\tspan {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\tul {\r\n\t\t\t\tdisplay: flex;\r\n\t\t\t\tmargin: 0;\r\n\r\n\t\t\t\t.components-flex-item {\r\n\t\t\t\t\tdisplay: none;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t}\r\n\r\n\t.voxycure-editor__body {\r\n\t\tpadding: 20px;\r\n\t}\r\n\r\n\t.voxycure-table-wrapper {\r\n\t\toverflow-x: auto;\r\n\t}\r\n\r\n\t.voxycure-tabs {\r\n\r\n\t\t&--vertical {\r\n\t\t\tflex-direction: column;\r\n\r\n\t\t\t.components-tab-panel__tabs {\r\n\t\t\t\tflex-direction: row;\r\n\t\t\t\tmin-width: auto;\r\n\t\t\t\toverflow-x: auto;\r\n\t\t\t\toverflow-y: hidden;\r\n\t\t\t}\r\n\r\n\t\t}\r\n\t}\r\n}"],"names":[],"sourceRoot":""}