{"version":3,"file":"./style-index.css","mappings":";;;AAAA;;EAAA;ACAA;;;;;;EAAA;ADAA;;EAAA;ACUA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAmBA;;EAAA;AAQA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;AC1GA;;;;;CAAA;ACEA;;EAAA;AAqDA;;;;;EAAA;AA8DA;;EAAA;AA8BA;;EAAA;AAqCA;;EAAA;AAoCA;;EAAA;AAoKA;;;EAAA;AAeA;;EAAA;AC/YA;;EAAA;ACUA;EACC;AAmED;;AA7DC;;;;EAEC,gIJLa;EIMb,eJLkB;EIMlB,gBJLoB;EIMpB,cLhBS;AKkFX;AA7DC;;;;;;;;EAIC;EACA;EACA;AAmEF;AAhEC;;EACC;EACA;AAmEF;AAhEC;;;;EAEC;AAoEF;AAjEC;;;;EAGC;AAoEF;AAjEC;;EACC;AAoEF;AAjEC;;EACC;AAoEF;AAjEC;;;;EAEC;AAqEF;AAhEC;;EACC;AAmEF;;AA9DA;EACC;EACA;EACA,sBL9DO;EK+DP;EACA;AAiED;;AA7DC;EACC;AAgEF;AA7DC;EACC;AA+DF;;AA1DA;EACC;EACA,yBLlFU;EKmFV;EACA;EACA;AA6DD;AA3DC;;EAEC;AA6DF;;AAzDA;EACC;IACC;EA4DA;EA1DD;IACC;EA4DA;EA1DD;IACC;EA4DA;AACF;AAzDA;EACC;AA2DD,C;;;;AHjLA;;;;;CAAA;ACEA;;EAAA;AAqDA;;;;;EAAA;AA8DA;;EAAA;AA8BA;;EAAA;AAqCA;;EAAA;AAoCA;;EAAA;AAoKA;;;EAAA;AAeA;;EAAA;AF/YA;;;;;;EAAA;ADAA;;EAAA;ACUA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAmBA;;EAAA;AAQA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;AKrGC;EACC;EACA;EACA;AAkEF;AA/DC;EAEC;AAgEF;AA9DE;EACC;AAgEH;AA3DC;EACC;AA6DF;AAzDC;EAEC;EAGA;EACA;AAwDF;AArDC;EACC;AAuDF;AApDC;EACC;AAsDF;AAnDC;EACC;EACA;AAqDF;AAlDC;EACC;AAoDF;AAjDC;EACC;AAmDF;AA9CE;EACC;AAgDH;AA7CE;EACC;EACA;AA+CH;AA3CC;EACC;AA6CF;AA1CC;EACC;EACA;EACA;EACA;AA4CF;AA1CE;EACC;AA4CH;AAxCC;EACC;AA0CF;AAtCC;;EAEC;AAwCF;AArCC;EACC;EACA;EACA;AAuCF;AApCE;EAGC;EACA;AAoCH;AA9BE;EAGC;AA8BH;AAzBC;EACC;EACA;EACA;EACA;EACA;EACA;AA2BF;AAxBC;EACC,eL7GiB;AKuInB;AAtBC;EACC;EACA;EACA;AAwBF,C;;;;AJ9JA;;;;;CAAA;ACEA;;EAAA;AAqDA;;;;;EAAA;AA8DA;;EAAA;AA8BA;;EAAA;AAqCA;;EAAA;AAoCA;;EAAA;AAoKA;;;EAAA;AAeA;;EAAA;AF/YA;;;;;;EAAA;ADAA;;EAAA;ACUA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAmBA;;EAAA;AAQA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;AD1GA;;EAAA;AOMC;EACC;EACA;EACA;AAoEF;AAjEC;;EAEC;AAmEF;AAhEC;EACC;EACA;EACA;EACA;AAkEF;AA9DC;EACC,gINZa;EMab,eNTiB;EMUjB,gBNPmB;AMuErB;AA7DC;EACC;AA+DF;AA5DC;EACC;AA8DF;AA1DC;EACC;EACA;AA4DF;AA1DE;EAJD;IAKE;IACA;EA6DD;AACF;AAzDC;EACC;EACA;EACA;AA2DF;AAvDC;EACC;AAyDF;AArDE;;EAEC;AAuDH;AAlDC;EACC;AAoDF,C;;;;AP3HA;;EAAA;ACAA;;;;;;EAAA;ADAA;;EAAA;ACUA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAmBA;;EAAA;AAQA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;AC1GA;;;;;CAAA;ACEA;;EAAA;AAqDA;;;;;EAAA;AA8DA;;EAAA;AA8BA;;EAAA;AAqCA;;EAAA;AAoCA;;EAAA;AAoKA;;;EAAA;AAeA;;EAAA;AC/YA;;EAAA;ADiDC;EK1CD;IAGE;EAqEA;AACF;;AAlEA;EACC;EACA;AAqED;AAnEC;EACC;AAqEF,C;;;;ARxFA;;EAAA;ACAA;;;;;;EAAA;ADAA;;EAAA;ACUA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAmBA;;EAAA;AAQA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;AC1GA;;;;;CAAA;ACEA;;EAAA;AAqDA;;;;;EAAA;AA8DA;;EAAA;AA8BA;;EAAA;AAqCA;;EAAA;AAoCA;;EAAA;AAoKA;;;EAAA;AAeA;;EAAA;AC/YA;;EAAA;AKOA;EACC;AAsED;;AAnEA;EACC;AAsED;;AAlEC;EACC,aRiBa;AQoDf;ANjDC;EMrBA;IAIE;IACA;EAsED;AACF;AAnEC;EACC;AAqEF;;AAjEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAoED;;AAjEA;EACC;EACA;EACA;EACA;AAoED;;AAjEA;EACC;EACA;EACA;EACA,eRtCmB;EQuCnB,cThDU;ESiDV,kBRvBc;EQwBd;EACA,eRzBc;AQ6Ff;AAlEC;EACC;AAoEF;;AAhEA;;EAEC;EACA;EACA;EACA,cT/DU;ASkIX;;AAhEA;EACC;EACA;EACA;EACA;AAmED,C;;;;AT/IA;;EAAA;AEAA;;;;;CAAA;ACEA;;EAAA;AAqDA;;;;;EAAA;AA8DA;;EAAA;AA8BA;;EAAA;AAqCA;;EAAA;AAoCA;;EAAA;AAoKA;;;EAAA;AAeA;;EAAA;AF/YA;;;;;;EAAA;ADAA;;EAAA;ACUA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAmBA;;EAAA;AAQA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;ASrGC;EACC;AAqEF;AAlEC;EACC;EACA;AAoEF,C;;;;AC/EA;EACC;EACA;EACA;AACD;;AAEA;EACC;AACD;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AACD;;AAEA;EACC;EACA;AACD;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;AADD,C;;;;AC/CA;EAGC;EAEA;EACA;AAFD,C;;;;AZJA;;EAAA;ACAA;;;;;;EAAA;ADAA;;EAAA;ACUA;;EAAA;AAeA;;;EAAA;AAiBA;;EAAA;AAmBA;;EAAA;AAQA;;EAAA;AAUA;;EAAA;AAkBA;;EAAA;AASA;;;EAAA;AYpGA;EACC;EACA;EACA;AAkCD;;AA/BA;EACC;EACA;EACA;EACA,WAbY;EAcZ,YAdY;EAeZ;EACA,iBAfmB;EAgBnB;EACA;EACA;AAkCD;AAhCC;EACC;AAkCF;AA/BC;EACC;EACA;AAiCF;;AAzBC;EACC;EACA,mBblCS;EamCT,kBZgDgB;EY/ChB;EACA,Wb7BM;Ea8BN;EACA;EACA;EACA;AA4BF;AA1BE;EACC;AA4BH;;AAvBA;EACC;EACA;EACA;AA0BD;;AAvBA;EACC;EACA;EACA,WblDO;EamDP;EACA;AA0BD;;AAvBA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AA0BD;;AAvBA;EACC;EACA;EACA;AA0BD;;AAvBA;EACC;AA0BD;AAxBC;EACC;AA0BF;;AAtBA;EACC;AAyBD,C","sources":["webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/node_modules/@wordpress/base-styles/_colors.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/node_modules/@wordpress/base-styles/_variables.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/node_modules/@wordpress/base-styles/_functions.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/node_modules/@wordpress/base-styles/_mixins.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/node_modules/@wordpress/base-styles/_breakpoints.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/style.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/components/block-editor-container/style.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/components/block-editor/style.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/components/block-editor-toolbar/style.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/components/block-editor-toolbar/block-navigation/style.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/components/block-editor-toolbar/inspector/style.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/components/collaborative-editing/use-yjs/formats/collab-caret/style.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/components/collaborative-editing/use-yjs/filters/block-selection/style.scss","webpack://wp-html-mail-template-designer/./node_modules/@automattic/isolated-block-editor/build-module/components/collaborative-editing/components/avatars/style.scss"],"sourcesContent":["/**\n * Colors\n */\n\n// WordPress grays.\n$black: #000;\t\t\t// Use only when you truly need pure black. For UI, use $gray-900.\n$gray-900: #1e1e1e;\n$gray-800: #2f2f2f;\n$gray-700: #757575;\t\t// Meets 4.6:1 text contrast against white.\n$gray-600: #949494;\t\t// Meets 3:1 UI or large text contrast against white.\n$gray-400: #ccc;\n$gray-300: #ddd;\t\t// Used for most borders.\n$gray-200: #e0e0e0;\t\t// Used sparingly for light borders.\n$gray-100: #f0f0f0;\t\t// Used for light gray backgrounds.\n$white: #fff;\n\n// Opacities & additional colors.\n$dark-theme-focus: $white;\t// Focus color when the theme is dark.\n$dark-gray-placeholder: rgba($gray-900, 0.62);\n$medium-gray-placeholder: rgba($gray-900, 0.55);\n$light-gray-placeholder: rgba($white, 0.65);\n\n// Alert colors.\n$alert-yellow: #f0b849;\n$alert-red: #cc1818;\n$alert-green: #4ab866;\n","/**\n * SCSS Variables.\n *\n * Please use variables from this sheet to ensure consistency across the UI.\n * Don't add to this sheet unless you're pretty sure the value will be reused in many places.\n * For example, don't add rules to this sheet that affect block visuals. It's purely for UI.\n */\n\n@import \"./colors\";\n\n/**\n * Fonts & basic variables.\n */\n\n$default-font: -apple-system, BlinkMacSystemFont,\"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell,\"Helvetica Neue\", sans-serif;\n$default-font-size: 13px;\n$default-line-height: 1.4;\n$editor-html-font: Menlo, Consolas, monaco, monospace;\n$editor-font-size: 16px;\n$default-block-margin: 28px; // This value provides a consistent, contiguous spacing between blocks.\n$text-editor-font-size: 15px;\n$editor-line-height: 1.8;\n$mobile-text-min-font-size: 16px; // Any font size below 16px will cause Mobile Safari to \"zoom in\".\n\n\n/**\n * Grid System.\n * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/\n */\n\n$grid-unit: 8px;\n$grid-unit-05: 0.5 * $grid-unit;\t// 4px\n$grid-unit-10: 1 * $grid-unit;\t\t// 8px\n$grid-unit-15: 1.5 * $grid-unit;\t// 12px\n$grid-unit-20: 2 * $grid-unit;\t\t// 16px\n$grid-unit-30: 3 * $grid-unit;\t\t// 24px\n$grid-unit-40: 4 * $grid-unit;\t\t// 32px\n$grid-unit-50: 5 * $grid-unit;\t\t// 40px\n$grid-unit-60: 6 * $grid-unit;\t\t// 48px\n$grid-unit-70: 7 * $grid-unit;\t\t// 56px\n$grid-unit-80: 8 * $grid-unit;\t\t// 64px\n\n/**\n * Dimensions.\n */\n\n$icon-size: 24px;\n$button-size: 36px;\n$button-size-small: 24px;\n$header-height: 60px;\n$panel-header-height: $grid-unit-60;\n$nav-sidebar-width: 300px;\n$admin-bar-height: 32px;\n$admin-bar-height-big: 46px;\n$admin-sidebar-width: 160px;\n$admin-sidebar-width-big: 190px;\n$admin-sidebar-width-collapsed: 36px;\n$modal-min-width: 360px;\n$spinner-size: 16px;\n\n\n/**\n * Shadows.\n */\n\n$shadow-popover: 0 2px 6px rgba($black, 0.05);\n$shadow-modal: 0 10px 10px rgba($black, 0.25);\n\n\n/**\n * Editor widths.\n */\n\n$sidebar-width: 280px;\n$content-width: 840px;\n$wide-content-width: 1100px;\n$widget-area-width: 700px;\n\n\n/**\n * Block & Editor UI.\n */\n\n$block-toolbar-height: $grid-unit-60;\n$border-width: 1px;\n$border-width-focus: 2px; // This exists as a fallback, and is ideally overridden by var(--wp-admin-border-width-focus) unless in some SASS math cases.\n$border-width-tab: 1.5px;\n$helptext-font-size: 12px;\n$radius-round: 50%;\n$radius-block-ui: 2px;\n$radio-input-size: 20px;\n$radio-input-size-sm: 24px; // Width & height for small viewports.\n\n// Deprecated, please avoid using these.\n$block-padding: 14px; // Used to define space between block footprint and surrouding borders.\n\n\n/**\n * Block paddings.\n */\n\n// Padding for blocks with a background color (e.g. paragraph or group).\n$block-bg-padding--v: 1.25em;\n$block-bg-padding--h: 2.375em;\n\n\n/**\n * React Native specific.\n * These variables do not appear to be used anywhere else.\n */\n\n// Dimensions.\n$mobile-header-toolbar-height: 44px;\n$mobile-header-toolbar-expanded-height: 52px;\n$mobile-floating-toolbar-height: 44px;\n$mobile-floating-toolbar-margin: 8px;\n$mobile-color-swatch: 48px;\n\n// Block UI.\n$mobile-block-toolbar-height: 44px;\n$dimmed-opacity: 1;\n$block-edge-to-content: 16px;\n$solid-border-space: 12px;\n$dashed-border-space: 6px;\n$block-selected-margin: 3px;\n$block-selected-border-width: 1px;\n$block-selected-padding: 0;\n$block-selected-child-margin: 5px;\n$block-selected-to-content: $block-edge-to-content - $block-selected-margin - $block-selected-border-width;\n","/**\n*  Converts a hex value into the rgb equivalent.\n*\n* @param {string} hex - the hexadecimal value to convert\n* @return {string} comma separated rgb values\n*/\n@function hex-to-rgb($hex) {\n\t@return red($hex), green($hex), blue($hex);\n}\n","@import \"./functions\";\n\n/**\n * Breakpoint mixins\n */\n\n@mixin break-huge() {\n\t@media (min-width: #{ ($break-huge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-wide() {\n\t@media (min-width: #{ ($break-wide) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-xlarge() {\n\t@media (min-width: #{ ($break-xlarge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-large() {\n\t@media (min-width: #{ ($break-large) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-medium() {\n\t@media (min-width: #{ ($break-medium) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-small() {\n\t@media (min-width: #{ ($break-small) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-mobile() {\n\t@media (min-width: #{ ($break-mobile) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-zoomed-in() {\n\t@media (min-width: #{ ($break-zoomed-in) }) {\n\t\t@content;\n\t}\n}\n\n\n/**\n * Long content fade mixin\n *\n * Creates a fading overlay to signify that the content is longer\n * than the space allows.\n */\n\n@mixin long-content-fade($direction: right, $size: 20%, $color: #fff, $edge: 0, $z-index: false) {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\tpointer-events: none;\n\n\t@if $z-index {\n\t\tz-index: $z-index;\n\t}\n\n\t@if $direction == \"bottom\" {\n\t\tbackground: linear-gradient(to top, transparent, $color 90%);\n\t\tleft: $edge;\n\t\tright: $edge;\n\t\ttop: $edge;\n\t\tbottom: calc(100% - $size);\n\t\twidth: auto;\n\t}\n\n\t@if $direction == \"top\" {\n\t\tbackground: linear-gradient(to bottom, transparent, $color 90%);\n\t\ttop: calc(100% - $size);\n\t\tleft: $edge;\n\t\tright: $edge;\n\t\tbottom: $edge;\n\t\twidth: auto;\n\t}\n\n\t@if $direction == \"left\" {\n\t\tbackground: linear-gradient(to left, transparent, $color 90%);\n\t\ttop: $edge;\n\t\tleft: $edge;\n\t\tbottom: $edge;\n\t\tright: auto;\n\t\twidth: $size;\n\t\theight: auto;\n\t}\n\n\t@if $direction == \"right\" {\n\t\tbackground: linear-gradient(to right, transparent, $color 90%);\n\t\ttop: $edge;\n\t\tbottom: $edge;\n\t\tright: $edge;\n\t\tleft: auto;\n\t\twidth: $size;\n\t\theight: auto;\n\t}\n}\n\n/**\n * Focus styles.\n */\n\n@mixin block-toolbar-button-style__focus() {\n\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px $white;\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n}\n\n// Tabs, Inputs, Square buttons.\n@mixin input-style__neutral() {\n\tbox-shadow: 0 0 0 transparent;\n\ttransition: box-shadow 0.1s linear;\n\tborder-radius: $radius-block-ui;\n\tborder: $border-width solid $gray-700;\n\t@include reduce-motion(\"transition\");\n}\n\n\n@mixin input-style__focus() {\n\tborder-color: var(--wp-admin-theme-color);\n\tbox-shadow: 0 0 0 ($border-width-focus - $border-width) var(--wp-admin-theme-color);\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n}\n\n\n/**\n * Applies editor left position to the selector passed as argument\n */\n\n@mixin editor-left($selector) {\n\t#{$selector} { /* Set left position when auto-fold is not on the body element. */\n\t\tleft: 0;\n\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width;\n\t\t}\n\t}\n\n\t.auto-fold #{$selector} { /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width-collapsed;\n\t\t}\n\n\t\t@media (min-width: #{ ($break-large + 1) }) {\n\t\t\tleft: $admin-sidebar-width;\n\t\t}\n\t}\n\n\t/* Sidebar manually collapsed. */\n\t.folded #{$selector} {\n\t\tleft: 0;\n\n\t\t@media (min-width: #{ ($break-medium + 1) }) {\n\t\t\tleft: $admin-sidebar-width-collapsed;\n\t\t}\n\t}\n\n\tbody.is-fullscreen-mode #{$selector} {\n\t\tleft: 0 !important;\n\t}\n}\n\n/**\n * Styles that are reused verbatim in a few places\n */\n\n// These are additional styles for all captions, when the theme opts in to block styles.\n@mixin caption-style() {\n\tmargin-top: 0.5em;\n\tmargin-bottom: 1em;\n}\n\n@mixin caption-style-theme() {\n\tcolor: #555;\n\tfont-size: $default-font-size;\n\ttext-align: center;\n\n\t.is-dark-theme & {\n\t\tcolor: $light-gray-placeholder;\n\t}\n}\n\n@mixin placeholder-style() {\n\tborder-radius: $radius-block-ui;\n\n\t&::before {\n\t\tcontent: \"\";\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tleft: 0;\n\t\tpointer-events: none;\n\t\tbackground: currentColor;\n\t\topacity: 0.1;\n\t}\n}\n\n/**\n * Allows users to opt-out of animations via OS-level preferences.\n */\n\n@mixin reduce-motion($property: \"\") {\n\n\t@if $property == \"transition\" {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t}\n\t} @else if $property == \"animation\" {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\tanimation-duration: 1ms;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\t} @else {\n\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\ttransition-duration: 0s;\n\t\t\ttransition-delay: 0s;\n\t\t\tanimation-duration: 1ms;\n\t\t\tanimation-delay: 0s;\n\t\t}\n\t}\n}\n\n@mixin input-control {\n\tfont-family: $default-font;\n\tpadding: 6px 8px;\n\t@include input-style__neutral();\n\n\t/* Fonts smaller than 16px causes mobile safari to zoom. */\n\tfont-size: $mobile-text-min-font-size;\n\t/* Override core line-height. To be reviewed. */\n\tline-height: normal;\n\t@include break-small {\n\t\tfont-size: $default-font-size;\n\t\t/* Override core line-height. To be reviewed. */\n\t\tline-height: normal;\n\t}\n\n\t&:focus {\n\t\t@include input-style__focus();\n\t}\n\n\t// Use opacity to work in various editor styles.\n\t&::-webkit-input-placeholder {\n\t\tcolor: $dark-gray-placeholder;\n\t}\n\n\t&::-moz-placeholder {\n\t\topacity: 1; // Necessary because Firefox reduces this from 1.\n\t\tcolor: $dark-gray-placeholder;\n\t}\n\n\t&:-ms-input-placeholder {\n\t\tcolor: $dark-gray-placeholder;\n\t}\n}\n\n@mixin checkbox-control {\n\t@include input-control;\n\tborder: $border-width solid $gray-900;\n\tmargin-right: $grid-unit-15;\n\ttransition: none;\n\tborder-radius: $radius-block-ui;\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 ($border-width * 2) $white, 0 0 0 ($border-width * 2 + $border-width-focus) var(--wp-admin-theme-color);\n\n\t\t// Only visible in Windows High Contrast mode.\n\t\toutline: 2px solid transparent;\n\t}\n\n\t&:checked {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\n\t\t// Hide default checkbox styles in IE.\n\t\t&::-ms-check {\n\t\t\topacity: 0;\n\t\t}\n\t}\n\n\t&:checked::before,\n\t&[aria-checked=\"mixed\"]::before {\n\t\tmargin: -3px -5px;\n\t\tcolor: $white;\n\n\t\t@include break-medium() {\n\t\t\tmargin: -4px 0 0 -5px;\n\t\t}\n\t}\n\n\t&[aria-checked=\"mixed\"] {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\n\t\t&::before {\n\t\t\t// Inherited from `forms.css`.\n\t\t\t// See: https://github.com/WordPress/wordpress-develop/tree/5.1.1/src/wp-admin/css/forms.css#L122-L132\n\t\t\tcontent: \"\\f460\";\n\t\t\tfloat: left;\n\t\t\tdisplay: inline-block;\n\t\t\tvertical-align: middle;\n\t\t\twidth: 16px;\n\t\t\t/* stylelint-disable */\n\t\t\tfont: normal 30px/1 dashicons;\n\t\t\t/* stylelint-enable */\n\t\t\tspeak: none;\n\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t-moz-osx-font-smoothing: grayscale;\n\n\t\t\t@include break-medium() {\n\t\t\t\tfloat: none;\n\t\t\t\tfont-size: 21px;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin radio-control {\n\t@include input-control;\n\tborder: $border-width solid $gray-900;\n\tmargin-right: $grid-unit-15;\n\ttransition: none;\n\tborder-radius: $radius-round;\n\twidth: $radio-input-size-sm;\n\theight: $radio-input-size-sm;\n\n\t@include break-small() {\n\t\theight: $radio-input-size;\n\t\twidth: $radio-input-size;\n\t}\n\n\t&:checked::before {\n\t\tbox-sizing: inherit;\n\t\twidth: 8px;\n\t\theight: 8px;\n\t\ttransform: translate(7px, 7px);\n\t\tmargin: 0;\n\t\tbackground-color: $white;\n\n\t\t// This border serves as a background color in Windows High Contrast mode.\n\t\tborder: 4px solid $white;\n\n\t\t@include break-small() {\n\t\t\ttransform: translate(5px, 5px);\n\t\t}\n\t}\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 ($border-width * 2) $white, 0 0 0 ($border-width * 2 + $border-width-focus) var(--wp-admin-theme-color);\n\n\t\t// Only visible in Windows High Contrast mode.\n\t\toutline: 2px solid transparent;\n\t}\n\n\t&:checked {\n\t\tbackground: var(--wp-admin-theme-color);\n\t\tborder-color: var(--wp-admin-theme-color);\n\t}\n}\n\n/**\n * Reset default styles for JavaScript UI based pages.\n * This is a WP-admin agnostic reset\n */\n\n@mixin reset {\n\tbox-sizing: border-box;\n\n\t*,\n\t*::before,\n\t*::after {\n\t\tbox-sizing: inherit;\n\t}\n}\n\n/**\n * Reset the WP Admin page styles for Gutenberg-like pages.\n */\n\n@mixin wp-admin-reset( $content-container ) {\n\tbackground: $white;\n\n\t#wpcontent {\n\t\tpadding-left: 0;\n\t}\n\n\t#wpbody-content {\n\t\tpadding-bottom: 0;\n\t}\n\n\t/* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well.\n\t   Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */\n\t#wpbody-content > div:not(#{ $content-container }):not(#screen-meta) {\n\t\tdisplay: none;\n\t}\n\n\t#wpfooter {\n\t\tdisplay: none;\n\t}\n\n\t.a11y-speak-region {\n\t\tleft: -1px;\n\t\ttop: -1px;\n\t}\n\n\tul#adminmenu a.wp-has-current-submenu::after,\n\tul#adminmenu > li.current > a.current::after {\n\t\tborder-right-color: $white;\n\t}\n\n\t.media-frame select.attachment-filters:last-of-type {\n\t\twidth: auto;\n\t\tmax-width: 100%;\n\t}\n}\n\n@mixin admin-scheme($color-primary) {\n\t// Define RGB equivalents for use in rgba function.\n\t// Hexadecimal css vars do not work in the rgba function.\n\t--wp-admin-theme-color: #{$color-primary};\n\t--wp-admin-theme-color--rgb: #{hex-to-rgb($color-primary)};\n\t// Darker shades.\n\t--wp-admin-theme-color-darker-10: #{darken($color-primary, 5%)};\n\t--wp-admin-theme-color-darker-10--rgb: #{hex-to-rgb(darken($color-primary, 5%))};\n\t--wp-admin-theme-color-darker-20: #{darken($color-primary, 10%)};\n\t--wp-admin-theme-color-darker-20--rgb: #{hex-to-rgb(darken($color-primary, 10%))};\n\n\t// Focus style width.\n\t// Avoid rounding issues by showing a whole 2px for 1x screens, and 1.5px on high resolution screens.\n\t--wp-admin-border-width-focus: 2px;\n\t@media ( -webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n\t\t--wp-admin-border-width-focus: 1.5px;\n\t}\n}\n\n@mixin wordpress-admin-schemes() {\n\tbody.admin-color-light {\n\t\t@include admin-scheme(#0085ba);\n\t}\n\n\tbody.admin-color-modern {\n\t\t@include admin-scheme(#3858e9);\n\t}\n\n\tbody.admin-color-blue {\n\t\t@include admin-scheme(#096484);\n\t}\n\n\tbody.admin-color-coffee {\n\t\t@include admin-scheme(#46403c);\n\t}\n\n\tbody.admin-color-ectoplasm {\n\t\t@include admin-scheme(#523f6d);\n\t}\n\n\tbody.admin-color-midnight {\n\t\t@include admin-scheme(#e14d43);\n\t}\n\n\tbody.admin-color-ocean {\n\t\t@include admin-scheme(#627c83);\n\t}\n\n\tbody.admin-color-sunrise {\n\t\t@include admin-scheme(#dd823b);\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin background-colors-deprecated() {\n\t.has-very-light-gray-background-color {\n\t\tbackground-color: #eee;\n\t}\n\n\t.has-very-dark-gray-background-color {\n\t\tbackground-color: #313131;\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin foreground-colors-deprecated() {\n\t.has-very-light-gray-color {\n\t\tcolor: #eee;\n\t}\n\n\t.has-very-dark-gray-color {\n\t\tcolor: #313131;\n\t}\n}\n\n// Deprecated from UI, kept for back-compat.\n@mixin gradient-colors-deprecated() {\n\t/*\n\t * Our classes uses the same values we set for gradient value attributes,\n\t * and we can not use spacing because of WP multi site kses rule.\n\t */\n\n\t/* stylelint-disable function-comma-space-after */\n\t.has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgba(0,208,132,1) 0%,rgba(6,147,227,1) 100%);\n\t}\n\n\t.has-purple-crush-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(52,226,228) 0%,rgb(71,33,251) 50%,rgb(171,29,254) 100%);\n\t}\n\n\t.has-hazy-dawn-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(250,172,168) 0%,rgb(218,208,236) 100%);\n\t}\n\n\t.has-subdued-olive-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(250,250,225) 0%,rgb(103,166,113) 100%);\n\t}\n\n\t.has-atomic-cream-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(253,215,154) 0%,rgb(0,74,89) 100%);\n\t}\n\n\t.has-nightshade-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(51,9,104) 0%,rgb(49,205,207) 100%);\n\t}\n\n\t.has-midnight-gradient-background {\n\t\tbackground: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);\n\t}\n\t/* stylelint-enable function-comma-space-after */\n}\n","/**\n * Breakpoints & Media Queries\n */\n\n// Most used breakpoints\n$break-huge: 1440px;\n$break-wide: 1280px;\n$break-xlarge: 1080px;\n$break-large: 960px;\t// admin sidebar auto folds\n$break-medium: 782px;\t// adminbar goes big\n$break-small: 600px;\n$break-mobile: 480px;\n$break-zoomed-in: 280px;\n\n// All media queries currently in WordPress:\n//\n// min-width: 2000px\n// min-width: 1680px\n// min-width: 1250px\n// max-width: 1120px *\n// max-width: 1000px\n// min-width: 769px and max-width: 1000px\n// max-width: 960px *\n// max-width: 900px\n// max-width: 850px\n// min-width: 800px and max-width: 1499px\n// max-width: 800px\n// max-width: 799px\n// max-width: 782px *\n// max-width: 768px\n// max-width: 640px *\n// max-width: 600px *\n// max-width: 520px\n// max-width: 500px\n// max-width: 480px *\n// max-width: 400px *\n// max-width: 380px\n// max-width: 320px *\n//\n// Those marked * seem to be more commonly used than the others.\n// Let's try and use as few of these as possible, and be mindful about adding new ones, so we don't make the situation worse\n","\n@import '@wordpress/base-styles/_colors';\n@import '@wordpress/base-styles/_variables';\n@import '@wordpress/base-styles/_mixins';\n@import '@wordpress/base-styles/_breakpoints';\n@import '@wordpress/base-styles/_animations';\n@import '@wordpress/base-styles/_z-index';\n\n// Gutenberg has a global `position: unset` style applied to the editor that is used in the core editor to prevent the page scrolling (it scrolls internally)\n// but that isn't suitable for other situations. We need to remove that.\nhtml.interface-interface-skeleton__html-container {\n\tposition: unset !important;\n}\n\n.components-modal__frame,\n.iso-editor {\n\t// Set the font for the rest of the editor\n\t&,\n\tselect {\n\t\tfont-family: $default-font;\n\t\tfont-size: $default-font-size;\n\t\tline-height: $default-line-height;\n\t\tcolor: $gray-900;\n\t}\n\n\t// Change the box model for inputs.\n\t// In the block editor this is inherited from wp-admin.\n\tinput,\n\tselect,\n\ttextarea,\n\tbutton {\n\t\tbox-sizing: border-box;\n\t\t-moz-box-sizing: border-box;\n\t\t-webkit-box-sizing: border-box;\n\t}\n\n\tp:not( .components-form-token-field__help ) {\n\t\tfont-size: inherit;\n\t\tline-height: inherit;\n\t}\n\n\tul.block-editor-block-list__block,\n\tol.block-editor-block-list__block {\n\t\tmargin: 0 0 1.2em;\n\t}\n\n\tul li,\n\tol li {\n\t\t// This overrides a bottom margin globally applied to list items in wp-admin.\n\t\tmargin-bottom: initial;\n\t}\n\n\tul {\n\t\tlist-style-type: none;\n\t}\n\n\tol {\n\t\tlist-style-type: decimal;\n\t}\n\n\tul ul,\n\tol ul {\n\t\tlist-style-type: circle;\n\t}\n\n\t// This disables popover animations, and fixes sub-pixel wobble caused by components-animate__appear on popovers. This exhibits itself as\n\t// the popover text moving 1 pixel. Something to look into properly in the future\n\t.components-popover.components-animate__appear {\n\t\tanimation: none;\n\t}\n}\n\n// Default editor\n.iso-editor {\n\twidth: 100%;\n\tmin-height: 145px;\n\tbackground-color: $white;\n\tposition: relative;\n\tborder: $border-width solid $gray-200;\n}\n\n.components-modal__frame {\n\t.components-modal__header h1 {\n\t\tfont-size: 20px !important;\n\t}\n\n\tbutton {\n\t\tbox-shadow: none;\n\t}\n}\n\n// Loading style\n.iso-editor__loading {\n\tmin-height: 125px;\n\tbackground-color: $gray-200;\n\tborder: 1px solid $gray-200;\n\tanimation: loading-fade 1.6s ease-in-out infinite;\n\tmargin-bottom: 57px;\n\n\t> textarea,\n\t> div {\n\t\tdisplay: none;\n\t}\n}\n\n@keyframes loading-fade {\n\t0% {\n\t\topacity: 0.3;\n\t}\n\t50% {\n\t\topacity: 1;\n\t}\n\t100% {\n\t\topacity: 0.3;\n\t}\n}\n\n#media-search-input {\n\tbox-sizing: border-box;\n}\n","@import '@wordpress/base-styles/_mixins';\n@import '@wordpress/base-styles/_variables';\n\n.iso-editor {\n\t// Add some bottom space when an error occurs\n\t.editor-error-boundary {\n\t\tmargin-bottom: 60px;\n\t\tbox-shadow: none;\n\t\tborder: none;\n\t}\n\n\t.block-editor-writing-flow {\n\t\t// Requested by mtias to add extra top and bottom padding\n\t\tpadding: 10px 0;\n\n\t\tul {\n\t\t\tlist-style-type: disc;\n\t\t}\n\t}\n\n\t// This doesn't seem right, but list elements in the editor don't have any margins\n\t.block-editor-writing-flow [data-type='core/list'] li {\n\t\tmargin-left: 20px;\n\t}\n\n\t// These are default editor styles\n\t.wp-block {\n\t\t// Remove the Gutenberg fixed width so that our content fills the space\n\t\tmax-width: none;\n\n\t\t// TODO: the default padding/margin of the block editor content are not set properly\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\n\t.wp-block[data-align='wide'] {\n\t\tmax-width: 1100px;\n\t}\n\n\t.wp-block[data-align='full'] {\n\t\tmax-width: none;\n\t}\n\n\timg {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t}\n\n\tiframe {\n\t\twidth: 100%;\n\t}\n\n\t.components-navigate-regions {\n\t\theight: 100%;\n\t}\n\n\t// Styles the placeholder block the same as a standard paragraph block\n\t.block-editor-block-list__layout:first-of-type {\n\t\t.block-editor-default-block-appender {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t.block-editor-default-block-appender__content {\n\t\t\tmargin-top: 16px;\n\t\t\tmargin-bottom: 16px;\n\t\t}\n\t}\n\n\t.edit-post-text-editor {\n\t\tpadding-top: 0;\n\t}\n\n\t.edit-post-text-editor__body {\n\t\tmax-width: none;\n\t\tmargin-top: 32px;\n\t\tmargin-bottom: 32px;\n\t\tpadding-top: 0;\n\n\t\ttextarea {\n\t\t\tpadding: 15px;\n\t\t}\n\t}\n\n\t.components-resizable-box__handle::before {\n\t\tbox-sizing: border-box;\n\t}\n\n\t// Prevent problems with themes overriding Gutenberg UI\n\t.components-popover__content button:focus,\n\t.components-popover__content button:hover {\n\t\ttext-decoration: none;\n\t}\n\n\t.components-popover__content button:not(.is-active) {\n\t\tfont-weight: normal;\n\t\ttext-transform: none;\n\t\tfont-family: Arial;\n\n\t\t// Some themes can set a button style, which we don't want\n\t\t&:active,\n\t\t&:focus,\n\t\t&:hover {\n\t\t\tbackground-color: transparent;\n\t\t\tbackground-image: none;\n\t\t}\n\t}\n\n\t// Ugly fix for an issue with the outline view in an empty document showing no content.\n\t.block-editor-block-navigation__container .is-selected button {\n\t\t&:active,\n\t\t&:focus,\n\t\t&:hover {\n\t\t\tbackground-color: #1e1e1e;\n\t\t}\n\t}\n\n\t// Some themes have lines above headings - Twenty Nineteen\n\t.components-popover__content h1:before, .components-popover__content h2:before {\n\t\tcontent: none;\n\t\tdisplay: unset;\n\t\theight: unset;\n\t\tmargin: unset;\n\t\twidth: unset;\n\t\tbackground: unset;\n\t}\n\n\t.components-popover__content .block-editor-inserter__menu .components-tab-panel__tab-content button {\n\t\tfont-size: $editor-font-size;\n\t}\n\n\t// Prevents any theme CSS interfering with the textarea. e.g TwentyTwelve\n\t.block-editor-default-block-appender textarea {\n\t\tborder: none !important;\n\t\tborder-radius: unset !important;\n\t\tbox-shadow: none !important;\n\t}\n}\n","@import \"@wordpress/base-styles/_mixins\";\n@import \"@wordpress/base-styles/_variables\";\n@import \"@wordpress/base-styles/_colors\";\n\n.iso-editor {\n\t// Restrict the interface skeleton to our container, and not assume it's own a WP admin page\n\t.edit-post-layout.interface-interface-skeleton {\n\t\tposition: static;\n\t\ttop:auto;\n\t\tleft: auto;\n\t}\n\n\t.interface-interface-skeleton__editor,\n\t.interface-interface-skeleton__content {\n\t\twidth: 100%;\n\t}\n\n\t.is-mode__text .edit-post-text-editor__body {\n\t\tmargin-left: 0;\n\t\tmargin-right: 0;\n\t\tmargin-bottom: 0;\n\t\tpadding: 16px 24px 96px;\n\t}\n\n\t// Set the font for the editor\n\t.block-editor-writing-flow {\n\t\tfont-family: $default-font;\n\t\tfont-size: $editor-font-size;\n\t\tline-height: $editor-line-height;\n\t}\n\n\t.block-editor-writing-flow .block-editor-block-list__layout .wp-block:first-child[data-type='core/paragraph'] {\n\t\tpadding-top: 0;\n\t}\n\n\t.block-editor-writing-flow .block-list-appender .wp-block {\n\t\tpadding-top: 0 !important;\n\t}\n\n\t// This adds left/right padding for the editor\n\t.block-editor-block-list__layout.is-root-container {\n\t\tpadding-left: 14px;\n\t\tpadding-right: 14px;\n\n\t\t@media ( min-width: 600px ) {\n\t\t\tpadding-left: 36px;\n\t\t\tpadding-right: 36px;\n\t\t}\n\t}\n\n\t// Override default browser borders\n\t.block-editor-link-control__settings {\n\t\tborder-left: none;\n\t\tborder-right: none;\n\t\tborder-bottom: none;\n\t}\n\n\t// Hide the 'manage reusable blocks' option\n\ta[href=\"edit.php?post_type=wp_block\"] {\n\t\tdisplay: none;\n\t}\n\n\t.is-fullscreen-mode {\n\t\t.block-editor-block-list__layout > div:first-child > .block-list-appender:first-child .wp-block,\n\t\t.block-editor-block-list__layout > .block-list-appender:first-child .wp-block {\n\t\t\tmargin: 0 auto !important;\n\t\t}\n\t}\n\n\t// Ensure that we always override the black background from core\n\t.edit-post-visual-editor {\n\t\tbackground-color: #fff;\n\t}\n}\n","@import '@wordpress/base-styles/_colors';\n@import '@wordpress/base-styles/_variables';\n@import '@wordpress/base-styles/_mixins';\n@import '@wordpress/base-styles/_breakpoints';\n@import '@wordpress/base-styles/_animations';\n@import '@wordpress/base-styles/_z-index';\n\n.edit-post-header {\n\t// Make toolbar sticky on larger breakpoints\n\t@include break-zoomed-in {\n\t\tflex-wrap: nowrap;\n\t}\n}\n\n.edit-post-header__settings {\n\tdisplay: inline-flex;\n\talign-items: center;\n\n\tbutton.components-button.has-icon {\n\t\tmargin-right: 0;\n\t}\n}\n","@import '@wordpress/base-styles/_colors';\n@import '@wordpress/base-styles/_variables';\n@import '@wordpress/base-styles/_mixins';\n@import '@wordpress/base-styles/_breakpoints';\n@import '@wordpress/base-styles/_animations';\n@import '@wordpress/base-styles/_z-index';\n\n.table-of-contents__popover.components-popover .components-popover__content {\n\tmin-width: 380px;\n}\n\n.components-popover.table-of-contents__popover {\n\tz-index: z-index(\".components-popover.table-of-contents__popover\");\n}\n\n.table-of-contents__popover {\n\t.components-popover__content {\n\t\tpadding: $grid-unit-20;\n\n\t\t@include break-small {\n\t\t\tmax-height: calc(100vh - 120px);\n\t\t\toverflow-y: auto;\n\t\t}\n\t}\n\n\thr {\n\t\tmargin: 10px -16px 0;\n\t}\n}\n\n.table-of-contents__wrapper:focus::before {\n\tcontent: \"\";\n\tdisplay: block;\n\tposition: absolute;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\tbox-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);\n\tpointer-events: none;\n}\n\n.table-of-contents__counts {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tmargin: 0;\n\tmargin-top: -$grid-unit-10;\n}\n\n.table-of-contents__count {\n\tflex-basis: 33%;\n\tdisplay: flex;\n\tflex-direction: column;\n\tfont-size: $default-font-size;\n\tcolor: $gray-900;\n\tpadding-right: $grid-unit-10;\n\tmargin-bottom: 0;\n\tmargin-top: $grid-unit-10;\n\n\t&:nth-child(4n) {\n\t\tpadding-right: 0;\n\t}\n}\n\n.table-of-contents__number,\n.table-of-contents__popover .word-count {\n\tfont-size: 21px;\n\tfont-weight: 400;\n\tline-height: 30px;\n\tcolor: $gray-900;\n}\n\n.table-of-contents__title {\n\tdisplay: block;\n\tmargin-top: 20px;\n\tfont-size: 15px;\n\tfont-weight: 600;\n}\n","@import '@wordpress/base-styles/_colors';\n@import '@wordpress/base-styles/_mixins';\n@import '@wordpress/base-styles/_variables';\n\n.iso-editor .popover-slot {\n\t.iso-inspector ul:not(.editor-post-taxonomies__flat-term-most-used-list) li {\n\t\tmargin: 0;\n\t}\n\n\t.block-editor-inserter__menu {\n\t\tmin-width: $sidebar-width + 20;\n\t\tmax-height: 55vh;\n\t}\n}\n","mark.iso-editor-collab-caret {\n\tposition: relative;\n\tbackground: #eee;\n\tcolor: currentColor;\n}\n\nmark.iso-editor-collab-caret.is-collapsed {\n\tbackground: none;\n}\n\nmark.iso-editor-collab-caret::before {\n\tleft: -1px;\n\ttop: 0;\n\tbottom: 0;\n\tposition: absolute;\n\tcontent: '';\n\tfont-size: 1em;\n\twidth: 1px;\n\theight: 1.1em;\n\tbackground: currentColor;\n}\n\nmark.iso-editor-collab-caret.is-shifted::before {\n\tleft: auto;\n\tright: -1px;\n}\n\nmark.iso-editor-collab-caret::after {\n\tposition: absolute;\n\ttop: -24px;\n\tright: -4px;\n\toverflow: hidden;\n\tmin-width: 8px;\n\tmax-width: 140px;\n\ttext-overflow: ellipsis;\n\tmin-height: 8px;\n\tpadding: 5px 6px 6px;\n\tborder-radius: 2px;\n\tcontent: attr( title ); // identity\n\tcolor: var( --iso-editor-collab-caret-label-text-color );\n\tvertical-align: top;\n\tfont-size: 13px;\n\tline-height: 1;\n\twhite-space: nowrap;\n\tbackground: var( --iso-editor-collab-caret-color );\n\n\t// Ensure that bold/italic isn't inherited from the editor selection\n\tfont-style: normal;\n\tfont-weight: normal;\n}\n",".wp-block.is-iso-editor-collab-peer-selected {\n\t// This color is normally overridden by an inline style in the `editor.BlockListBlock` filter.\n\t// The fallback color is here in case the override color doesn't take, due to priority issues with other filters.\n\t--iso-editor-collab-peer-block-color: currentColor;\n\n\tbox-shadow: 0 0 0 1.5px var( --iso-editor-collab-peer-block-color );\n\tborder-radius: 1px;\n}\n","@import '@wordpress/base-styles/_colors';\n@import '@wordpress/base-styles/_variables';\n\n$avatarSize: 32px;\n$avatarBorderWidth: 2px;\n\n.iso-editor-collab-avatars {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin: 0 8px;\n}\n\n.iso-editor-collab-avatars__avatar-btn {\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\twidth: $avatarSize;\n\theight: $avatarSize;\n\tborder-radius: 50%;\n\tborder-width: $avatarBorderWidth;\n\tborder-style: solid;\n\tpadding: 0;\n\tbox-sizing: content-box;\n\n\t&:hover {\n\t\tcursor: pointer;\n\t}\n\n\t& + & {\n\t\tmargin-left: -4px;\n\t\tbox-shadow: 0 0 0 2px $white;\n\t}\n}\n\n.iso-editor-collab-avatars__popover {\n\t// Mostly mimic styles for the core Tooltip component.\n\t// (We could've simply used core Tooltip if the delay was shorter\n\t// and it accepted multi-line text.)\n\t.components-popover__content {\n\t\ttransform: translateY( 8px );\n\t\tbackground: $gray-900;\n\t\tborder-radius: $radius-block-ui;\n\t\tborder-width: 0;\n\t\tcolor: $white;\n\t\twhite-space: nowrap;\n\t\tline-height: 1.4;\n\t\tfont-size: 12px;\n\t\tbox-shadow: none;\n\n\t\t> div {\n\t\t\tpadding: $grid-unit-05 $grid-unit-10;\n\t\t}\n\t}\n}\n\n.iso-editor-collab-avatars__image {\n\twidth: inherit;\n\theight: inherit;\n\tborder-radius: inherit;\n}\n\n.iso-editor-collab-avatars__name-initial {\n\tfont-size: 20px;\n\tline-height: 1;\n\tcolor: $white;\n\ttext-transform: uppercase;\n\tcursor: default;\n}\n\n.iso-editor-collab-avatars__overflow {\n\tdisplay: flex;\n\talign-items: center;\n\tmargin-left: 4px;\n\theight: $avatarSize + ( $avatarBorderWidth * 2 );\n\tcursor: default;\n\tfont-size: 14px;\n\tline-height: 1.4;\n}\n\n.iso-editor-collab-avatars__overflow-list {\n\tmargin: 0;\n\tpadding: 0;\n\tlist-style: none;\n}\n\n.iso-editor-collab-avatars__overflow-list-item {\n\tmargin: 0;\n\n\t& + & {\n\t\tmargin-top: 2px;\n\t}\n}\n\n.iso-editor-collab-avatars__overflow-more {\n\tmargin: 2px 0 0;\n}\n"],"names":[],"sourceRoot":""}