{"version":3,"file":"components.css","mappings":"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ACC;EACA;EACA;AAHF;AAMC;;;EAGC;EACA;AAJF;AAOC;;EAEC;AALF;AASE;;EAEC;AAPH;AAUE;EACC;EACA;EAEA;EACA;EACA;EACA;AATH;AAYI;EACC;AAVL;AAWK;EACC;AATN;AAWK;EACC;EACA;EACA;AATN;AAeE;EAGC;AAfH;AAoBG;;;EAEC;EACA;AAjBJ;AAwBE;;;;EAEC;EACA;EACA;EACA;EACA;AApBH;AAsBG;;;;EACC;AAjBJ;AAoBG;;;;EACC;EACA;AAfJ;AAoBC;;EAEC;AAlBF;AAqBC;;EAEC;EACA;AAnBF;AAuBE;EACC;EACA;AArBH;AAwBE;EACC;AAtBH;AAyBE;EACC;AAvBH;AAyBE;;EAEC;AAvBH;AA2BC;;;EAGC;AAzBF;AA6BE;;;EAGC;AA3BH;AAgCE;;EAEC;EACA;EACA;EACA;EACA;EACA;EACA;AA9BH;AAgCG;;EACC;AA7BJ;AAgCG;;EACC;EACA;AA7BJ;AAkCC;EACC;AAhCF,C;;;;AC1IC;EACC;AAAF;AAEE;EACC;EACA;AAAH;AAEG;;EAEC;EAEA;AADJ;AAGI;;EACC;AAAL;AAOE;EACC;AALH;AAWG;EACC;AATJ,C;;;;ACrBA,gBAAgB;AAAhB;EACC;AAED;AAAC;EACC;EACA;EACA;EACA;EACA;AAEF;AAAE;EACC;EACA;EACA;EACA;AAEH;AAEC;EACC;EACA;EACA;EACA;AAAF;AAEE;EACC;EACA;AAAH;AAIC;EACC;EACA;EACA;EACA;AAFF;AAIE;EACC;AAFH;AAKE;EACC;AAHH;AAIG;EACC;EACA;AAFJ;AAOG;;EAEC;AALJ;AAQG;EACC;EACA;EACA;AANJ;AAWG;;EAEC;EACA;AATJ;AAaE;EACC;EACA;AAXH;AAYG;EACC;AAVJ;AAcE;EACC;AAZH;AAeE;EACC;EACA;AAbH;AAeG;;EAEC;AAbJ,C;;;;ACzEC;EACC;AAAF;AAIE;EACC;AAFH;AAIG;EACC;EACA;EACA;EACA;EACA;EACA;AAFJ;AAKG;EACC;EACA;EACA;EACA;EAEA;AAJJ;AAOG;EACC;EACA;EACA;AALJ;AAOI;;EAEC;EACA;AALL;AAQI;EACC;EACA;AANL;AASI;EACC;EACA;AAPL;AAaC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAXF;AAaE;EACC;EACA;EACA;AAXH;AAcE;EACC;AAZH;AAeE;EACC;AAbH;;AAkBA;EACC;AAfD;AAiBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAfF;AAiBE;EAEC;AAhBH;AAoBC;;EAEC;EACA;AAlBF;AAqBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAnBF;AAsBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AApBF;AAuBC;EACC;EACA;EACA;EACA;AArBF;AAwBC;EACC;EACA;EACA;EACA;EACA;AAtBF;AAyBC;EACC;EACA;EACA;EACA;EACA;EACA;EACA;AAvBF,C","sources":["webpack://popup-maker/core/./packages/components/src/lib/smart-token-control/editor.scss?","webpack://popup-maker/core/./node_modules/@wordpress/base-styles/_colors.scss?","webpack://popup-maker/core/./node_modules/@wordpress/base-styles/_variables.scss?","webpack://popup-maker/core/./node_modules/@wordpress/base-styles/_breakpoints.scss?","webpack://popup-maker/core/./node_modules/@wordpress/base-styles/_functions.scss?","webpack://popup-maker/core/./node_modules/@wordpress/base-styles/_long-content-fade.scss?","webpack://popup-maker/core/./node_modules/@wordpress/base-styles/_mixins.scss?","webpack://popup-maker/core/./packages/components/src/lib/device-toggle/index.scss?","webpack://popup-maker/core/./packages/components/src/lib/field-panel/editor.scss?","webpack://popup-maker/core/./packages/components/src/lib/field-row/editor.scss?","webpack://popup-maker/core/./packages/components/src/lib/freeform-control/editor.scss?","webpack://popup-maker/core/./packages/components/src/lib/list-table/editor.scss?","webpack://popup-maker/core/./packages/components/src/lib/radio-buttons-control/editor.scss?","webpack://popup-maker/core/./packages/components/src/lib/searchable-multicheck-control/editor.scss?","webpack://popup-maker/core/./packages/components/src/lib/url-control/editor.scss?"],"sourcesContent":[".component-smart-token-control {\n\twidth: 100%;\n\n\t.component-smart-token-control__input {\n\t\tpadding: 5px;\n\t\tbox-shadow: 0 0 0 transparent;\n\t\tborder-radius: 4px;\n\t\tborder: 1px solid #8c8f94;\n\t\tmargin: 0 1px;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tjustify-content: space-between;\n\t\tgap: 5px;\n\n\t\t.component-smart-token-control__tokens {\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\talign-items: center;\n\t\t\tflex-grow: 1;\n\t\t\ttext-overflow: ellipsis;\n\t\t\twhite-space: nowrap;\n\t\t\tgap: 5px;\n\n\t\t\t.component-smart-token-control__token {\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tpadding: 0 4px;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tborder: 1px solid #8c8f94;\n\t\t\t\tbackground-color: #eee;\n\t\t\t\twidth: fit-content;\n\t\t\t\ttext-wrap: balance;\n\n\t\t\t\t.component-smart-token-control__token-label {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t}\n\n\t\t\t\tbutton.component-smart-token-control__token-remove {\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\theight: auto;\n\t\t\t\t\tmin-width: auto;\n\t\t\t\t\tmargin-left: 2px;\n\t\t\t\t\tsvg {\n\t\t\t\t\t\twidth: 1em;\n\t\t\t\t\t\theight: 1em;\n\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tinput[type=\"text\"] {\n\t\t\tflex-grow: 1;\n\t\t\tborder: none;\n\t\t\tbackground: transparent;\n\t\t\tbox-shadow: none;\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t\twidth: 100%;\n\t\t\tline-height: 1.2;\n\t\t\tmin-height: auto;\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\t&.input-disabled {\n\t\t\tinput[type=\"text\"] {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t.component-smart-token-control__toggle {\n\t\t\tmin-width: auto;\n\t\t\theight: auto;\n\t\t\tpadding: 0;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n}\n\n.component-smart-token-control__suggestions {\n\t// width: 100%;\n\t// position: relative;\n}\n\n.component-smart-token-control__suggestion {\n\tpadding: 8px 10px;\n\tline-height: 1;\n\tdisplay: block;\n\twidth: max-content;\n\tmin-width: 100%;\n\tcursor: pointer;\n\n\t&:hover,\n\t&:focus,\n\t&.is-currently-highlighted {\n\t\tbackground-color: var(--wp-admin-theme-color);\n\t\tcolor: #fff;\n\t}\n\n\t&.is-selected {\n\t\tbackground-color: #ccc;\n\t\tcursor: pointer;\n\t\t// make unclickable\n\t\tpointer-events: none;\n\t}\n}\n","/**\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 (4.5:1 is minimum) 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-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// Deprecated, please avoid using these.\n$dark-theme-focus: $white;\t// Focus color when the theme is dark.\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@use \"./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; // Todo: deprecate in favor of $family variables\n$default-line-height: 1.4; // Todo: deprecate in favor of $line-height tokens\n\n/**\n * Typography\n */\n\n// Sizes\n$font-size-x-small: 11px;\n$font-size-small: 12px;\n$font-size-medium: 13px;\n$font-size-large: 15px;\n$font-size-x-large: 20px;\n$font-size-2x-large: 32px;\n\n// Line heights\n$font-line-height-x-small: 16px;\n$font-line-height-small: 20px;\n$font-line-height-medium: 24px;\n$font-line-height-large: 28px;\n$font-line-height-x-large: 32px;\n$font-line-height-2x-large: 40px;\n\n// Weights\n$font-weight-regular: 400;\n$font-weight-medium: 500;\n\n// Families\n$font-family-headings: -apple-system, \"system-ui\", \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n$font-family-body: -apple-system, \"system-ui\", \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n$font-family-mono: Menlo, Consolas, monaco, monospace;\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 * Radius scale.\n */\n\n$radius-x-small: 1px;   // Applied to elements like buttons nested within primitives like inputs.\n$radius-small: 2px;     // Applied to most primitives.\n$radius-medium: 4px;    // Applied to containers with smaller padding.\n$radius-large: 8px;     // Applied to containers with larger padding.\n$radius-full: 9999px;   // For pills.\n$radius-round: 50%;     // For circles and ovals.\n\n/**\n * Elevation scale.\n */\n\n// For sections and containers that group related content and controls, which may overlap other content. Example: Preview Frame.\n$elevation-x-small: 0 1px 1px rgba(colors.$black, 0.03), 0 1px 2px rgba(colors.$black, 0.02), 0 3px 3px rgba(colors.$black, 0.02), 0 4px 4px rgba(colors.$black, 0.01);\n\n// For components that provide contextual feedback without being intrusive. Generally non-interruptive. Example: Tooltips, Snackbar.\n$elevation-small: 0 1px 2px rgba(colors.$black, 0.05), 0 2px 3px rgba(colors.$black, 0.04), 0 6px 6px rgba(colors.$black, 0.03), 0 8px 8px rgba(colors.$black, 0.02);\n\n// For components that offer additional actions. Example: Menus, Command Palette\n$elevation-medium: 0 2px 3px rgba(colors.$black, 0.05), 0 4px 5px rgba(colors.$black, 0.04), 0 12px 12px rgba(colors.$black, 0.03), 0 16px 16px rgba(colors.$black, 0.02);\n\n// For components that confirm decisions or handle necessary interruptions. Example: Modals.\n$elevation-large: 0 5px 15px rgba(colors.$black, 0.08), 0 15px 27px rgba(colors.$black, 0.07), 0 30px 36px rgba(colors.$black, 0.04), 0 50px 43px rgba(colors.$black, 0.02);\n\n/**\n * Dimensions.\n */\n\n$icon-size: 24px;\n$button-size: 36px;\n$button-size-next-default-40px: 40px; // transitionary variable for next default button size\n$button-size-small: 24px;\n$button-size-compact: 32px;\n$header-height: 64px;\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: 350px;\n$modal-width-small: 384px;\n$modal-width-medium: 512px;\n$modal-width-large: 840px;\n$spinner-size: 16px;\n$canvas-padding: $grid-unit-20;\n\n/**\n * Mobile specific styles\n */\n$mobile-text-min-font-size: 16px; // Any font size below 16px will cause Mobile Safari to \"zoom in\".\n\n/**\n * Editor styles.\n */\n\n$sidebar-width: 280px;\n$content-width: 840px;\n$wide-content-width: 1100px;\n$widget-area-width: 700px;\n$secondary-sidebar-width: 350px;\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$editor-html-font: $font-family-mono;\n\n/**\n * Block & Editor UI.\n */\n\n$block-toolbar-height: $grid-unit-60;\n$border-width: 1px;\n$border-width-focus-fallback: 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$radio-input-size: 16px;\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 surrounding borders.\n$radius-block-ui: $radius-small;\n$shadow-popover: $elevation-x-small;\n$shadow-modal: $elevation-large;\n$default-font-size: $font-size-medium;\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 * Breakpoints & Media Queries\n */\n\n// Most used breakpoints\n$break-xhuge: 1920px;\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*  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\n@use \"sass:color\";\n@use \"sass:meta\";\n\n@function hex-to-rgb($hex) {\n\t/*\n\t * TODO: `color.{red|green|blue}` will trigger a deprecation warning in Dart Sass,\n\t * but the Sass used by the Gutenberg project doesn't support `color.channel()` yet,\n\t * so we can't migrate to it at this time.\n\t * In the future, after the Gutenberg project has been fully migrated to Dart Sass,\n\t * Remove this conditional statement and use only `color.channel()`.\n\t */\n\t@if meta.function-exists(\"channel\", \"color\") {\n\t\t@return color.channel($hex, \"red\"), color.channel($hex, \"green\"), color.channel($hex, \"blue\");\n\t} @else {\n\t\t@return color.red($hex), color.green($hex), color.blue($hex);\n\t}\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 * Typography\n */\n\n@use \"sass:color\";\n@use \"sass:math\";\n@use \"./variables\";\n@use \"./colors\";\n@use \"./breakpoints\";\n@use \"./functions\";\n@use \"./long-content-fade\";\n\n@mixin _text-heading() {\n\tfont-family: variables.$font-family-headings;\n\tfont-weight: variables.$font-weight-medium;\n}\n\n@mixin _text-body() {\n\tfont-family: variables.$font-family-body;\n\tfont-weight: variables.$font-weight-regular;\n}\n\n@mixin heading-small() {\n\t@include _text-heading();\n\tfont-size: variables.$font-size-x-small;\n\tline-height: variables.$font-line-height-x-small;\n}\n\n@mixin heading-medium() {\n\t@include _text-heading();\n\tfont-size: variables.$font-size-medium;\n\tline-height: variables.$font-line-height-small;\n}\n\n@mixin heading-large() {\n\t@include _text-heading();\n\tfont-size: variables.$font-size-large;\n\tline-height: variables.$font-line-height-small;\n}\n\n@mixin heading-x-large() {\n\t@include _text-heading();\n\tfont-size: variables.$font-size-x-large;\n\tline-height: variables.$font-line-height-medium;\n}\n\n@mixin heading-2x-large() {\n\t@include _text-heading();\n\tfont-size: variables.$font-size-2x-large;\n\tline-height: variables.$font-line-height-2x-large;\n}\n\n@mixin body-small() {\n\t@include _text-body();\n\tfont-size: variables.$font-size-small;\n\tline-height: variables.$font-line-height-x-small;\n}\n\n@mixin body-medium() {\n\t@include _text-body();\n\tfont-size: variables.$font-size-medium;\n\tline-height: variables.$font-line-height-small;\n}\n\n@mixin body-large() {\n\t@include _text-body();\n\tfont-size: variables.$font-size-large;\n\tline-height: variables.$font-line-height-medium;\n}\n\n@mixin body-x-large() {\n\t@include _text-body();\n\tfont-size: variables.$font-size-x-large;\n\tline-height: variables.$font-line-height-x-large;\n}\n\n/**\n * Breakpoint mixins\n */\n\n@mixin break-xhuge() {\n\t@media (min-width: #{ (breakpoints.$break-xhuge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-huge() {\n\t@media (min-width: #{ (breakpoints.$break-huge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-wide() {\n\t@media (min-width: #{ (breakpoints.$break-wide) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-xlarge() {\n\t@media (min-width: #{ (breakpoints.$break-xlarge) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-large() {\n\t@media (min-width: #{ (breakpoints.$break-large) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-medium() {\n\t@media (min-width: #{ (breakpoints.$break-medium) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-small() {\n\t@media (min-width: #{ (breakpoints.$break-small) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-mobile() {\n\t@media (min-width: #{ (breakpoints.$break-mobile) }) {\n\t\t@content;\n\t}\n}\n\n@mixin break-zoomed-in() {\n\t@media (min-width: #{ (breakpoints.$break-zoomed-in) }) {\n\t\t@content;\n\t}\n}\n\n/**\n * Focus styles.\n */\n\n@mixin block-toolbar-button-style__focus() {\n\tbox-shadow: inset 0 0 0 variables.$border-width colors.$white, 0 0 0 var(--wp-admin-border-width-focus) 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// Tabs, Inputs, Square buttons.\n@mixin input-style__neutral() {\n\tbox-shadow: 0 0 0 transparent;\n\tborder-radius: variables.$radius-small;\n\tborder: variables.$border-width solid colors.$gray-600;\n\n\t@media not (prefers-reduced-motion) {\n\t\ttransition: box-shadow 0.1s linear;\n\t}\n}\n\n\n@mixin input-style__focus($accent-color: var(--wp-admin-theme-color)) {\n\tborder-color: $accent-color;\n\t// Expand the default border focus style by .5px to be a total of 1.5px.\n\tbox-shadow: 0 0 0 0.5px $accent-color;\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n}\n\n@mixin button-style__focus() {\n\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) 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@mixin button-style-outset__focus($focus-color) {\n\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) colors.$white, 0 0 0 calc(2 * var(--wp-admin-border-width-focus)) $focus-color;\n\n\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\toutline: 2px solid transparent;\n\toutline-offset: 2px;\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: #{ (breakpoints.$break-medium + 1) }) {\n\t\t\tleft: variables.$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: #{ (breakpoints.$break-medium + 1) }) {\n\t\t\tleft: variables.$admin-sidebar-width-collapsed;\n\t\t}\n\n\t\t@media (min-width: #{ (breakpoints.$break-large + 1) }) {\n\t\t\tleft: variables.$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: #{ (breakpoints.$break-medium + 1) }) {\n\t\t\tleft: variables.$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: variables.$default-font-size;\n\ttext-align: center;\n\n\t.is-dark-theme & {\n\t\tcolor: colors.$light-gray-placeholder;\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($accent-color: var(--wp-admin-theme-color)) {\n\tfont-family: variables.$default-font;\n\tpadding: 6px 8px;\n\t/* Fonts smaller than 16px causes mobile safari to zoom. */\n\tfont-size: variables.$mobile-text-min-font-size;\n\t/* Override core line-height. To be reviewed. */\n\tline-height: normal;\n\t@include input-style__neutral();\n\n\t@include break-small {\n\t\tfont-size: variables.$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($accent-color);\n\t}\n\n\t// Use opacity to work in various editor styles.\n\t&::-webkit-input-placeholder {\n\t\tcolor: colors.$dark-gray-placeholder;\n\t}\n\n\t&::-moz-placeholder {\n\t\tcolor: colors.$dark-gray-placeholder;\n\t}\n\n\t&:-ms-input-placeholder {\n\t\tcolor: colors.$dark-gray-placeholder;\n\t}\n}\n\n@mixin checkbox-control {\n\tborder: variables.$border-width solid colors.$gray-900;\n\tmargin-right: variables.$grid-unit-15;\n\ttransition: none;\n\tborder-radius: variables.$radius-small;\n\t@include input-control;\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 (variables.$border-width * 2) colors.$white, 0 0 0 (variables.$border-width * 2 + variables.$border-width-focus-fallback) 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: colors.$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-next-line font-family-no-missing-generic-family-keyword -- dashicons don't need a generic family keyword. */\n\t\t\tfont: normal 30px/1 dashicons;\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\t&[aria-disabled=\"true\"],\n\t&:disabled {\n\t\tbackground: colors.$gray-100;\n\t\tborder-color: colors.$gray-300;\n\t\tcursor: default;\n\n\t\t// Override style inherited from wp-admin. Required to avoid degraded appearance on different backgrounds.\n\t\topacity: 1;\n\t}\n}\n\n@mixin radio-control {\n\tborder: variables.$border-width solid colors.$gray-900;\n\tmargin-right: variables.$grid-unit-15;\n\ttransition: none;\n\tborder-radius: variables.$radius-round;\n\twidth: variables.$radio-input-size-sm;\n\theight: variables.$radio-input-size-sm;\n\tmin-width: variables.$radio-input-size-sm;\n\tmax-width: variables.$radio-input-size-sm;\n\tposition: relative;\n\n\t@media not (prefers-reduced-motion) {\n\t\ttransition: box-shadow 0.1s linear;\n\t}\n\n\t@include break-small() {\n\t\theight: variables.$radio-input-size;\n\t\twidth: variables.$radio-input-size;\n\t\tmin-width: variables.$radio-input-size;\n\t\tmax-width: variables.$radio-input-size;\n\t}\n\n\t&:checked::before {\n\t\tbox-sizing: inherit;\n\t\twidth: math.div(variables.$radio-input-size-sm, 2);\n\t\theight: math.div(variables.$radio-input-size-sm, 2);\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tleft: 50%;\n\t\ttransform: translate(-50%, -50%);\n\t\tmargin: 0;\n\t\tbackground-color: colors.$white;\n\n\t\t// This border serves as a background color in Windows High Contrast mode.\n\t\tborder: 4px solid colors.$white;\n\n\t\t@include break-small() {\n\t\t\twidth: math.div(variables.$radio-input-size, 2);\n\t\t\theight: math.div(variables.$radio-input-size, 2);\n\t\t}\n\t}\n\n\t&:focus {\n\t\tbox-shadow: 0 0 0 (variables.$border-width * 2) colors.$white, 0 0 0 (variables.$border-width * 2 + variables.$border-width-focus-fallback) 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: none;\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@mixin link-reset {\n\t&:focus {\n\t\tcolor: var(--wp-admin-theme-color--rgb);\n\t\tbox-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba);\n\t\tborder-radius: variables.$radius-small;\n\t}\n}\n\n// The editor input reset with increased specificity to avoid theme styles bleeding in.\n@mixin editor-input-reset() {\n\tfont-family: variables.$editor-html-font !important;\n\tcolor: colors.$gray-900 !important;\n\tbackground: colors.$white !important;\n\tpadding: variables.$grid-unit-15 !important;\n\tborder: variables.$border-width solid colors.$gray-900 !important;\n\tbox-shadow: none !important;\n\tborder-radius: variables.$radius-small !important;\n\n\t// Fonts smaller than 16px causes mobile safari to zoom.\n\tfont-size: variables.$mobile-text-min-font-size !important;\n\t@include break-small {\n\t\tfont-size: variables.$default-font-size !important;\n\t}\n\n\t&:focus {\n\t\tborder-color: var(--wp-admin-theme-color) !important;\n\t\tbox-shadow: 0 0 0 (variables.$border-width-focus-fallback - variables.$border-width) var(--wp-admin-theme-color) !important;\n\n\t\t// Windows High Contrast mode will show this outline, but not the box-shadow.\n\t\toutline: 2px solid transparent !important;\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: colors.$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: colors.$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: #{functions.hex-to-rgb($color-primary)};\n\t// Darker shades.\n\t--wp-admin-theme-color-darker-10: #{color.adjust($color-primary, $lightness: -5%)};\n\t--wp-admin-theme-color-darker-10--rgb: #{functions.hex-to-rgb(color.adjust($color-primary, $lightness: -5%))};\n\t--wp-admin-theme-color-darker-20: #{color.adjust($color-primary, $lightness: -10%)};\n\t--wp-admin-theme-color-darker-20--rgb: #{functions.hex-to-rgb(color.adjust($color-primary, $lightness: -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// Our classes uses the same values we set for gradient value attributes.\n\n\t/* stylelint-disable @stylistic/function-comma-space-after -- We can not use spacing because of WP multi site kses rule. */\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 @stylistic/function-comma-space-after */\n}\n\n@mixin custom-scrollbars-on-hover($handle-color, $handle-color-hover) {\n\n\t// WebKit\n\t&::-webkit-scrollbar {\n\t\twidth: 12px;\n\t\theight: 12px;\n\t}\n\t&::-webkit-scrollbar-track {\n\t\tbackground-color: transparent;\n\t}\n\t&::-webkit-scrollbar-thumb {\n\t\tbackground-color: $handle-color;\n\t\tborder-radius: 8px;\n\t\tborder: 3px solid transparent;\n\t\tbackground-clip: padding-box;\n\t}\n\t&:hover::-webkit-scrollbar-thumb, // This needs specificity.\n\t&:focus::-webkit-scrollbar-thumb,\n\t&:focus-within::-webkit-scrollbar-thumb {\n\t\tbackground-color: $handle-color-hover;\n\t}\n\n\t// Firefox 109+ and Chrome 111+\n\tscrollbar-width: thin;\n\tscrollbar-gutter: stable both-edges;\n\tscrollbar-color: $handle-color transparent; // Syntax, \"dark\", \"light\", or \"#handle-color #track-color\"\n\n\t&:hover,\n\t&:focus,\n\t&:focus-within {\n\t\tscrollbar-color: $handle-color-hover transparent;\n\t}\n\n\t// Needed to fix a Safari rendering issue.\n\twill-change: transform;\n\n\t// Always show scrollbar on Mobile devices.\n\t@media (hover: none) {\n\t\t& {\n\t\t\tscrollbar-color: $handle-color-hover transparent;\n\t\t}\n\t}\n}\n\n@mixin selected-block-outline($widthRatio: 1) {\n\toutline-color: var(--wp-admin-theme-color);\n\toutline-style: solid;\n\toutline-width: calc(#{$widthRatio} * (var(--wp-admin-border-width-focus) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));\n\toutline-offset: calc(#{$widthRatio} * ((-1 * var(--wp-admin-border-width-focus) ) / var(--wp-block-editor-iframe-zoom-out-scale, 1)));\n}\n\n@mixin selected-block-focus($widthRatio: 1) {\n\tcontent: \"\";\n\tposition: absolute;\n\tpointer-events: none;\n\ttop: 0;\n\tright: 0;\n\tbottom: 0;\n\tleft: 0;\n\t@include selected-block-outline($widthRatio);\n}\n","@import \"~@wordpress/base-styles/variables\";\n@import \"~@wordpress/base-styles/mixins\";\n@import \"~@wordpress/base-styles/colors\";\n\n.pum__component-device-toggle {\n\tdisplay: flex;\n\tjustify-content: space-between;\n\n\t.pum__component-device-toggle__label,\n\t.pum__component-device-toggle__control {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: $grid-unit-20;\n\t}\n\n\t.pum__component-device-toggle__label {\n\t\tsvg {\n\t\t\tmargin-right: $grid-unit-10;\n\t\t}\n\t}\n\n\t.pum__component-device-toggle__control {\n\t\t.components-base-control,\n\t\t.components-toggle-control .components-base-control__field {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t.components-form-toggle {\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmargin-left: $grid-unit-10;\n\t\t\t}\n\t\t}\n\n\t\tlabel {\n\t\t\tdisplay: none !important;\n\t\t}\n\t}\n}\n",".components-field-panel {\n\tmargin: 0 0 30px;\n\n\t.components-panel__body {\n\t\tposition: relative;\n\t\tz-index: 0;\n\t}\n}\n",".components-field-row {\n\tdisplay: grid;\n\tgrid-template-columns: 3fr 2.5fr;\n\tpadding: 15px 0;\n\tmargin: 0;\n\n\t> .components-base-control {\n\t\t// margin-bottom: 0 !important;\n\t\t// width: 50%;\n\t}\n\n\t> .components-base-control__field {\n\t\t// width: 40%;\n\t}\n\n\t&.full-width {\n\t\t> .components-base-control,\n\t\t> .components-base-control__field {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n\n\t.components-base-control__help {\n\t\tmargin-top: calc(8px);\n\t\tfont-size: 12px;\n\t\tfont-style: normal;\n\t\tcolor: rgb(117, 117, 117);\n\t\tmargin-bottom: revert;\n\t}\n}\n\n.components-field-row + .components-field-row {\n\tborder-top: 1px solid #ddd;\n\tpadding-top: 30px;\n}\n","@use \"sass:math\";\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\n// Need to import the math functions to use them in the loop below.\n\n.component-freeform-edit-control {\n\t.mce-content-body {\n\t\tz-index: 1;\n\t\tborder: 1px solid $gray-300;\n\t}\n}\n\n.wp-block-freeform.block-library-rich-text__tinymce {\n\theight: auto; /* Allow height of embed iframes to be calculated properly */\n\tp,\n\tli {\n\t\tline-height: $editor-line-height;\n\t}\n\n\tul,\n\tol {\n\t\tpadding-left: 2.5em;\n\t\tmargin-left: 0;\n\t}\n\n\tblockquote {\n\t\tmargin: 0;\n\t\tbox-shadow: inset 0 0 0 0 $gray-300;\n\t\tborder-left: 4px solid $black;\n\t\tpadding-left: 1em;\n\t}\n\n\tpre {\n\t\twhite-space: pre-wrap;\n\t\tfont-family: $editor-html-font;\n\t\tfont-size: $text-editor-font-size;\n\t\tcolor: $gray-900;\n\t}\n\n\t> *:first-child {\n\t\tmargin-top: 0;\n\t}\n\n\t> *:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\n\t&.mce-edit-focus {\n\t\toutline: none;\n\t}\n\n\ta {\n\t\tcolor: var(--wp-admin-theme-color);\n\t}\n\n\t&:focus a[data-mce-selected] {\n\t\tpadding: 0 2px;\n\t\tmargin: 0 -2px;\n\t\tborder-radius: 2px;\n\t\tbox-shadow: 0 0 0 $border-width #e5f5fa;\n\t\tbackground: #e5f5fa;\n\t}\n\n\tcode {\n\t\tpadding: 2px;\n\t\tborder-radius: 2px;\n\t\tcolor: $gray-900;\n\t\tbackground: $gray-100;\n\t\tfont-family: $editor-html-font;\n\t\tfont-size: 14px;\n\t}\n\n\t&:focus code[data-mce-selected] {\n\t\tbackground: $gray-300;\n\t}\n\n\t.alignright {\n\t\t/*rtl:ignore*/\n\t\tfloat: right;\n\t\t/*rtl:ignore*/\n\t\tmargin: 0.5em 0 0.5em 1em;\n\t}\n\n\t.alignleft {\n\t\t/*rtl:ignore*/\n\t\tfloat: left;\n\t\t/*rtl:ignore*/\n\t\tmargin: 0.5em 1em 0.5em 0;\n\t}\n\n\t.aligncenter {\n\t\tdisplay: block;\n\t\tmargin-left: auto;\n\t\tmargin-right: auto;\n\t}\n\n\t.wp-more-tag {\n\t\twidth: 96%;\n\t\theight: 20px;\n\t\tdisplay: block;\n\t\tmargin: 15px auto;\n\t\toutline: 0;\n\t\tcursor: default;\n\t\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC);\n\t\tbackground-size: 1900px 20px;\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center;\n\t}\n\n\t/* Remove blue highlighting of selected images in WebKit */\n\timg::selection {\n\t\tbackground-color: transparent;\n\t}\n\n\tdiv.mceTemp {\n\t\t-ms-user-select: element;\n\t\tuser-select: element;\n\t}\n\n\t/* Image captions */\n\tdl.wp-caption {\n\t\tmargin: 0; /* dl browser reset */\n\t\tmax-width: 100%;\n\n\t\ta,\n\t\timg {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&,\n\t\t& * {\n\t\t\t-webkit-user-drag: none;\n\t\t}\n\n\t\t.wp-caption-dd {\n\t\t\tpadding-top: 0.5em;\n\t\t\tmargin: 0; /* browser dd reset */\n\t\t}\n\t}\n\n\t/* WP Views */\n\t.wpview {\n\t\twidth: 99.99%; /* All IE need hasLayout, incl. 11 (ugh, not again!!) */\n\t\tposition: relative;\n\t\tclear: both;\n\t\tmargin-bottom: 16px;\n\t\tborder: 1px solid transparent;\n\n\t\tiframe {\n\t\t\tdisplay: block;\n\t\t\tmax-width: 100%;\n\t\t\tbackground: transparent;\n\t\t}\n\n\t\t.mce-shim {\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t}\n\n\t\t&[data-mce-selected=\"2\"] .mce-shim {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.loading-placeholder {\n\t\t\tborder: 1px dashed $gray-300;\n\t\t\tpadding: 10px;\n\t\t}\n\n\t\t.wpview-error {\n\t\t\tborder: 1px solid $gray-300;\n\t\t\tpadding: 1em 0;\n\t\t\tmargin: 0;\n\t\t\tword-wrap: break-word;\n\n\t\t\tp {\n\t\t\t\tmargin: 0;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\t\t&[data-mce-selected] .loading-placeholder,\n\t\t&[data-mce-selected] .wpview-error {\n\t\t\tborder-color: transparent;\n\t\t}\n\n\t\t.dashicons {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t\twidth: 32px;\n\t\t\theight: 32px;\n\t\t\tfont-size: 32px;\n\t\t}\n\n\t\t// The following gallery styles were replicated\n\t\t// from the styles applied in the tinymce skin,\n\t\t// /wp-includes/js/tinymce/skins/wordpress/wp-content.css.\n\t\t&.wpview-type-gallery::after {\n\t\t\tcontent: \"\";\n\t\t\tdisplay: table;\n\t\t\tclear: both;\n\t\t}\n\t}\n\n\t.gallery img[data-mce-selected]:focus {\n\t\toutline: none;\n\t}\n\n\t.gallery a {\n\t\tcursor: default;\n\t}\n\n\t.gallery {\n\t\tmargin: auto -6px;\n\t\tpadding: 6px 0;\n\t\tline-height: 1;\n\t\toverflow-x: hidden;\n\t}\n\n\t.gallery .gallery-item {\n\t\tfloat: left;\n\t\tmargin: 0;\n\t\ttext-align: center;\n\t\tpadding: 6px;\n\t\tbox-sizing: border-box;\n\t}\n\n\t.gallery .gallery-caption,\n\t.gallery .gallery-icon {\n\t\tmargin: 0;\n\t}\n\n\t.gallery .gallery-caption {\n\t\tfont-size: 13px;\n\t\tmargin: 4px 0;\n\t}\n\n\t@for $i from 1 through 9 {\n\t\t.gallery-columns-#{ $i } .gallery-item {\n\t\t\twidth: #{math.div(100, $i) + \"%\"};\n\t\t}\n\t}\n\n\t.gallery img {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t\tborder: none;\n\t\tpadding: 0;\n\t}\n}\n\n// mce global styles: the toolbars may get appended to <body>\n.mce-toolbar-grp {\n\tz-index: 9999;\n\t// Not sure why this is necessary, there seems to be a skin file that\n\t// overrides this upstream.\n\t.mce-btn.mce-active button,\n\t.mce-btn.mce-active:hover button,\n\t.mce-btn.mce-active i,\n\t.mce-btn.mce-active:hover i {\n\t\tcolor: $gray-900;\n\t}\n\n\t// Prevent toolbar clipping on heading style in RTL languages\n\t.mce-rtl .mce-flow-layout-item.mce-last {\n\t\tmargin-right: 0;\n\t\tmargin-left: 8px;\n\t}\n\n\t// Prevent i tags in buttons from picking up theme editor styles.\n\t.mce-btn i {\n\t\tfont-style: normal;\n\t}\n}\n\n.block-library-classic__toolbar {\n\t// Only display the classic toolbar when the classic block is selected or when the\n\t// block is empty or loading and the placeholder should be displayed.\n\t// display: none;\n\twidth: auto;\n\tmargin: 0;\n\tposition: sticky;\n\tz-index: 2;\n\ttop: 0;\n\tborder: $border-width solid $gray-300;\n\tborder-bottom: none;\n\tborder-radius: $radius-block-ui;\n\t// margin-bottom: $grid-unit-10;\n\n\t// On mobile, toolbars go edge to edge.\n\tpadding: 0;\n\n\t// Remove the box shadow to mimic other Gutenberg UI.\n\t.mce-tinymce {\n\t\tbox-shadow: none;\n\t}\n\n\t@include break-small() {\n\t\tpadding: 0;\n\t}\n\n\t&:empty {\n\t\tdisplay: block;\n\t\tbackground: #f5f5f5;\n\t\tborder-bottom: $border-width solid #e2e4e7;\n\n\t\t&::before {\n\t\t\tfont-family: $default-font;\n\t\t\tfont-size: $default-font-size;\n\t\t\tcontent: attr(data-placeholder);\n\t\t\tcolor: #555d66;\n\t\t\tline-height: 37px;\n\t\t\tpadding: $block-padding;\n\t\t}\n\t}\n\n\tdiv.mce-toolbar-grp {\n\t\tborder-bottom: 1px solid $gray-900;\n\t}\n\n\t// Overwrite inline styles.\n\t.mce-tinymce-inline,\n\t.mce-tinymce-inline > div,\n\tdiv.mce-toolbar-grp,\n\tdiv.mce-toolbar-grp > div,\n\t.mce-menubar,\n\t.mce-menubar > div {\n\t\theight: auto !important;\n\t\twidth: 100% !important;\n\t}\n\n\t.mce-container-body.mce-abs-layout {\n\t\toverflow: visible;\n\t}\n\n\t.mce-menubar,\n\tdiv.mce-toolbar-grp {\n\t\tposition: static;\n\t}\n\n\t// Adjust padding to not cause a jump.\n\t.mce-toolbar-grp > div {\n\t\tpadding: 1px 3px;\n\t}\n\n\t.mce-toolbar-grp .mce-toolbar:not(:first-child) {\n\t\tdisplay: none;\n\t}\n\n\t&.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {\n\t\tdisplay: block;\n\t}\n}\n\n.block-editor-freeform-modal {\n\t.block-editor-freeform-modal__content {\n\t\t.mce-edit-area iframe {\n\t\t\theight: 50vh !important;\n\t\t}\n\t\t// On large screens, make the TinyMCE edit area grow to take all the\n\t\t// available height so that the Cancel/Save buttons are always into the\n\t\t// view. On smaller screens, the modal content is scrollable.\n\t\t@include break-large() {\n\t\t\t// On medium and large screens, the modal component sets a max-height.\n\t\t\t// We want the modal to be as tall as possible also when the content is short.\n\t\t\t&:not(.is-full-screen) {\n\t\t\t\theight: 9999rem;\n\t\t\t}\n\n\t\t\t.components-modal__header + div {\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t.mce-tinymce {\n\t\t\t\theight: calc(100% - #{$button-size} - #{$grid-unit-20});\n\t\t\t}\n\n\t\t\t.mce-container-body {\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tmin-width: 50vw;\n\t\t\t}\n\n\t\t\t.mce-edit-area {\n\t\t\t\tflex-grow: 1;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\n\t\t\t\tiframe {\n\t\t\t\t\tflex-grow: 1;\n\t\t\t\t\t// Override the height TinyMCE sets via JavaScript so that it\n\t\t\t\t\t// can shrink to a smaller height. The actual height is\n\t\t\t\t\t// determined by Flexbox.\n\t\t\t\t\theight: 10px !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&__actions {\n\t\tmargin-top: $grid-unit-20;\n\t}\n}\n","$border-options: solid #c3c4c7;\n\n.component-list-table {\n\twidth: 100%;\n\tbackground: #f9fafb;\n\tborder: 1px solid #ddd;\n\tbox-shadow: 0 1px 1px rgb(0 0 0 / 4%);\n\tborder-spacing: 0;\n\n\t* {\n\t\tword-wrap: break-word;\n\t}\n\n\tth,\n\ttd {\n\t\tpadding: 10px;\n\t\tcolor: #50575e;\n\t}\n\n\ttd {\n\t\tvertical-align: top;\n\t\tfont-size: 13px;\n\t\tline-height: 1.5em;\n\t}\n\n\tth,\n\tthead td,\n\ttfoot td {\n\t\ttext-align: left;\n\t\tfont-size: 14px;\n\t}\n\n\tthead,\n\ttfoot {\n\t\tbackground-color: #fff;\n\t}\n\n\ttbody tr {\n\t\ttd,\n\t\tth {\n\t\t\tborder-bottom: 1px solid #ddd;\n\t\t}\n\n\t\t.item-actions {\n\t\t\tposition: relative;\n\t\t\tleft: -9999px;\n\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex-wrap: wrap;\n\t\t\tgap: 10px;\n\n\t\t\t.components-button.is-link {\n\t\t\t\t&.is-destructive {\n\t\t\t\t\tcolor: #cc1818;\n\t\t\t\t\t&:focus:not(:disabled) {\n\t\t\t\t\t\tcolor: #cc1818;\n\t\t\t\t\t}\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: #710d0d;\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\tbox-shadow: none !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover .item-actions,\n\t\t&:focus .item-actions,\n\t\t&:focus-within .item-actions {\n\t\t\tleft: 0;\n\t\t}\n\n\t\t&:last-child,\n\t\t&:last-child {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tborder-bottom: none !important;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\n\tthead,\n\ttfoot {\n\t\tth,\n\t\ttd {\n\t\t\tborder-top: 1px solid #c3c4c7;\n\t\t\tborder-bottom: none;\n\t\t\tline-height: 1.4em;\n\t\t\tcolor: #2c3338;\n\t\t\tfont-weight: 400;\n\n\t\t\t&.sortable {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\n\t\t\t&.check-column {\n\t\t\t\tvertical-align: middle;\n\t\t\t\twidth: 2.2em;\n\t\t\t}\n\t\t}\n\t}\n\n\tthead th,\n\tthead td {\n\t\tborder-bottom: 1px solid #c3c4c7;\n\t}\n\n\ttfoot th,\n\ttfoot td {\n\t\tborder-top: 1px solid #c3c4c7;\n\t\tborder-bottom: none;\n\t}\n\n\t.check-column {\n\t\t.components-checkbox-control__input[type=\"checkbox\"] {\n\t\t\tborder-color: #c3c4c7;\n\t\t\tz-index: 1;\n\t\t}\n\n\t\tsvg {\n\t\t\tz-index: 2;\n\t\t}\n\n\t\t.components-base-control__field {\n\t\t\tmargin-bottom: 0 !important;\n\t\t}\n\t\t.components-checkbox-control__input-container,\n\t\t.components-checkbox-control__input {\n\t\t\tmargin-right: 0 !important;\n\t\t}\n\t}\n\n\ta,\n\tbutton.button,\n\tbutton.is-link {\n\t\ttext-decoration: none;\n\t}\n\n\ttbody {\n\t\ta,\n\t\tbutton.button,\n\t\tbutton.is-link {\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n\n\tth.sortable {\n\t\ta,\n\t\tbutton {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\twidth: 100%;\n\t\t\theight: 36px;\n\t\t\toverflow: hidden;\n\t\t\tpadding: 10px;\n\t\t\tfont-size: 14px;\n\n\t\t\tspan {\n\t\t\t\tline-height: 1;\n\t\t\t}\n\n\t\t\tsvg {\n\t\t\t\tmargin-left: 3px;\n\t\t\t\tfill: black;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.striped > tbody > :nth-child(odd) {\n\t\tbackground-color: #f6f7f7;\n\t}\n}\n",".components-radio-button-control {\n\t.options {\n\t\tdisplay: flex;\n\n\t\t.components-button {\n\t\t\tpadding: 12px 12px;\n\t\t\tjustify-content: center;\n\n\t\t\t.components-icon,\n\t\t\tsvg {\n\t\t\t\tmargin-right: 10px;\n\n\t\t\t\tstroke: currentColor;\n\n\t\t\t\t&.pum-icon {\n\t\t\t\t\tfill: transparent;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&.vertical {\n\t\t.options {\n\t\t\tflex-direction: column;\n\t\t}\n\t}\n\n\t&.equal-width {\n\t\t.options {\n\t\t\t.components-button {\n\t\t\t\tflex: 1 0 0%;\n\t\t\t}\n\t\t}\n\t}\n}\n",".component-searchable-multicheck-control {\n\tposition: relative;\n\n\t.select-actions {\n\t\tposition: absolute;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tdisplay: flex;\n\t\tgap: 16px;\n\n\t\t.components-button {\n\t\t\tfont-size: 12px;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: 1.4;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n\n\t.icon-input {\n\t\tposition: relative;\n\t\tvertical-align: middle;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\tsvg {\n\t\t\tposition: absolute;\n\t\t\tright: 1em;\n\t\t}\n\t}\n\n\ttable {\n\t\twidth: 100%;\n\t\tpadding: 8px;\n\t\tbackground: #fff;\n\t\tborder-spacing: 0;\n\n\t\t* {\n\t\t\tword-wrap: break-word;\n\t\t}\n\n\t\t.label-column {\n\t\t\ttext-align: left;\n\t\t\t.components-button {\n\t\t\t\tposition: relative;\n\t\t\t\tleft: -4px;\n\t\t\t}\n\t\t}\n\n\t\tthead {\n\t\t\ttd,\n\t\t\tth {\n\t\t\t\tborder-bottom: 1px solid #cccccc;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tline-height: 0.5em;\n\t\t\t\tcontent: \"\\200C\";\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\ttbody tr {\n\t\t\tth,\n\t\t\ttd {\n\t\t\t\tpadding: 4px 0;\n\t\t\t\tcolor: #50575e;\n\t\t\t}\n\t\t}\n\n\t\ttbody tr td:first-child {\n\t\t\tfont-weight: bold;\n\t\t\ttext-align: left;\n\t\t\t> span {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t}\n\n\t\ttbody tr th:last-child {\n\t\t\ttext-align: center;\n\t\t}\n\n\t\t.cb-column {\n\t\t\twidth: 80px;\n\t\t\ttext-align: center;\n\n\t\t\t*,\n\t\t\t.components-checkbox-control {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\t}\n}\n",".components-url-control {\n\t.components-base-control__label {\n\t\tdisplay: block;\n\t}\n\n\t.url-control-wrapper {\n\t\t.url-control {\n\t\t\tposition: relative;\n\n\t\t\t.url-control__input-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 9px;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t\tcolor: #1e1e1e;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\t.url-control__input {\n\t\t\t\tdisplay: block;\n\t\t\t\twidth: 100%;\n\t\t\t\tmin-height: 50px;\n\t\t\t\tfont-size: 1.2em;\n\t\t\t\t// padding: 9px 9px 9px 30px;\n\t\t\t\tpadding-left: 36px;\n\t\t\t}\n\n\t\t\t.url-control__actions {\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 9px;\n\t\t\t\ttop: 9px;\n\n\t\t\t\t.components-button,\n\t\t\t\t.components-spinner {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tmargin: 0 0 0 5px;\n\t\t\t\t}\n\n\t\t\t\t.components-button {\n\t\t\t\t\theight: auto;\n\t\t\t\t\tmin-width: auto;\n\t\t\t\t}\n\n\t\t\t\t.components-spinner {\n\t\t\t\t\theight: 24px;\n\t\t\t\t\twidth: 24px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.chosen-suggestion {\n\t\tdisplay: flex;\n\t\talign-items: top;\n\t\tgap: 8px;\n\t\tpadding: 12px 16px;\n\t\tbackground-color: #f0f0f0;\n\t\tborder-radius: 2px;\n\t\tfont-size: 13px;\n\n\t\t.suggestion-item-header {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 0;\n\t\t}\n\n\t\t.suggestion-item-title {\n\t\t\tfont-weight: 500;\n\t\t}\n\n\t\t.suggestion-item-info {\n\t\t\tcolor: #757575;\n\t\t}\n\t}\n}\n\n.suggestions-popover>.components-popover__content {\n\twidth: fit-content;\n\n\t.suggestion {\n\t\talign-items: flex-start;\n\t\tbackground: #fff;\n\t\tborder: none;\n\t\tborder-radius: 2px;\n\t\tcursor: pointer;\n\t\tdisplay: flex;\n\t\tfont-size: 13px;\n\t\theight: auto;\n\t\tpadding: 12px 16px;\n\t\tposition: relative;\n\t\ttext-align: left;\n\t\twidth: 100%;\n\n\t\t&:hover,\n\t\t&.is-selected {\n\t\t\tbackground-color: #f0f0f0;\n\t\t}\n\t}\n\n\t.suggestion-item-info,\n\t.suggestion-item-title {\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\n\t.suggestion-item-header {\n\t\talign-items: flex-start;\n\t\tdisplay: block;\n\t\tflex-direction: row;\n\t\tmargin-right: 8px;\n\t\toverflow-wrap: break-word;\n\t\twhite-space: pre-wrap;\n\t\tword-break: break-all;\n\t\ttext-align: left;\n\t}\n\n\t.suggestion-item-icon {\n\t\tdisplay: flex;\n\t\tflex-shrink: 0;\n\t\tjustify-content: center;\n\t\tmargin-right: 8px;\n\t\tmax-height: 24px;\n\t\tposition: relative;\n\t\ttop: 0.2em;\n\t\twidth: 24px;\n\t}\n\n\t.suggestion-item-title {\n\t\tdisplay: block;\n\t\tfont-weight: 500;\n\t\tmargin-bottom: 0.2em;\n\t\tposition: relative;\n\t}\n\n\t.suggestion-item-info {\n\t\tcolor: #757575;\n\t\tdisplay: block;\n\t\tfont-size: 0.9em;\n\t\tline-height: 1.3;\n\t\tword-break: break-all;\n\t}\n\n\t.suggestion-item-type {\n\t\tbackground-color: #f0f0f0;\n\t\tborder-radius: 2px;\n\t\tdisplay: block;\n\t\tfont-size: 0.9em;\n\t\tmargin-left: auto;\n\t\tpadding: 3px 6px;\n\t\twhite-space: nowrap;\n\t}\n}"],"names":[],"sourceRoot":""}