/**

[0] Fix | Delete

* Colors

[1] Fix | Delete

*/

[2] Fix | Delete

/**

[3] Fix | Delete

* Breakpoints & Media Queries

[4] Fix | Delete

*/

[5] Fix | Delete

/**

[6] Fix | Delete

* SCSS Variables.

[7] Fix | Delete

*

[8] Fix | Delete

* Please use variables from this sheet to ensure consistency across the UI.

[9] Fix | Delete

* Don't add to this sheet unless you're pretty sure the value will be reused in many places.

[10] Fix | Delete

* For example, don't add rules to this sheet that affect block visuals. It's purely for UI.

[11] Fix | Delete

*/

[12] Fix | Delete

/**

[13] Fix | Delete

* Colors

[14] Fix | Delete

*/

[15] Fix | Delete

/**

[16] Fix | Delete

* Fonts & basic variables.

[17] Fix | Delete

*/

[18] Fix | Delete

/**

[19] Fix | Delete

* Grid System.

[20] Fix | Delete

* https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/

[21] Fix | Delete

*/

[22] Fix | Delete

/**

[23] Fix | Delete

* Dimensions.

[24] Fix | Delete

*/

[25] Fix | Delete

/**

[26] Fix | Delete

* Shadows.

[27] Fix | Delete

*/

[28] Fix | Delete

/**

[29] Fix | Delete

* Editor widths.

[30] Fix | Delete

*/

[31] Fix | Delete

/**

[32] Fix | Delete

* Block & Editor UI.

[33] Fix | Delete

*/

[34] Fix | Delete

/**

[35] Fix | Delete

* Block paddings.

[36] Fix | Delete

*/

[37] Fix | Delete

/**

[38] Fix | Delete

* React Native specific.

[39] Fix | Delete

* These variables do not appear to be used anywhere else.

[40] Fix | Delete

*/

[41] Fix | Delete

/**

[42] Fix | Delete

* Breakpoint mixins

[43] Fix | Delete

*/

[44] Fix | Delete

/**

[45] Fix | Delete

* Long content fade mixin

[46] Fix | Delete

*

[47] Fix | Delete

* Creates a fading overlay to signify that the content is longer

[48] Fix | Delete

* than the space allows.

[49] Fix | Delete

*/

[50] Fix | Delete

/**

[51] Fix | Delete

* Focus styles.

[52] Fix | Delete

*/

[53] Fix | Delete

/**

[54] Fix | Delete

* Applies editor left position to the selector passed as argument

[55] Fix | Delete

*/

[56] Fix | Delete

/**

[57] Fix | Delete

* Styles that are reused verbatim in a few places

[58] Fix | Delete

*/

[59] Fix | Delete

/**

[60] Fix | Delete

* Allows users to opt-out of animations via OS-level preferences.

[61] Fix | Delete

*/

[62] Fix | Delete

/**

[63] Fix | Delete

* Reset default styles for JavaScript UI based pages.

[64] Fix | Delete

* This is a WP-admin agnostic reset

[65] Fix | Delete

*/

[66] Fix | Delete

/**

[67] Fix | Delete

* Reset the WP Admin page styles for Gutenberg-like pages.

[68] Fix | Delete

*/

[69] Fix | Delete

/**

[70] Fix | Delete

* These are default block editor widths in case the theme doesn't provide them.

[71] Fix | Delete

*/

[72] Fix | Delete

:root {

[73] Fix | Delete

--wp-admin-theme-color: #007cba;

[74] Fix | Delete

--wp-admin-theme-color-darker-10: #006ba1;

[75] Fix | Delete

--wp-admin-theme-color-darker-20: #005a87;

[76] Fix | Delete

--wp-admin-border-width-focus: 2px;

[77] Fix | Delete

}

[78] Fix | Delete

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {

[79] Fix | Delete

:root {

[80] Fix | Delete

--wp-admin-border-width-focus: 1.5px;

[81] Fix | Delete

}

[82] Fix | Delete

}

[83] Fix | Delete

[84] Fix | Delete

.nux-dot-tip::before, .nux-dot-tip::after {

[85] Fix | Delete

border-radius: 100%;

[86] Fix | Delete

content: " ";

[87] Fix | Delete

pointer-events: none;

[88] Fix | Delete

position: absolute;

[89] Fix | Delete

}

[90] Fix | Delete

.nux-dot-tip::before {

[91] Fix | Delete

animation: nux-pulse 1.6s infinite cubic-bezier(0.17, 0.67, 0.92, 0.62);

[92] Fix | Delete

background: rgba(0, 115, 156, 0.9);

[93] Fix | Delete

opacity: 0.9;

[94] Fix | Delete

height: 24px;

[95] Fix | Delete

left: -12px;

[96] Fix | Delete

top: -12px;

[97] Fix | Delete

transform: scale(0.3333333333);

[98] Fix | Delete

width: 24px;

[99] Fix | Delete

}

[100] Fix | Delete

.nux-dot-tip::after {

[101] Fix | Delete

background: #00739c;

[102] Fix | Delete

height: 8px;

[103] Fix | Delete

left: -4px;

[104] Fix | Delete

top: -4px;

[105] Fix | Delete

width: 8px;

[106] Fix | Delete

}

[107] Fix | Delete

@keyframes nux-pulse {

[108] Fix | Delete

100% {

[109] Fix | Delete

background: rgba(0, 115, 156, 0);

[110] Fix | Delete

transform: scale(1);

[111] Fix | Delete

}

[112] Fix | Delete

}

[113] Fix | Delete

.nux-dot-tip .components-popover__content {

[114] Fix | Delete

width: 350px;

[115] Fix | Delete

}

[116] Fix | Delete

.nux-dot-tip .components-popover__content > div {

[117] Fix | Delete

padding: 20px 18px;

[118] Fix | Delete

}

[119] Fix | Delete

@media (min-width: 600px) {

[120] Fix | Delete

.nux-dot-tip .components-popover__content {

[121] Fix | Delete

width: 450px;

[122] Fix | Delete

}

[123] Fix | Delete

}

[124] Fix | Delete

.nux-dot-tip .components-popover__content .nux-dot-tip__disable {

[125] Fix | Delete

position: absolute;

[126] Fix | Delete

right: 0;

[127] Fix | Delete

top: 0;

[128] Fix | Delete

}

[129] Fix | Delete

.nux-dot-tip[data-y-axis=top] {

[130] Fix | Delete

margin-top: -4px;

[131] Fix | Delete

}

[132] Fix | Delete

.nux-dot-tip[data-y-axis=bottom] {

[133] Fix | Delete

margin-top: 4px;

[134] Fix | Delete

}

[135] Fix | Delete

.nux-dot-tip[data-y-axis=middle][data-y-axis=left] {

[136] Fix | Delete

margin-left: -4px;

[137] Fix | Delete

}

[138] Fix | Delete

.nux-dot-tip[data-y-axis=middle][data-y-axis=right] {

[139] Fix | Delete

margin-left: 4px;

[140] Fix | Delete

}

[141] Fix | Delete

.nux-dot-tip[data-y-axis=top] .components-popover__content {

[142] Fix | Delete

margin-bottom: 20px;

[143] Fix | Delete

}

[144] Fix | Delete

.nux-dot-tip[data-y-axis=bottom] .components-popover__content {

[145] Fix | Delete

margin-top: 20px;

[146] Fix | Delete

}

[147] Fix | Delete

.nux-dot-tip[data-y-axis=middle][data-y-axis=left] .components-popover__content {

[148] Fix | Delete

margin-right: 20px;

[149] Fix | Delete

}

[150] Fix | Delete

.nux-dot-tip[data-y-axis=middle][data-y-axis=right] .components-popover__content {

[151] Fix | Delete

margin-left: 20px;

[152] Fix | Delete

}

[153] Fix | Delete

.nux-dot-tip[data-y-axis=left], .nux-dot-tip[data-y-axis=center], .nux-dot-tip[data-y-axis=right] {

[154] Fix | Delete

z-index: 1000001;

[155] Fix | Delete

}

[156] Fix | Delete

@media (max-width: 600px) {

[157] Fix | Delete

.nux-dot-tip[data-y-axis=left] .components-popover__content, .nux-dot-tip[data-y-axis=center] .components-popover__content, .nux-dot-tip[data-y-axis=right] .components-popover__content {

[158] Fix | Delete

-ms-grid-row-align: end;

[159] Fix | Delete

align-self: end;

[160] Fix | Delete

left: 5px;

[161] Fix | Delete

margin: 20px 0 0 0;

[162] Fix | Delete

max-width: none !important;

[163] Fix | Delete

position: fixed;

[164] Fix | Delete

right: 5px;

[165] Fix | Delete

width: auto;

[166] Fix | Delete

}

[167] Fix | Delete

}

[168] Fix | Delete

.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {

[169] Fix | Delete

/*!rtl:ignore*/

[170] Fix | Delete

margin-left: 0;

[171] Fix | Delete

}

[172] Fix | Delete

.nux-dot-tip.components-popover:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {

[173] Fix | Delete

/*!rtl:ignore*/

[174] Fix | Delete

margin-right: 0;

[175] Fix | Delete

}

[176] Fix | Delete

.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=right] .components-popover__content {

[177] Fix | Delete

/*!rtl:ignore*/

[178] Fix | Delete

margin-left: -12px;

[179] Fix | Delete

}

[180] Fix | Delete

.nux-dot-tip.components-popover.edit-post-more-menu__content:not([data-y-axis=middle])[data-y-axis=left] .components-popover__content {

[181] Fix | Delete

/*!rtl:ignore*/

[182] Fix | Delete

margin-right: -12px;

[183] Fix | Delete

}

[184] Fix | Delete