/**
 * Base version of CSS types copied from https://github.com/typestyle/typestyle
 */
/**
 * Value of a CSS Property.  Could be a single value or a list of fallbacks
 * NOTE: array is for fallbacks
 */
export declare type CSSValue<T> = T | T[];
/**
 * For general purpose CSS values
 **/
export declare type CSSValueGeneral = CSSValue<number | string>;
/**
 * When you are sure that the value must be a string
 **/
export declare type CSSValueString = CSSValue<string>;
/**
 * CSS properties that cascade also support these
 * https://drafts.csswg.org/css-cascade/#defaulting-keywords
 */
export declare type CSSGlobalValues = 'initial' | 'inherit' | 'unset' | 'revert';
/**
 * Absolute size keywords
 * https://drafts.csswg.org/css-fonts-3/#absolute-size-value
 */
export declare type CSSAbsoluteSize = 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
/**
 * an angle; 0' | '0deg' | '0grad' | '0rad' | '0turn' | 'etc.
 * https://drafts.csswg.org/css-values-3/#angles
 */
export declare type CSSAngle = CSSGlobalValues | string | 0;
/**
 * initial state of an animation.
 * https://drafts.csswg.org/css-animations/#animation-play-state
 */
export declare type CSSAnimationPlayState = CSSGlobalValues | string | 'paused' | 'running';
/**
 * blend mode
 * https://drafts.fxtf.org/compositing-1/#ltblendmodegt
 */
export declare type CSSBlendMode = 'normal' | 'multiply' | 'screen' | 'overlay' | 'darken' | 'lighten' | 'color-dodge' | 'color-burn' | 'hard-light' | 'soft-light' | 'difference' | 'exclusion' | 'hue' | 'saturation' | 'color' | 'luminosity';
/**
 * Determines the area within which the background is painted.
 * https://drafts.csswg.org/css-backgrounds/#box
 */
export declare type CSSBox = CSSGlobalValues | string | 'border-box' | 'padding-box' | 'content-box';
/**
 * Color can be a named color, transparent, or a color function
 * https://drafts.csswg.org/css-color-3/#valuea-def-color
 */
export declare type CSSColor = CSSNamedColor | CSSGlobalValues | 'currentColor' | string;
export declare type CSSNamedColor = 'aliceblue' | 'antiquewhite' | 'aqua' | 'aquamarine' | 'azure' | 'beige' | 'bisque' | 'black' | 'blanchedalmond' | 'blue' | 'blueviolet' | 'brown' | 'burlywood' | 'cadetblue' | 'chartreuse' | 'chocolate' | 'coral' | 'cornflowerblue' | 'cornsilk' | 'crimson' | 'cyan' | 'darkblue' | 'darkcyan' | 'darkgoldenrod' | 'darkgray' | 'darkgreen' | 'darkgrey' | 'darkkhaki' | 'darkmagenta' | 'darkolivegreen' | 'darkorange' | 'darkorchid' | 'darkred' | 'darksalmon' | 'darkseagreen' | 'darkslateblue' | 'darkslategray' | 'darkslategrey' | 'darkturquoise' | 'darkviolet' | 'deeppink' | 'deepskyblue' | 'dimgray' | 'dimgrey' | 'dodgerblue' | 'firebrick' | 'floralwhite' | 'forestgreen' | 'fuchsia' | 'gainsboro' | 'ghostwhite' | 'gold' | 'goldenrod' | 'gray' | 'green' | 'greenyellow' | 'grey' | 'honeydew' | 'hotpink' | 'indianred' | 'indigo' | 'ivory' | 'khaki' | 'lavender' | 'lavenderblush' | 'lawngreen' | 'lemonchiffon' | 'lightblue' | 'lightcoral' | 'lightcyan' | 'lightgoldenrodyellow' | 'lightgray' | 'lightgreen' | 'lightgrey' | 'lightpink' | 'lightsalmon' | 'lightseagreen' | 'lightskyblue' | 'lightslategray' | 'lightslategrey' | 'lightsteelblue' | 'lightyellow' | 'lime' | 'limegreen' | 'linen' | 'maroon' | 'mediumaquamarine' | 'mediumblue' | 'mediumorchid' | 'mediumpurple' | 'mediumseagreen' | 'mediumslateblue' | 'mediumspringgreen' | 'mediumturquoise' | 'mediumvioletred' | 'midnightblue' | 'mintcream' | 'mistyrose' | 'moccasin' | 'navajowhite' | 'navy' | 'oldlace' | 'olive' | 'olivedrab' | 'orange' | 'purple' | 'rebeccapurple' | 'red' | 'silver' | 'teal' | 'transparent' | 'white' | 'yellow';
/**
 * Special type for border-color which can use 1 or 4 colors
 * https://drafts.csswg.org/css-backgrounds-3/#border-color
 */
export declare type CSSColorSet = string | CSSColor;
/**
 * Type for align-items and align-self in flex
 */
export declare type CSSFlexAlign = 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
/**
 * a gradient function like linear-gradient
 * https://drafts.csswg.org/css-images-3/#gradients
 */
export declare type CSSGradient = CSSGlobalValues | string;
/**
 * complex type that describes the size of fonts
 * https://drafts.csswg.org/css-fonts-3/#propdef-font-size
 */
export declare type CSSFontSize = CSSGlobalValues | CSSLength | CSSPercentage | CSSAbsoluteSize | CSSRelativeSize;
/**
 * a value that serves as an image
 * https://drafts.csswg.org/css-images-3/#typedef-image
 */
export declare type CSSImage = CSSGlobalValues | string | CSSGradient | CSSUrl;
/**
 * an length; 0 | '0px' | '0em' etc.
 * https://drafts.csswg.org/css-values-3/#lengths
 */
export declare type CSSLength = CSSGlobalValues | string | number;
/**
 * Style of a line (e.g. border-style)
 * https://drafts.csswg.org/css-backgrounds-3/#line-style
 */
export declare type CSSLineStyle = string | 'none' | 'hidden' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
/**
 * Special type for border-style which can use 1 or 4 line-style
 * https://drafts.csswg.org/css-backgrounds-3/#border-style
 */
export declare type CSSLineStyleSet = string | CSSLineStyle;
/**
 * Overlow modes
 * https://drafts.csswg.org/css-overflow-3/#propdef-overflow
 */
export declare type CSSOverflow = 'visible' | 'hidden' | 'scroll' | 'clip' | 'auto';
/**
 * a percentage; 0 | '0%' etc.
 * https://drafts.csswg.org/css-values-3/#percentage
 */
export declare type CSSPercentage = CSSGlobalValues | string | 0;
/**
 * Defines a position (e.g. background-position)
 * https://drafts.csswg.org/css-backgrounds-3/#position
 */
export declare type CSSPosition = CSSAngle | string;
/**
 * Relative size keywords
 * https://drafts.csswg.org/css-fonts-3/#relative-size-value
 */
export declare type CSSRelativeSize = 'larger' | 'smaller';
/**
 * Specifies how background images are tiled after they have been sized and positioned
 * https://drafts.csswg.org/css-backgrounds/#repeat-style
 */
export declare type CSSRepeatStyle = 'repeat-x' | 'repeat-y' | 'repeat' | 'space' | 'round' | 'no-repeat' | 'repeat repeat' | 'repeat space' | 'repeat round' | 'repeat no-repeat' | 'space repeat' | 'space space' | 'space round' | 'space no-repeat' | 'round repeat' | 'round space' | 'round round' | 'round no-repeat' | 'no-repeat repeat' | 'no-repeat space' | 'no-repeat round' | 'no-repeat no-repeat';
/**
 * Tranform list for the element.
 * @see https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function
 */
export declare type CSSTransformFunction = string | 'none';
/** Supporting by `-timing-function` properties */
export declare type CSSTimingFunction = string | CSSGlobalValues | 'ease' | 'ease-in' | 'ease-out' | 'ease-in-out' | 'linear' | 'step-start' | 'step-end';
/**
 * Expressed as url('protocol://')
 * https://drafts.csswg.org/css-values-3/#urls
 */
export declare type CSSUrl = string;
/**
 * Font weights
 */
export declare type CSSFontWeight = 'normal' | 'bold' | 'bolder' | 'lighter' | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | number | CSSGlobalValues;
export interface CSSProperties {
    '-apple-trailing-word'?: CSSValueGeneral;
    '-epub-caption-side'?: CSSValueGeneral;
    '-epub-hyphens'?: CSSValueGeneral;
    '-epub-text-combine'?: CSSValueGeneral;
    '-epub-text-emphasis'?: CSSValueGeneral;
    '-epub-text-emphasis-color'?: CSSValueGeneral;
    '-epub-text-emphasis-style'?: CSSValueGeneral;
    '-epub-text-orientation'?: CSSValueGeneral;
    '-epub-text-transform'?: CSSValueGeneral;
    '-epub-word-break'?: CSSValueGeneral;
    '-epub-writing-mode'?: CSSValueGeneral;
    '-internal-marquee-direction'?: CSSValueGeneral;
    '-internal-marquee-increment'?: CSSValueGeneral;
    '-internal-marquee-repetition'?: CSSValueGeneral;
    '-internal-marquee-speed'?: CSSValueGeneral;
    '-internal-marquee-style'?: CSSValueGeneral;
    '-moz-appearance'?: CSSValueGeneral;
    '-moz-binding'?: CSSValueGeneral;
    '-moz-border-bottom-colors'?: CSSValueGeneral;
    '-moz-border-end'?: CSSValueGeneral;
    '-moz-border-end-color'?: CSSValueGeneral;
    '-moz-border-end-style'?: CSSValueGeneral;
    '-moz-border-end-width'?: CSSValueGeneral;
    '-moz-border-left-colors'?: CSSValueGeneral;
    '-moz-border-right-colors'?: CSSValueGeneral;
    '-moz-border-start'?: CSSValueGeneral;
    '-moz-border-start-color'?: CSSValueGeneral;
    '-moz-border-start-style'?: CSSValueGeneral;
    '-moz-border-start-width'?: CSSValueGeneral;
    '-moz-border-top-colors'?: CSSValueGeneral;
    '-moz-box-align'?: CSSValueGeneral;
    '-moz-box-direction'?: CSSValueGeneral;
    '-moz-box-flex'?: CSSValueGeneral;
    '-moz-box-ordinal-group'?: CSSValueGeneral;
    '-moz-box-orient'?: CSSValueGeneral;
    '-moz-box-pack'?: CSSValueGeneral;
    '-moz-box-sizing'?: CSSGlobalValues | 'content-box' | 'border-box';
    '-moz-column-count'?: CSSValueGeneral;
    '-moz-column-fill'?: CSSValueGeneral;
    '-moz-column-gap'?: CSSValueGeneral;
    '-moz-column-rule'?: CSSValueGeneral;
    '-moz-column-rule-color'?: CSSValueGeneral;
    '-moz-column-rule-style'?: CSSValueGeneral;
    '-moz-column-rule-width'?: CSSValueGeneral;
    '-moz-column-width'?: CSSValueGeneral;
    '-moz-columns'?: CSSValueGeneral;
    '-moz-control-character-visibility'?: CSSValueGeneral;
    '-moz-float-edge'?: CSSValueGeneral;
    '-moz-force-broken-image-icon'?: CSSValueGeneral;
    '-moz-hyphens'?: CSSValueGeneral;
    '-moz-image-region'?: CSSValueGeneral;
    '-moz-margin-end'?: CSSValueGeneral;
    '-moz-margin-start'?: CSSValueGeneral;
    '-moz-math-display'?: CSSValueGeneral;
    '-moz-math-variant'?: CSSValueGeneral;
    '-moz-min-font-size-ratio'?: CSSValueGeneral;
    '-moz-orient'?: CSSValueGeneral;
    '-moz-osx-font-smoothing'?: CSSValueGeneral;
    '-moz-outline-radius'?: CSSValueGeneral;
    '-moz-outline-radius-bottomleft'?: CSSValueGeneral;
    '-moz-outline-radius-bottomright'?: CSSValueGeneral;
    '-moz-outline-radius-topleft'?: CSSValueGeneral;
    '-moz-outline-radius-topright'?: CSSValueGeneral;
    '-moz-padding-end'?: CSSValueGeneral;
    '-moz-padding-start'?: CSSValueGeneral;
    '-moz-script-level'?: CSSValueGeneral;
    '-moz-script-min-size'?: CSSValueGeneral;
    '-moz-script-size-multiplier'?: CSSValueGeneral;
    '-moz-stack-sizing'?: CSSValueGeneral;
    '-moz-tab-size'?: CSSValueGeneral;
    '-moz-text-align-last'?: CSSValueGeneral;
    '-moz-text-decoration-color'?: CSSValueGeneral;
    '-moz-text-decoration-line'?: CSSValueGeneral;
    '-moz-text-decoration-style'?: CSSValueGeneral;
    '-moz-text-size-adjust'?: CSSValueGeneral;
    '-moz-top-layer'?: CSSValueGeneral;
    '-moz-transform'?: CSSValueGeneral;
    '-moz-user-focus'?: CSSValueGeneral;
    '-moz-user-input'?: CSSValueGeneral;
    '-moz-user-modify'?: CSSValueGeneral;
    '-moz-user-select'?: 'auto' | 'text' | 'none' | 'contain' | 'all';
    '-moz-window-dragging'?: CSSValueGeneral;
    '-moz-window-shadow'?: CSSValueGeneral;
    '-ms-accelerator'?: CSSValueGeneral;
    '-ms-align-items'?: CSSValue<CSSFlexAlign>;
    '-ms-animation'?: CSSValueGeneral;
    '-ms-animation-delay'?: CSSValueGeneral;
    '-ms-animation-direction'?: CSSValueGeneral;
    '-ms-animation-duration'?: CSSValueGeneral;
    '-ms-animation-fill-mode'?: CSSValueGeneral;
    '-ms-animation-iteration-count'?: CSSValueGeneral;
    '-ms-animation-name'?: CSSValueGeneral;
    '-ms-animation-play-state'?: CSSValueGeneral;
    '-ms-animation-timing-function'?: CSSValueGeneral;
    '-ms-backface-visibility'?: CSSValueGeneral;
    '-ms-background-position-x'?: CSSValueGeneral;
    '-ms-background-position-y'?: CSSValueGeneral;
    '-ms-behavior'?: CSSValueGeneral;
    '-ms-block-progression'?: CSSValueGeneral;
    '-ms-content-zoom-chaining'?: CSSValueGeneral;
    '-ms-content-zoom-limit'?: CSSValueGeneral;
    '-ms-content-zoom-limit-max'?: CSSValueGeneral;
    '-ms-content-zoom-limit-min'?: CSSValueGeneral;
    '-ms-content-zoom-snap'?: CSSValueGeneral;
    '-ms-content-zoom-snap-points'?: CSSValueGeneral;
    '-ms-content-zoom-snap-type'?: CSSValueGeneral;
    '-ms-content-zooming'?: CSSValueGeneral;
    '-ms-filter'?: CSSValueGeneral;
    '-ms-flex'?: number | string;
    '-ms-flex-align'?: any;
    '-ms-flex-direction'?: any;
    '-ms-flex-flow'?: CSSValueGeneral;
    '-ms-flex-grow'?: number;
    '-ms-flex-item-align'?: string;
    '-ms-flex-line-pack'?: CSSValueGeneral;
    '-ms-flex-negative'?: any;
    '-ms-flex-order'?: CSSValueGeneral;
    '-ms-flex-pack'?: string;
    '-ms-flex-positive'?: any;
    '-ms-flex-preferred-size'?: CSSValueGeneral;
    '-ms-flex-shrink'?: number;
    '-ms-flex-wrap'?: CSSGlobalValues | 'nowrap' | 'wrap' | 'wrap-reverse';
    '-ms-flow-from'?: CSSValueGeneral;
    '-ms-flow-into'?: CSSValueGeneral;
    '-ms-font-feature-settings'?: CSSValueGeneral;
    '-ms-grid-column'?: CSSValueGeneral;
    '-ms-grid-column-align'?: CSSValueGeneral;
    '-ms-grid-column-span'?: CSSValueGeneral;
    '-ms-grid-columns'?: CSSValueGeneral;
    '-ms-grid-row'?: CSSValueGeneral;
    '-ms-grid-row-align'?: CSSValueGeneral;
    '-ms-grid-row-span'?: CSSValueGeneral;
    '-ms-grid-rows'?: CSSValueGeneral;
    '-ms-high-contrast-adjust'?: CSSValueGeneral;
    '-ms-hyphenate-limit-chars'?: CSSValueGeneral;
    '-ms-hyphenate-limit-lines'?: CSSValueGeneral;
    '-ms-hyphenate-limit-zone'?: CSSValueGeneral;
    '-ms-hyphens'?: CSSValueGeneral;
    '-ms-ime-align'?: CSSValueGeneral;
    '-ms-ime-mode'?: CSSValueGeneral;
    '-ms-interpolation-mode'?: CSSValueGeneral;
    '-ms-layout-flow'?: CSSValueGeneral;
    '-ms-layout-grid'?: CSSValueGeneral;
    '-ms-layout-grid-char'?: CSSValueGeneral;
    '-ms-layout-grid-line'?: CSSValueGeneral;
    '-ms-layout-grid-mode'?: CSSValueGeneral;
    '-ms-layout-grid-type'?: CSSValueGeneral;
    '-ms-line-break'?: CSSValueGeneral;
    '-ms-overflow-style'?: CSSValueGeneral;
    '-ms-overflow-x'?: CSSValueGeneral;
    '-ms-overflow-y'?: CSSValueGeneral;
    '-ms-perspective'?: CSSValueGeneral;
    '-ms-perspective-origin'?: CSSValueGeneral;
    '-ms-perspective-origin-x'?: CSSValueGeneral;
    '-ms-perspective-origin-y'?: CSSValueGeneral;
    '-ms-scroll-chaining'?: CSSValueGeneral;
    '-ms-scroll-limit'?: CSSValueGeneral;
    '-ms-scroll-limit-x-max'?: CSSValueGeneral;
    '-ms-scroll-limit-x-min'?: CSSValueGeneral;
    '-ms-scroll-limit-y-max'?: CSSValueGeneral;
    '-ms-scroll-limit-y-min'?: CSSValueGeneral;
    '-ms-scroll-rails'?: CSSValueGeneral;
    '-ms-scroll-snap-points-x'?: CSSValueGeneral;
    '-ms-scroll-snap-points-y'?: CSSValueGeneral;
    '-ms-scroll-snap-type'?: CSSValueGeneral;
    '-ms-scroll-snap-x'?: CSSValueGeneral;
    '-ms-scroll-snap-y'?: CSSValueGeneral;
    '-ms-scroll-translation'?: CSSValueGeneral;
    '-ms-scrollbar-3dlight-color'?: CSSValueGeneral;
    '-ms-scrollbar-arrow-color'?: CSSValueGeneral;
    '-ms-scrollbar-base-color'?: CSSValueGeneral;
    '-ms-scrollbar-darkshadow-color'?: CSSValueGeneral;
    '-ms-scrollbar-face-color'?: CSSValueGeneral;
    '-ms-scrollbar-highlight-color'?: CSSValueGeneral;
    '-ms-scrollbar-shadow-color'?: CSSValueGeneral;
    '-ms-scrollbar-track-color'?: CSSValueGeneral;
    '-ms-text-align-last'?: CSSValueGeneral;
    '-ms-text-autospace'?: CSSValueGeneral;
    '-ms-text-combine-horizontal'?: CSSValueGeneral;
    '-ms-text-justify'?: CSSValueGeneral;
    '-ms-text-kashida-space'?: CSSValueGeneral;
    '-ms-text-overflow'?: CSSValueGeneral;
    '-ms-text-size-adjust'?: CSSValueGeneral;
    '-ms-text-underline-position'?: CSSValueGeneral;
    '-ms-touch-action'?: CSSValueGeneral;
    '-ms-touch-select'?: CSSValueGeneral;
    '-ms-transform'?: CSSValueGeneral;
    '-ms-transform-origin'?: CSSValueGeneral;
    '-ms-transform-origin-x'?: CSSValueGeneral;
    '-ms-transform-origin-y'?: CSSValueGeneral;
    '-ms-transform-origin-z'?: CSSValueGeneral;
    '-ms-transform-style'?: CSSValueGeneral;
    '-ms-transition'?: CSSValueGeneral;
    '-ms-transition-delay'?: CSSValueGeneral;
    '-ms-transition-duration'?: CSSValueGeneral;
    '-ms-transition-property'?: CSSValueGeneral;
    '-ms-transition-timing-function'?: CSSValueGeneral;
    '-ms-user-select'?: 'auto' | 'text' | 'none' | 'contain' | 'all';
    '-ms-word-break'?: CSSValueGeneral;
    '-ms-word-wrap'?: CSSValueGeneral;
    '-ms-wrap-flow'?: CSSValueGeneral;
    '-ms-wrap-margin'?: CSSValueGeneral;
    '-ms-wrap-through'?: CSSValueGeneral;
    '-ms-writing-mode'?: CSSValueGeneral;
    '-ms-zoom'?: CSSValueGeneral;
    '-webkit-align-content'?: CSSValueGeneral;
    '-webkit-align-items'?: CSSValue<CSSFlexAlign>;
    '-webkit-align-self'?: CSSValue<'auto' | CSSFlexAlign>;
    '-webkit-alt'?: CSSValueGeneral;
    '-webkit-animation'?: CSSValueGeneral;
    '-webkit-animation-delay'?: CSSValueGeneral;
    '-webkit-animation-direction'?: CSSValueGeneral;
    '-webkit-animation-duration'?: CSSValueGeneral;
    '-webkit-animation-fill-mode'?: CSSValueGeneral;
    '-webkit-animation-iteration-count'?: CSSValueGeneral;
    '-webkit-animation-name'?: CSSValueGeneral;
    '-webkit-animation-play-state'?: CSSValueGeneral;
    '-webkit-animation-timing-function'?: CSSValueGeneral;
    '-webkit-animation-trigger'?: CSSValueGeneral;
    '-webkit-app-region'?: CSSValueGeneral;
    '-webkit-appearance'?: CSSValueGeneral;
    '-webkit-aspect-ratio'?: CSSValueGeneral;
    '-webkit-backdrop-filter'?: CSSValueGeneral;
    '-webkit-backface-visibility'?: CSSValueGeneral;
    '-webkit-background-clip'?: CSSValueGeneral;
    '-webkit-background-composite'?: CSSValueGeneral;
    '-webkit-background-origin'?: CSSValueGeneral;
    '-webkit-background-size'?: CSSValueGeneral;
    '-webkit-border-after'?: CSSValueGeneral;
    '-webkit-border-after-color'?: CSSValueGeneral;
    '-webkit-border-after-style'?: CSSValueGeneral;
    '-webkit-border-after-width'?: CSSValueGeneral;
    '-webkit-border-before'?: CSSValueGeneral;
    '-webkit-border-before-color'?: CSSValueGeneral;
    '-webkit-border-before-style'?: CSSValueGeneral;
    '-webkit-border-before-width'?: CSSValueGeneral;
    '-webkit-border-bottom-left-radius'?: CSSValueGeneral;
    '-webkit-border-bottom-right-radius'?: CSSValueGeneral;
    '-webkit-border-end'?: CSSValueGeneral;
    '-webkit-border-end-color'?: CSSValueGeneral;
    '-webkit-border-end-style'?: CSSValueGeneral;
    '-webkit-border-end-width'?: CSSValueGeneral;
    '-webkit-border-fit'?: CSSValueGeneral;
    '-webkit-border-horizontal-spacing'?: CSSValueGeneral;
    '-webkit-border-image'?: CSSValueGeneral;
    '-webkit-border-radius'?: CSSValueGeneral;
    '-webkit-border-start'?: CSSValueGeneral;
    '-webkit-border-start-color'?: CSSValueGeneral;
    '-webkit-border-start-style'?: CSSValueGeneral;
    '-webkit-border-start-width'?: CSSValueGeneral;
    '-webkit-border-top-left-radius'?: CSSValueGeneral;
    '-webkit-border-top-right-radius'?: CSSValueGeneral;
    '-webkit-border-vertical-spacing'?: CSSValueGeneral;
    '-webkit-box-align'?: CSSValueGeneral;
    '-webkit-box-decoration-break'?: CSSValueGeneral;
    '-webkit-box-direction'?: CSSValueGeneral;
    '-webkit-box-flex'?: CSSValueGeneral;
    '-webkit-box-flex-group'?: CSSValueGeneral;
    '-webkit-box-lines'?: CSSValueGeneral;
    '-webkit-box-ordinal-group'?: CSSValueGeneral;
    '-webkit-box-orient'?: CSSValueGeneral;
    '-webkit-box-pack'?: CSSValueGeneral;
    '-webkit-box-reflect'?: CSSValueGeneral;
    '-webkit-box-shadow'?: CSSValueGeneral;
    '-webkit-box-sizing'?: CSSGlobalValues | 'content-box' | 'border-box';
    '-webkit-clip-path'?: CSSValueGeneral;
    '-webkit-color-correction'?: CSSValueGeneral;
    '-webkit-column-axis'?: CSSValueGeneral;
    '-webkit-column-break-after'?: CSSValueGeneral;
    '-webkit-column-break-before'?: CSSValueGeneral;
    '-webkit-column-break-inside'?: CSSValueGeneral;
    '-webkit-column-count'?: CSSValueGeneral;
    '-webkit-column-fill'?: CSSValueGeneral;
    '-webkit-column-gap'?: CSSValueGeneral;
    '-webkit-column-progression'?: CSSValueGeneral;
    '-webkit-column-rule'?: CSSValueGeneral;
    '-webkit-column-rule-color'?: CSSValueGeneral;
    '-webkit-column-rule-style'?: CSSValueGeneral;
    '-webkit-column-rule-width'?: CSSValueGeneral;
    '-webkit-column-span'?: CSSValueGeneral;
    '-webkit-column-width'?: CSSValueGeneral;
    '-webkit-columns'?: CSSValueGeneral;
    '-webkit-cursor-visibility'?: CSSValueGeneral;
    '-webkit-dashboard-region'?: CSSValueGeneral;
    '-webkit-filter'?: CSSValueGeneral;
    '-webkit-flex'?: number | string;
    '-webkit-flex-align'?: any;
    '-webkit-flex-basis'?: CSSValueGeneral;
    '-webkit-flex-direction'?: any;
    '-webkit-flex-flow'?: CSSValueGeneral;
    '-webkit-flex-grow'?: number;
    '-webkit-flex-negative'?: any;
    '-webkit-flex-positive'?: any;
    '-webkit-flex-shrink'?: number;
    '-webkit-flex-wrap'?: CSSGlobalValues | 'nowrap' | 'wrap' | 'wrap-reverse';
    '-webkit-flow-from'?: CSSValueGeneral;
    '-webkit-flow-into'?: CSSValueGeneral;
    '-webkit-font-feature-settings'?: CSSValueGeneral;
    '-webkit-font-kerning'?: CSSValueGeneral;
    '-webkit-font-size-delta'?: CSSValueGeneral;
    '-webkit-font-smoothing'?: CSSValueGeneral;
    '-webkit-font-variant-ligatures'?: CSSValueGeneral;
    '-webkit-grid'?: CSSValueGeneral;
    '-webkit-grid-area'?: CSSValueGeneral;
    '-webkit-grid-auto-columns'?: CSSValueGeneral;
    '-webkit-grid-auto-flow'?: CSSValueGeneral;
    '-webkit-grid-auto-rows'?: CSSValueGeneral;
    '-webkit-grid-column'?: CSSValueGeneral;
    '-webkit-grid-column-end'?: CSSValueGeneral;
    '-webkit-grid-column-gap'?: CSSValueGeneral;
    '-webkit-grid-column-start'?: CSSValueGeneral;
    '-webkit-grid-gap'?: CSSValueGeneral;
    '-webkit-grid-row'?: CSSValueGeneral;
    '-webkit-grid-row-end'?: CSSValueGeneral;
    '-webkit-grid-row-gap'?: CSSValueGeneral;
    '-webkit-grid-row-start'?: CSSValueGeneral;
    '-webkit-grid-template'?: CSSValueGeneral;
    '-webkit-grid-template-areas'?: CSSValueGeneral;
    '-webkit-grid-template-columns'?: CSSValueGeneral;
    '-webkit-grid-template-rows'?: CSSValueGeneral;
    '-webkit-highlight'?: CSSValueGeneral;
    '-webkit-hyphenate-character'?: CSSValueGeneral;
    '-webkit-hyphenate-limit-after'?: CSSValueGeneral;
    '-webkit-hyphenate-limit-before'?: CSSValueGeneral;
    '-webkit-hyphenate-limit-lines'?: CSSValueGeneral;
    '-webkit-hyphens'?: CSSValueGeneral;
    '-webkit-initial-letter'?: CSSValueGeneral;
    '-webkit-justify-content'?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
    '-webkit-justify-items'?: CSSValueGeneral;
    '-webkit-justify-self'?: CSSValueGeneral;
    '-webkit-line-align'?: CSSValueGeneral;
    '-webkit-line-box-contain'?: CSSValueGeneral;
    '-webkit-line-break'?: CSSValueGeneral;
    '-webkit-line-clamp'?: CSSValueGeneral;
    '-webkit-line-grid'?: CSSValueGeneral;
    '-webkit-line-snap'?: CSSValueGeneral;
    '-webkit-locale'?: CSSValueGeneral;
    '-webkit-logical-height'?: CSSValueGeneral;
    '-webkit-logical-width'?: CSSValueGeneral;
    '-webkit-margin-after'?: CSSValueGeneral;
    '-webkit-margin-after-collapse'?: CSSValueGeneral;
    '-webkit-margin-before'?: CSSValueGeneral;
    '-webkit-margin-before-collapse'?: CSSValueGeneral;
    '-webkit-margin-bottom-collapse'?: CSSValueGeneral;
    '-webkit-margin-collapse'?: CSSValueGeneral;
    '-webkit-margin-end'?: CSSValueGeneral;
    '-webkit-margin-start'?: CSSValueGeneral;
    '-webkit-margin-top-collapse'?: CSSValueGeneral;
    '-webkit-marquee'?: CSSValueGeneral;
    '-webkit-marquee-direction'?: CSSValueGeneral;
    '-webkit-marquee-increment'?: CSSValueGeneral;
    '-webkit-marquee-repetition'?: CSSValueGeneral;
    '-webkit-marquee-speed'?: CSSValueGeneral;
    '-webkit-marquee-style'?: CSSValueGeneral;
    '-webkit-mask'?: CSSValueGeneral;
    '-webkit-mask-box-image'?: CSSValueGeneral;
    '-webkit-mask-box-image-outset'?: CSSValueGeneral;
    '-webkit-mask-box-image-repeat'?: CSSValueGeneral;
    '-webkit-mask-box-image-slice'?: CSSValueGeneral;
    '-webkit-mask-box-image-source'?: CSSValueGeneral;
    '-webkit-mask-box-image-width'?: CSSValueGeneral;
    '-webkit-mask-clip'?: CSSValueGeneral;
    '-webkit-mask-composite'?: CSSValueGeneral;
    '-webkit-mask-image'?: CSSValueGeneral;
    '-webkit-mask-origin'?: CSSValueGeneral;
    '-webkit-mask-position'?: CSSValueGeneral;
    '-webkit-mask-position-x'?: CSSValueGeneral;
    '-webkit-mask-position-y'?: CSSValueGeneral;
    '-webkit-mask-repeat'?: CSSValueGeneral;
    '-webkit-mask-repeat-x'?: CSSValueGeneral;
    '-webkit-mask-repeat-y'?: CSSValueGeneral;
    '-webkit-mask-size'?: CSSValueGeneral;
    '-webkit-mask-source-type'?: CSSValueGeneral;
    '-webkit-max-logical-height'?: CSSValueGeneral;
    '-webkit-max-logical-width'?: CSSValueGeneral;
    '-webkit-min-logical-height'?: CSSValueGeneral;
    '-webkit-min-logical-width'?: CSSValueGeneral;
    '-webkit-nbsp-mode'?: CSSValueGeneral;
    '-webkit-opacity'?: CSSValueGeneral;
    '-webkit-order'?: CSSValueGeneral;
    /**
     * Smooth scrolling on an iPhone. Specifies whether to use native-style scrolling in an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling
     */
    '-webkit-overflow-scrolling'?: 'auto' | 'touch';
    '-webkit-padding-after'?: CSSValueGeneral;
    '-webkit-padding-before'?: CSSValueGeneral;
    '-webkit-padding-end'?: CSSValueGeneral;
    '-webkit-padding-start'?: CSSValueGeneral;
    '-webkit-perspective'?: CSSValueGeneral;
    '-webkit-perspective-origin'?: CSSValueGeneral;
    '-webkit-perspective-origin-x'?: CSSValueGeneral;
    '-webkit-perspective-origin-y'?: CSSValueGeneral;
    '-webkit-print-color-adjust'?: CSSValueGeneral;
    '-webkit-region-break-after'?: CSSValueGeneral;
    '-webkit-region-break-before'?: CSSValueGeneral;
    '-webkit-region-break-inside'?: CSSValueGeneral;
    '-webkit-region-fragment'?: CSSValueGeneral;
    '-webkit-rtl-ordering'?: CSSValueGeneral;
    '-webkit-ruby-position'?: CSSValueGeneral;
    '-webkit-scroll-snap-coordinate'?: CSSValueGeneral;
    '-webkit-scroll-snap-destination'?: CSSValueGeneral;
    '-webkit-scroll-snap-points-x'?: CSSValueGeneral;
    '-webkit-scroll-snap-points-y'?: CSSValueGeneral;
    '-webkit-scroll-snap-type'?: CSSValueGeneral;
    '-webkit-shape-image-threshold'?: CSSValueGeneral;
    '-webkit-shape-margin'?: CSSValueGeneral;
    '-webkit-shape-outside'?: CSSValueGeneral;
    '-webkit-svg-shadow'?: CSSValueGeneral;
    '-webkit-tap-highlight-color'?: CSSValueGeneral;
    '-webkit-text-align-last'?: CSSValueGeneral;
    '-webkit-text-combine'?: CSSValueGeneral;
    '-webkit-text-decoration'?: CSSValueGeneral;
    '-webkit-text-decoration-color'?: CSSValueGeneral;
    '-webkit-text-decoration-line'?: CSSValueGeneral;
    '-webkit-text-decoration-skip'?: CSSValueGeneral;
    '-webkit-text-decoration-style'?: CSSValueGeneral;
    '-webkit-text-decorations-in-effect'?: CSSValueGeneral;
    '-webkit-text-emphasis'?: CSSValueGeneral;
    '-webkit-text-emphasis-color'?: CSSValueGeneral;
    '-webkit-text-emphasis-position'?: CSSValueGeneral;
    '-webkit-text-emphasis-style'?: CSSValueGeneral;
    '-webkit-text-fill-color'?: CSSValueGeneral;
    '-webkit-text-justify'?: CSSValueGeneral;
    '-webkit-text-orientation'?: CSSValueGeneral;
    '-webkit-text-security'?: CSSValueGeneral;
    '-webkit-text-size-adjust'?: CSSValueGeneral;
    '-webkit-text-stroke'?: CSSValueGeneral;
    '-webkit-text-stroke-color'?: CSSValueGeneral;
    '-webkit-text-stroke-width'?: CSSValueGeneral;
    '-webkit-text-underline-position'?: CSSValueGeneral;
    '-webkit-text-zoom'?: CSSValueGeneral;
    '-webkit-touch-callout'?: CSSValueGeneral;
    '-webkit-transform'?: CSSValueGeneral;
    '-webkit-transform-origin'?: CSSValueGeneral;
    '-webkit-transform-origin-x'?: CSSValueGeneral;
    '-webkit-transform-origin-y'?: CSSValueGeneral;
    '-webkit-transform-origin-z'?: CSSValueGeneral;
    '-webkit-transform-style'?: CSSValueGeneral;
    '-webkit-transition'?: CSSValueGeneral;
    '-webkit-transition-delay'?: CSSValueGeneral;
    '-webkit-transition-duration'?: CSSValueGeneral;
    '-webkit-transition-property'?: CSSValueGeneral;
    '-webkit-transition-timing-function'?: CSSValueGeneral;
    '-webkit-user-drag'?: CSSValueGeneral;
    '-webkit-user-modify'?: CSSValueGeneral;
    '-webkit-user-select'?: 'auto' | 'text' | 'none' | 'contain' | 'all';
    '-webkit-writing-mode'?: CSSValueGeneral;
    /**
     * Aligns a flex container's lines within the flex container when there is extra space in the cross-axis, similar to
     * how justify-content aligns individual items within the main-axis.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-content
     */
    alignContent?: 'stretch' | 'center' | 'flex-start' | 'flex-end' | 'space-between' | 'space-around' | 'initial' | 'inherit';
    /**
     * Sets the default alignment in the cross axis for all of the flex container's items, including anonymous flex
     * items, similarly to how justify-content aligns items along the main axis.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-items
     */
    alignItems?: CSSValue<CSSFlexAlign>;
    /**
     * Allows the default alignment to be overridden for individual flex items.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/align-self
     */
    alignSelf?: CSSValue<'auto' | CSSFlexAlign>;
    /**
     * This property allows precise alignment of elements, such as graphics, that do not have a baseline-table or lack
     * the desired baseline in their baseline-table. With the alignment-adjust property, the position of the baseline
     * identified by the alignment-baseline can be explicitly determined. It also determines precisely the alignment
     * point for each glyph within a textual element.
     */
    alignmentAdjust?: any;
    /**
     * The alignment-baseline attribute specifies how an object is aligned with respect to its parent.
     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/alignment-baseline
     */
    alignmentBaseline?: 'auto' | 'baseline' | 'before-edge' | 'text-before-edge' | 'middle' | 'central' | 'after-edge' | 'text-after-edge' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'inherit';
    /**
     * Shorthand property for animation-name, animation-duration, animation-timing-function, animation-delay,
     * animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation
     */
    animation?: CSSValueString;
    /**
     * Defines a length of time to elapse before an animation starts, allowing an animation to begin execution some time
     * after it is applied.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-delay
     */
    animationDelay?: any;
    /**
     * Defines whether an animation should run in reverse on some or all cycles.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-direction
     */
    animationDirection?: CSSGlobalValues | 'normal' | 'alternate' | 'reverse' | 'alternate-reverse';
    /**
     * The animation-duration CSS property specifies the length of time that an animation should take to complete one
     * cycle. A value of '0s', which is the default value, indicates that no animation should occur.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-duration
     */
    animationDuration?: CSSValue<string>;
    /**
     * Specifies how a CSS animation should apply styles to its target before and after it is executing.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-fill-mode
     */
    animationFillMode?: 'none' | 'forwards' | 'backwards' | 'both';
    /**
     * Specifies how many times an animation cycle should play.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-iteration-count
     */
    animationIterationCount?: CSSValue<number | 'infinite'>;
    /**
     * Defines the list of animations that apply to the element.
     * Note: You probably want animationDuration as well
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-name
     */
    animationName?: CSSValue<string>;
    /**
     * Defines whether an animation is running or paused.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-play-state
     */
    animationPlayState?: CSSValue<CSSAnimationPlayState>;
    /**
     * Sets the pace of an animation
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/animation-timing-function
     */
    animationTimingFunction?: CSSValue<CSSTimingFunction>;
    /**
     * Allows changing the style of any element to platform-based interface elements or vice versa.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/appearance
     */
    appearance?: CSSValue<'auto' | 'none'>;
    /**
     * Determines whether or not the “back” side of a transformed element is visible when facing the viewer.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/backface-visibility
     */
    backfaceVisibility?: CSSGlobalValues | 'visible' | 'hidden';
    /**
     * Shorthand property to set the values for one or more of:
     * background-clip, background-color, background-image,
     * background-origin, background-position, background-repeat,
     * background-size, and background-attachment.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background
     */
    background?: any;
    /**
     * If a background-image is specified, this property determines
     * whether that image's position is fixed within the viewport,
     * or scrolls along with its containing block.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment
     */
    backgroundAttachment?: 'scroll' | 'fixed' | 'local';
    /**
     * This property describes how the element's background images should blend with each other and the element's
     * background color. The value is a list of blend modes that corresponds to each background image. Each element in
     * the list will apply to the corresponding element of background-image. If a property doesn’t have enough
     * comma-separated values to match the number of layers, the UA must calculate its used value by repeating the list
     * of values until there are enough.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-blend-mode
     */
    backgroundBlendMode?: CSSValue<CSSBlendMode>;
    /**
     * Specifies whether an element's background, either the color or image, extends underneath its border.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip
     */
    backgroundClip?: CSSValue<CSSBox | 'text'>;
    /**
     * Sets the background color of an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-color
     */
    backgroundColor?: CSSValue<CSSColor>;
    /**
     * Sets a compositing style for background images and colors.
     */
    backgroundComposite?: any;
    /**
     * Applies one or more background images to an element. These can be any valid CSS image, including url() paths to
     * image files or CSS gradients.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-image
     */
    backgroundImage?: CSSValue<CSSImage>;
    /**
     * Specifies what the background-position property is relative to.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin
     */
    backgroundOrigin?: CSSValue<CSSBox>;
    /**
     * Sets the position of a background image.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-position
     */
    backgroundPosition?: CSSValue<CSSPosition>;
    /**
     * Background-repeat defines if and how background images will be repeated after they have been sized and positioned
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat
     */
    backgroundRepeat?: CSSValue<CSSRepeatStyle | string>;
    /**
     * Background-size specifies the size of a background image
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/background-size
     */
    backgroundSize?: 'auto' | 'cover' | 'contain' | CSSLength | CSSPercentage | CSSGlobalValues;
    /**
     * Obsolete - spec retired, not implemented.
     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/baseline-shift
     */
    baselineShift?: any;
    /**
     * Non standard. Sets or retrieves the location of the Dynamic HTML (DHTML) behavior.
     * @see https://msdn.microsoft.com/en-us/library/ms530723(v=vs.85).aspx
     */
    behavior?: any;
    /**
     * Shorthand property that defines the different properties of all four sides of an element's border in a single
     * declaration. It can be used to set border-width, border-style and border-color, or a subset of these.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border
     */
    border?: any;
    /**
     * Shorthand that sets the values of border-bottom-color,
     * border-bottom-style, and border-bottom-width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom
     */
    borderBottom?: any;
    /**
     * Sets the color of the bottom border of an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-color
     */
    borderBottomColor?: CSSValue<CSSColor>;
    /**
     * Defines the shape of the border of the bottom-left corner.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-left-radius
     */
    borderBottomLeftRadius?: any;
    /**
     * Defines the shape of the border of the bottom-right corner.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-right-radius
     */
    borderBottomRightRadius?: any;
    /**
     * Sets the line style of the bottom border of a box.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-style
     */
    borderBottomStyle?: CSSValue<CSSLineStyle>;
    /**
     * Sets the width of an element's bottom border. To set all four borders, use the border-width shorthand property
     * which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and
     * border-left-width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width
     */
    borderBottomWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Border-collapse can be used for collapsing the borders between table cells
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-collapse
     */
    borderCollapse?: any;
    /**
     * The CSS border-color property sets the color of an element's four borders. This property can have from one to four
     * values, made up of the elementary properties:
     *      •       border-top-color
     *      •       border-right-color
     *      •       border-bottom-color
     *      •       border-left-color The default color is the currentColor of each of these values.
     * If you provide one value, it sets the color for the element. Two values set the horizontal and vertical values,
     * respectively. Providing three values sets the top, vertical, and bottom values, in that order. Four values set all
     * for sides: top, right, bottom, and left, in that order.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-color
     */
    borderColor?: CSSValue<CSSColorSet>;
    /**
     * Specifies different corner clipping effects, such as scoop (inner curves), bevel (straight cuts) or notch (cut-off
     * rectangles). Works along with border-radius to specify the size of each corner effect.
     */
    borderCornerShape?: any;
    /**
     * The property border-image-source is used to set the image to be used instead of the border style. If this is set
     * to none the border-style is used instead.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-source
     */
    borderImageSource?: CSSValue<CSSImage>;
    /**
     * The border-image-width CSS property defines the offset to use for dividing the border image in nine parts, the
     * top-left corner, central top edge, top-right-corner, central right edge, bottom-right corner, central bottom edge,
     * bottom-left corner, and central right edge. They represent inward distance from the top, right, bottom, and left
     * edges.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-width
     */
    borderImageWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Shorthand property that defines the border-width, border-style and border-color of an element's left border in a
     * single declaration. Note that you can use the corresponding longhand properties to set specific individual
     * properties of the left border — border-left-width, border-left-style and border-left-color.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-left
     */
    borderLeft?: any;
    /**
     * The CSS border-left-color property sets the color of an element's left border. This page explains the
     * border-left-color value, but often you will find it more convenient to fix the border's left color as part of a
     * shorthand set, either border-left or border-color. Colors can be defined several ways. For more information, see
     * Usage.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-color
     */
    borderLeftColor?: CSSValue<CSSColor>;
    /**
     * Sets the style of an element's left border. To set all four borders, use the shorthand property, border-style.
     * Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style,
     * border-left-style.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-style
     */
    borderLeftStyle?: CSSValue<CSSLineStyle>;
    /**
     * Sets the width of an element's left border. To set all four borders, use the border-width shorthand property which
     * sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and
     * border-left-width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width
     */
    borderLeftWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Allows Web authors to define how rounded border corners are
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius
     */
    borderRadius?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Shorthand property that defines the border-width, border-style and border-color of an element's right border in a
     * single declaration. Note that you can use the corresponding longhand properties to set specific individual
     * properties of the right border — border-right-width, border-right-style and border-right-color.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-right
     */
    borderRight?: any;
    /**
     * Sets the color of an element's right border. This page explains the border-right-color value, but often you will
     * find it more convenient to fix the border's right color as part of a shorthand set, either border-right or
     * border-color. Colors can be defined several ways. For more information, see Usage.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-color
     */
    borderRightColor?: CSSValue<CSSColor>;
    /**
     * Sets the style of an element's right border. To set all four borders, use the shorthand property, border-style.
     * Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style,
     * border-left-style.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-style
     */
    borderRightStyle?: CSSValue<CSSLineStyle>;
    /**
     * Sets the width of an element's right border. To set all four borders, use the border-width shorthand property
     * which sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and
     * border-left-width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width
     */
    borderRightWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Specifies the distance between the borders of adjacent cells.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-spacing
     */
    borderSpacing?: any;
    /**
     * Sets the style of an element's four borders. This property can have from one to four values. With only one value,
     * the value will be applied to all four borders; otherwise, this works as a shorthand property for each of
     * border-top-style, border-right-style, border-bottom-style, border-left-style, where each border style may be
     * assigned a separate value.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-style
     */
    borderStyle?: CSSValue<CSSLineStyleSet>;
    /**
     * Shorthand property that defines the border-width, border-style and border-color of an element's top border in a
     * single declaration. Note that you can use the corresponding longhand properties to set specific individual
     * properties of the top border — border-top-width, border-top-style and border-top-color.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top
     */
    borderTop?: any;
    /**
     * Sets the color of an element's top border. This page explains the border-top-color value, but often you will find
     * it more convenient to fix the border's top color as part of a shorthand set, either border-top or border-color.
     * Colors can be defined several ways. For more information, see Usage.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-color
     */
    borderTopColor?: CSSValue<CSSColor>;
    /**
     * Sets the rounding of the top-left corner of the element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-left-radius
     */
    borderTopLeftRadius?: any;
    /**
     * Sets the rounding of the top-right corner of the element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-right-radius
     */
    borderTopRightRadius?: any;
    /**
     * Sets the style of an element's top border. To set all four borders, use the shorthand property, border-style.
     * Otherwise, you can set the borders individually with border-top-style, border-right-style, border-bottom-style,
     * border-left-style.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-style
     */
    borderTopStyle?: CSSValue<CSSLineStyle>;
    /**
     * Sets the width of an element's top border. To set all four borders, use the border-width shorthand property which
     * sets the values simultaneously for border-top-width, border-right-width, border-bottom-width, and
     * border-left-width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width
     */
    borderTopWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Sets the width of an element's four borders. This property can have from one to four values. This is a shorthand
     * property for setting values simultaneously for border-top-width, border-right-width, border-bottom-width, and
     * border-left-width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/border-width
     */
    borderWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * This property specifies how far an absolutely positioned box's bottom margin edge is offset above the bottom edge
     * of the box's containing block. For relatively positioned boxes, the offset is with respect to the bottom edges of
     * the box itself (i.e., the box is given a position in the normal flow, then offset from that position according to
     * these properties).
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/bottom
     */
    bottom?: CSSValue<'auto' | CSSLength | CSSPercentage | CSSGlobalValues>;
    /**
     * Obsolete.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-align
     */
    boxAlign?: any;
    /**
     * Breaks a box into fragments creating new borders, padding and repeating backgrounds or lets it stay as a
     * continuous box on a page break, column break, or, for inline elements, at a line break.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-decoration-break
     */
    boxDecorationBreak?: any;
    /**
     * Deprecated
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-direction
     */
    boxDirection?: any;
    /**
     * Deprecated.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-flex
     */
    boxFlex?: number;
    /**
     * Deprecated.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-flex-group
     */
    boxFlexGroup?: number;
    /**
     * Do not use. This property has been replaced by the flex-wrap property.
     * Gets or sets a value that specifies the direction to add successive rows or columns when the value of box-lines is
     * set to multiple.
     */
    boxLineProgression?: any;
    /**
     * Do not use. This property has been replaced by the flex-wrap property.
     * Gets or sets a value that specifies whether child elements wrap onto multiple lines or columns based on the space
     * available in the object.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-lines
     */
    boxLines?: any;
    /**
     * Do not use. This property has been replaced by flex-order.
     * Specifies the ordinal group that a child element of the object belongs to. This ordinal value identifies the
     * display order (along the axis defined by the box-orient property) for the group.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-ordinal-group
     */
    boxOrdinalGroup?: any;
    /**
     * Box shadow
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow
     */
    boxShadow?: CSSValueGeneral;
    /**
     * box sizing
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
     */
    boxSizing?: CSSGlobalValues | 'content-box' | 'border-box';
    /**
     * The CSS break-after property allows you to force a break on multi-column layouts. More specifically, it allows you
     * to force a break after an element. It allows you to determine if a break should occur, and what type of break it
     * should be. The break-after CSS property describes how the page, column or region break behaves after the generated
     * box. If there is no generated box, the property is ignored.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/break-after
     */
    breakAfter?: 'auto' | 'avoid' | 'avoid-page' | 'page' | 'left' | 'right' | 'recto' | 'verso' | 'avoid-column' | 'column' | 'avoid-region' | 'region';
    /**
     * Control page/column/region breaks that fall above a block of content
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/break-before
     */
    breakBefore?: 'auto' | 'avoid' | 'avoid-page' | 'page' | 'left' | 'right' | 'recto' | 'verso' | 'avoid-column' | 'column' | 'avoid-region' | 'region';
    /**
     * Control page/column/region breaks that fall within a block of content
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/break-inside
     */
    breakInside?: 'auto' | 'avoid' | 'avoid-page' | 'avoid-column' | 'avoid-region';
    /**
     * The caption-side CSS property positions the content of a table's <caption> on the specified side.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/caption-side
     */
    captionSide?: CSSGlobalValues | 'top' | 'bottom' | 'block-start' | 'block-end' | 'inline-start' | 'inline-end';
    /**
     * The clear CSS property specifies if an element can be positioned next to or must be positioned below the floating
     * elements that precede it in the markup.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/clear
     */
    clear?: CSSGlobalValues | 'none' | 'left' | 'right' | 'both';
    /**
     * Deprecated; see clip-path.
     * Lets you specify the dimensions of an absolutely positioned element that should be visible, and the element is
     * clipped into this shape, and displayed.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/clip
     */
    clip?: any;
    /**
     * Clipping crops an graphic, so that only a portion of the graphic is rendered, or filled. This clip-rule property,
     * when used with the clip-path property, defines which clip rule, or algorithm, to use when filling the different
     * parts of a graphics.
     * @see https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clip-rule
     */
    clipRule?: any;
    /**
     * The color property sets the color of an element's foreground content (usually text), accepting any standard CSS
     * color from keywords and hex values to RGB(a) and HSL(a).
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/color
     */
    color?: CSSValue<CSSColor>;
    /**
     * Describes the number of columns of the element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-count
     */
    columnCount?: number;
    /**
     * Specifies how to fill columns (balanced or sequential).
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-fill
     */
    columnFill?: any;
    /**
     * The column-gap property controls the width of the gap between columns in multi-column elements.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap
     */
    columnGap?: any;
    /**
     * Sets the width, style, and color of the rule between columns.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule
     */
    columnRule?: any;
    /**
     * Specifies the color of the rule between columns.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-color
     */
    columnRuleColor?: CSSValue<CSSColor>;
    /**
     * Specifies the width of the rule between columns.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-rule-width
     */
    columnRuleWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The column-span CSS property makes it possible for an element to span across all columns when its value is set to
     * all. An element that spans more than one column is called a spanning element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-span
     */
    columnSpan?: any;
    /**
     * Specifies the width of columns in multi-column elements.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/column-width
     */
    columnWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * This property is a shorthand property for setting column-width and/or column-count.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/columns
     */
    columns?: any;
    /**
     * The content property is used with the :before and :after pseudo-elements, to insert generated content.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/content
     */
    content?: CSSValueString;
    /**
     * The counter-increment property accepts one or more names of counters (identifiers), each one optionally followed
     * by an integer which specifies the value by which the counter should be incremented (e.g. if the value is 2, the
     * counter increases by 2 each time it is invoked).
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/counter-increment
     */
    counterIncrement?: any;
    /**
     * The counter-reset property contains a list of one or more names of counters, each one optionally followed by an
     * integer (otherwise, the integer defaults to 0.) Each time the given element is invoked, the counters specified by
     * the property are set to the given integer.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/counter-reset
     */
    counterReset?: any;
    /**
     * The cue property specifies sound files (known as an "auditory icon") to be played by speech media agents before
     * and after presenting an element's content; if only one file is specified, it is played both before and after. The
     * volume at which the file(s) should be played, relative to the volume of the main element, may also be specified.
     * The icon files may also be set separately with the cue-before and cue-after properties.
     */
    cue?: any;
    /**
     * The cue-after property specifies a sound file (known as an "auditory icon") to be played by speech media agents
     * after presenting an element's content; the volume at which the file should be played may also be specified. The
     * shorthand property cue sets cue sounds for both before and after the element is presented.
     */
    cueAfter?: any;
    /**
     * Specifies the mouse cursor displayed when the mouse pointer is over an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
     */
    cursor?: CSSGlobalValues | string | 'auto' | 'default' | 'none' | 'context-menu' | 'help' | 'pointer' | 'progress' | 'wait' | 'cell' | 'crosshair' | 'text' | 'vertical-text' | 'alias' | 'copy' | 'move' | 'no-drop' | 'not-allowed' | 'e-resize' | 'n-resize' | 'ne-resize' | 'nw-resize' | 's-resize' | 'se-resize' | 'sw-resize' | 'w-resize' | 'ew-resize' | 'ns-resize' | 'nesw-resize' | 'nwse-resize' | 'col-resize' | 'row-resize' | 'all-scroll' | 'zoom-in' | 'zoom-out' | 'grab' | 'grabbing';
    /**
     * The direction CSS property specifies the text direction/writing direction. The rtl is used for Hebrew or Arabic
     * text, the ltr is for other languages.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/direction
     */
    direction?: CSSGlobalValues | 'ltr' | 'rtl';
    /**
     * This property specifies the type of rendering box used for an element. It is a shorthand property for many other
     * display properties.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/display
     */
    display?: CSSValue<CSSGlobalValues | string | 'none' | 'inline' | 'block' | 'inline-block' | 'contents' | 'list-item' | 'inline-list-item' | 'table' | 'inline-table' | 'table-cell' | 'table-column' | 'table-column-group' | 'table-footer-group' | 'table-header-group' | 'table-row' | 'table-row-group' | 'table-caption' | 'flex' | 'inline-flex' | 'grid' | 'inline-grid' | 'ruby' | 'ruby-base' | 'ruby-text' | 'ruby-base-container' | 'ruby-text-container' | 'run-in'>;
    /**
     * SVG: Used to determine or re-determine a scaled-baseline-table.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/dominant-baseline
     */
    dominantBaseline?: 'auto' | 'use-script' | 'no-change' | 'reset-size' | 'ideographic' | 'alphabetic' | 'hanging' | 'mathematical' | 'central' | 'middle' | 'text-after-edge' | 'text-before-edge' | 'inherit';
    /**
     * The ‘fill’ property paints the interior of the given graphical element. The area to be painted consists of any
     * areas inside the outline of the shape. To determine the inside of the shape, all subpaths are considered, and the
     * interior is determined according to the rules associated with the current value of the ‘fill-rule’ property. The
     * zero-width geometric outline of a shape is included in the area to be painted.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/fill
     */
    fill?: any;
    /**
     * SVG: Specifies the opacity of the color or the content the current object is filled with.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/fill-opacity
     */
    fillOpacity?: number;
    /**
     * The ‘fill-rule’ property indicates the algorithm which is to be used to determine what parts of the canvas are
     * included inside the shape. For a simple, non-intersecting path, it is intuitively clear what region lies "inside";
     * however, for a more complex path, such as a path that intersects itself or where one subpath encloses another, the
     * interpretation of "inside" is not so obvious. The ‘fill-rule’ property provides two options for how the inside of
     * a shape is determined:
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/fill-rule
     */
    fillRule?: any;
    /**
     * Applies various image processing effects. This property is largely unsupported. See Compatibility section for more
     * information.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/filter
     */
    filter?: any;
    /**
     * Shorthand for `flex-grow`, `flex-shrink`, and `flex-basis`.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex
     */
    flex?: number | string;
    /**
     * Obsolete, do not use. This property has been renamed to align-items.
     * Specifies the alignment (perpendicular to the layout axis defined by the flex-direction property) of child
     * elements of the object.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-align
     */
    flexAlign?: any;
    /**
     * The flex-basis CSS property describes the initial main size of the flex item before any free space is distributed
     * according to the flex factors described in the flex property (flex-grow and flex-shrink).
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis
     */
    flexBasis?: any;
    /**
     * The flex-direction CSS property describes how flex items are placed in the flex container, by setting the
     * direction of the flex container's main axis.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction
     */
    flexDirection?: any;
    /**
     * The flex-flow CSS property defines the flex container's main and cross axis. It is a shorthand property for the
     * flex-direction and flex-wrap properties.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-flow
     */
    flexFlow?: any;
    /**
     * Specifies the flex grow factor of a flex item.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow
     */
    flexGrow?: number;
    /**
     * Do not use. This property has been renamed to align-self
     * Specifies the alignment (perpendicular to the layout axis defined by flex-direction) of child elements of the
     * object.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-item-align
     */
    flexItemAlign?: any;
    /**
     * Do not use. This property has been renamed to align-content.
     * Specifies how a flexbox's lines align within the flexbox when there is extra space along the axis that is
     * perpendicular to the axis defined by the flex-direction property.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-line-pack
     */
    flexLinePack?: any;
    flexNegative?: any;
    /**
     * Gets or sets a value that specifies the ordinal group that a flexbox element belongs to. This ordinal value
     * identifies the display order for the group.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-order
     */
    flexOrder?: any;
    flexPositive?: any;
    /**
     * Specifies the flex shrink factor of a flex item.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink
     */
    flexShrink?: number;
    /**
     * Specifies whether flex items are forced into a single line or can be wrapped onto multiple lines.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap
     */
    flexWrap?: CSSGlobalValues | 'nowrap' | 'wrap' | 'wrap-reverse';
    /**
     * Elements which have the style float are floated horizontally. These elements can move as far to the left or right
     * of the containing element. All elements after the floating element will flow around it, but elements before the
     * floating element are not impacted. If several floating elements are placed after each other, they will float next
     * to each other as long as there is room.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/float
     */
    float?: CSSGlobalValues | 'left' | 'right' | 'none' | 'inline-start' | 'inline-end';
    /**
     * Flows content from a named flow (specified by a corresponding flow-into) through selected elements to form a
     * dynamic chain of layout regions.
     */
    flowFrom?: any;
    /**
     * The font property is shorthand that allows you to do one of two things: you can either set up six of the most
     * mature font properties in one line, or you can set one of a choice of keywords to adopt a system font setting.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font
     */
    font?: any;
    /**
     * The font-family property allows one or more font family names and/or generic family names to be specified for
     * usage on the selected element(s)' text. The browser then goes through the list; for each character in the
     * selection it applies the first font family that has an available glyph for that character.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-family
     */
    fontFamily?: any;
    /**
     * The font-kerning property allows contextual adjustment of inter-glyph spacing, i.e. the spaces between the
     * characters in text. This property controls <bold>metric kerning</bold> - that utilizes adjustment data contained
     * in the font. Optical Kerning is not supported as yet.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-kerning
     */
    fontKerning?: CSSGlobalValues | 'auto' | 'normal' | 'none';
    /**
     * Specifies the size of the font. Used to compute em and ex units.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-size
     */
    fontSize?: CSSValue<CSSFontSize>;
    /**
     * The font-size-adjust property adjusts the font-size of the fallback fonts defined with font-family, so that the
     * x-height is the same no matter what font is used. This preserves the readability of the text when fallback
     * happens.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-size-adjust
     */
    fontSizeAdjust?: any;
    /**
     * Allows you to expand or condense the widths for a normal, condensed, or expanded font face.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-stretch
     */
    fontStretch?: CSSGlobalValues | 'normal' | 'ultra-condensed' | 'extra-condensed' | 'condensed' | 'semi-condensed' | 'semi-expanded' | 'expanded' | 'extra-expanded' | 'ultra-expanded';
    /**
     * The font-style property allows normal, italic, or oblique faces to be selected. Italic forms are generally cursive
     * in nature while oblique faces are typically sloped versions of the regular face. Oblique faces can be simulated by
     * artificially sloping the glyphs of the regular face.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-style
     */
    fontStyle?: CSSGlobalValues | 'normal' | 'italic' | 'oblique';
    /**
     * This value specifies whether the user agent is allowed to synthesize bold or oblique font faces when a font family
     * lacks bold or italic faces.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis
     */
    fontSynthesis?: any;
    /**
     * The font-variant property enables you to select the small-caps font within a font family.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant
     */
    fontVariant?: any;
    /**
     * Fonts can provide alternate glyphs in addition to default glyph for a character. This property provides control
     * over the selection of these alternate glyphs.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-alternates
     */
    fontVariantAlternates?: any;
    /**
     * Specifies the weight or boldness of the font.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight
     */
    fontWeight?: CSSFontWeight;
    /**
     * Lays out one or more grid items bound by 4 grid lines. Shorthand for setting grid-column-start, grid-column-end,
     * grid-row-start, and grid-row-end in a single declaration.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-area
     */
    gridArea?: any;
    /**
     * Controls a grid item's placement in a grid area, particularly grid position and a grid span. Shorthand for setting
     * grid-column-start and grid-column-end in a single declaration.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column
     */
    gridColumn?: any;
    /**
     * Controls a grid item's placement in a grid area as well as grid position and a grid span. The grid-column-end
     * property (with grid-row-start, grid-row-end, and grid-column-start) determines a grid item's placement by
     * specifying the grid lines of a grid item's grid area.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end
     */
    gridColumnEnd?: any;
    /**
     * Determines a grid item's placement by specifying the starting grid lines of a grid item's grid area . A grid
     * item's placement in a grid area consists of a grid position and a grid span. See also ( grid-row-start,
     * grid-row-end, and grid-column-end)
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start
     */
    gridColumnStart?: any;
    /**
     * Gets or sets a value that indicates which row an element within a Grid should appear in. Shorthand for setting
     * grid-row-start and grid-row-end in a single declaration.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row
     */
    gridRow?: any;
    /**
     * Determines a grid item’s placement by specifying the block-end. A grid item's placement in a grid area consists of
     * a grid position and a grid span. The grid-row-end property (with grid-row-start, grid-column-start, and
     * grid-column-end) determines a grid item's placement by specifying the grid lines of a grid item's grid area.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end
     */
    gridRowEnd?: any;
    /**
     * Specifies a row position based upon an integer location, string value, or desired row size.
     * css/properties/grid-row is used as short-hand for grid-row-position and grid-row-position
     */
    gridRowPosition?: any;
    gridRowSpan?: any;
    /**
     * Determines a grid item’s start position within the grid row by contributing a line, a span, or nothing (automatic)
     * to its grid placement, thereby specifying the inline-start edge of its grid area.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start
     */
    gridRowStart?: any;
    /**
     * Specifies named grid areas which are not associated with any particular grid item, but can be referenced from the
     * grid-placement properties. The syntax of the grid-template-areas property also provides a visualization of the
     * structure of the grid, making the overall layout of the grid container easier to understand.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
     */
    gridTemplateAreas?: any;
    /**
     * Specifies (with grid-template-rows) the line names and track sizing functions of the grid. Each sizing function
     * can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying
     * the column or row, or a fraction of the free space in the grid.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns
     */
    gridTemplateColumns?: any;
    /**
     * Specifies (with grid-template-columns) the line names and track sizing functions of the grid. Each sizing function
     * can be specified as a length, a percentage of the grid container’s size, a measurement of the contents occupying
     * the column or row, or a fraction of the free space in the grid.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows
     */
    gridTemplateRows?: any;
    /**
     * Sets the height of an element. The content area of the element height does not include the padding, border, and
     * margin of the element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/height
     */
    height?: CSSValue<'auto' | CSSLength | CSSPercentage | CSSGlobalValues>;
    /**
     * Specifies the minimum number of characters in a hyphenated word
     * @see https://msdn.microsoft.com/en-us/library/hh771865(v=vs.85).aspx
     */
    hyphenateLimitChars?: any;
    /**
     * Indicates the maximum number of successive hyphenated lines in an element. The ‘no-limit’ value means that there
     * is no limit.
     * @see https://msdn.microsoft.com/en-us/library/hh771867(v=vs.85).aspx
     */
    hyphenateLimitLines?: any;
    /**
     * Specifies the maximum amount of trailing whitespace (before justification) that may be left in a line before
     * hyphenation is triggered to pull part of a word from the next line back up into the current one.
     * @see https://msdn.microsoft.com/en-us/library/hh771869(v=vs.85).aspx
     */
    hyphenateLimitZone?: any;
    /**
     * Specifies whether or not words in a sentence can be split by the use of a manual or automatic hyphenation
     * mechanism.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens
     */
    hyphens?: CSSGlobalValues | string | 'none' | 'manual' | 'auto';
    /**
     * Controls the state of the input method editor for text fields.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/ime-mode
     */
    imeMode?: CSSGlobalValues | 'auto' | 'normal' | 'active' | 'inactive' | 'disabled';
    /**
     * Defines how the browser distributes space between and around flex items
     * along the main-axis of their container.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
     */
    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around';
    layoutGrid?: any;
    layoutGridChar?: any;
    layoutGridLine?: any;
    layoutGridMode?: any;
    layoutGridType?: any;
    /**
     * Sets the left edge of an element
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/left
     */
    left?: CSSValue<'auto' | CSSLength | CSSPercentage | CSSGlobalValues>;
    /**
     * The letter-spacing CSS property specifies the spacing behavior between text characters.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing
     */
    letterSpacing?: any;
    /**
     * Deprecated. Gets or sets line-breaking rules for text in selected languages such as Japanese, Chinese, and Korean.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/line-break
     */
    lineBreak?: any;
    lineClamp?: number;
    /**
     * Specifies the height of an inline block level element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/line-height
     */
    lineHeight?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Shorthand property that sets the list-style-type, list-style-position and list-style-image properties in one
     * declaration.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/list-style
     */
    listStyle?: any;
    /**
     * This property sets the image that will be used as the list item marker. When the image is available, it will
     * replace the marker set with the 'list-style-type' marker. That also means that if the image is not available, it
     * will show the style specified by list-style-property
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-image
     */
    listStyleImage?: any;
    /**
     * Specifies if the list-item markers should appear inside or outside the content flow.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position
     */
    listStylePosition?: CSSGlobalValues | 'inside' | 'outside';
    /**
     * Specifies the type of list-item marker in a list.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type
     */
    listStyleType?: any;
    /**
     * The margin property is shorthand to allow you to set all four margins of an element at once. Its equivalent
     * longhand properties are margin-top, margin-right, margin-bottom and margin-left. Negative values are also allowed.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin
     */
    margin?: any;
    /**
     * margin-bottom sets the bottom margin of an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom
     */
    marginBottom?: any;
    /**
     * margin-left sets the left margin of an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left
     */
    marginLeft?: any;
    /**
     * margin-right sets the right margin of an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right
     */
    marginRight?: any;
    /**
     * margin-top sets the top margin of an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top
     */
    marginTop?: CSSValueGeneral;
    /**
     * The marquee-direction determines the initial direction in which the marquee content moves.
     */
    marqueeDirection?: any;
    /**
     * The 'marquee-style' property determines a marquee's scrolling behavior.
     */
    marqueeStyle?: any;
    /**
     * This property is shorthand for setting mask-image, mask-mode, mask-repeat, mask-position, mask-clip, mask-origin,
     * mask-composite and mask-size. Omitted values are set to their original properties' initial values.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/mask
     */
    mask?: any;
    /**
     * This property is shorthand for setting mask-border-source, mask-border-slice, mask-border-width,
     * mask-border-outset, and mask-border-repeat. Omitted values are set to their original properties' initial values.
     */
    maskBorder?: any;
    /**
     * This property specifies how the images for the sides and the middle part of the mask image are scaled and tiled.
     * The first keyword applies to the horizontal sides, the second one applies to the vertical ones. If the second
     * keyword is absent, it is assumed to be the same as the first, similar to the CSS border-image-repeat property.
     */
    maskBorderRepeat?: any;
    /**
     * This property specifies inward offsets from the top, right, bottom, and left edges of the mask image, dividing it
     * into nine regions: four corners, four edges, and a middle. The middle image part is discarded and treated as fully
     * transparent black unless the fill keyword is present. The four values set the top, right, bottom and left offsets
     * in that order, similar to the CSS border-image-slice property.
     */
    maskBorderSlice?: any;
    /**
     * Specifies an image to be used as a mask. An image that is empty, fails to download, is non-existent, or cannot be
     * displayed is ignored and does not mask the element.
     */
    maskBorderSource?: any;
    /**
     * This property sets the width of the mask box image, similar to the CSS border-image-width property.
     */
    maskBorderWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Determines the mask painting area, which defines the area that is affected by the mask. The painted content of an
     * element may be restricted to this area.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/mask-clip
     */
    maskClip?: any;
    /**
     * For elements rendered as a single box, specifies the mask positioning area. For elements rendered as multiple
     * boxes (e.g., inline boxes on several lines, boxes on several pages) specifies which boxes box-decoration-break
     * operates on to determine the mask positioning area(s).
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/mask-origin
     */
    maskOrigin?: any;
    /**
     * This property must not be used. It is no longer included in any standard or standard track specification, nor is
     * it implemented in any browser. It is only used when the text-align-last property is set to size. It controls
     * allowed adjustments of font-size to fit line content.
     */
    maxFontSize?: any;
    /**
     * Sets the maximum height for an element. It prevents the height of the element to exceed the specified value. If
     * min-height is specified and is greater than max-height, max-height is overridden.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/max-height
     */
    maxHeight?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Sets the maximum width for an element. It limits the width property to be larger than the value specified in
     * max-width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/max-width
     */
    maxWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Sets the minimum height for an element. It prevents the height of the element to be smaller than the specified
     * value. The value of min-height overrides both max-height and height.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/min-height
     */
    minHeight?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Sets the minimum width of an element. It limits the width property to be not smaller than the value specified in
     * min-width.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/min-width
     */
    minWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The blend mode defines the formula that must be used to mix the colors with the backdrop
     * @see https://drafts.fxtf.org/compositing-1/#mix-blend-mode
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/mix-blend-mode
     */
    mixBlendMode?: CSSValue<CSSBlendMode>;
    /**
     * Specifies the transparency of an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/opacity
     */
    opacity?: number | CSSGlobalValues;
    /**
     * Specifies the order used to lay out flex items in their flex container.
     * Elements are laid out in the ascending order of the order value.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/order
     */
    order?: number;
    /**
     * In paged media, this property defines the minimum number of lines in
     * a block container that must be left at the bottom of the page.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/orphans
     */
    orphans?: number;
    /**
     * The CSS outline property is a shorthand property for setting one or more of the individual outline properties
     * outline-style, outline-width and outline-color in a single rule. In most cases the use of this shortcut is
     * preferable and more convenient. Outlines differ from borders in the following ways:  •       Outlines do not take
     * up space, they are drawn above the content.
     *      •       Outlines may be non-rectangular. They are rectangular in Gecko/Firefox. Internet Explorer attempts to
     * place the smallest contiguous outline around all elements or shapes that are indicated to have an outline. Opera
     * draws a non-rectangular shape around a construct.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/outline
     */
    outline?: any;
    /**
     * The outline-color property sets the color of the outline of an element. An outline is a line that is drawn around
     * elements, outside the border edge, to make the element stand out.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color
     */
    outlineColor?: CSSValue<CSSColor>;
    /**
     * The outline-offset property offsets the outline and draw it beyond the border edge.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset
     */
    outlineOffset?: any;
    /**
     * The outline-style property sets the style of the outline of an element.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style
     */
    outlineStyle?: CSSGlobalValues | 'auto' | 'none' | 'dotted' | 'dashed' | 'solid' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
    /**
     * The outline-width CSS property is used to set the width of the outline of an element. An outline is a line that is
     * drawn around elements, outside the border edge, to make the element stand out
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width
     */
    outlineWidth?: CSSGlobalValues | 'thin' | 'medium' | 'thick' | CSSLength;
    /**
     * The overflow property controls how extra content exceeding the bounding box of an element is rendered. It can be
     * used in conjunction with an element that has a fixed width and height, to eliminate text-induced page distortion.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/overflow
     */
    overflow?: CSSValue<CSSOverflow>;
    /**
     * Specifies the preferred scrolling methods for elements that overflow.
     */
    overflowStyle?: any;
    /**
     * Controls how extra content exceeding the x-axis of the bounding box of an element is rendered.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x
     */
    overflowX?: CSSValue<CSSOverflow>;
    /**
     * Controls how extra content exceeding the y-axis of the bounding box of an element is rendered.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y
     */
    overflowY?: CSSValue<CSSOverflow>;
    /**
     * The padding optional CSS property sets the required padding space on one to four sides of an element. The padding
     * area is the space between an element and its border. Negative values are not allowed but decimal values are
     * permitted. The element size is treated as fixed, and the content of the element shifts toward the center as
     * padding is increased. The padding property is a shorthand to avoid setting each side separately (padding-top,
     * padding-right, padding-bottom, padding-left).
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding
     */
    padding?: any;
    /**
     * The padding-bottom CSS property of an element sets the padding space required on the bottom of an element. The
     * padding area is the space between the content of the element and its border. Contrary to margin-bottom values,
     * negative values of padding-bottom are invalid.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom
     */
    paddingBottom?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The padding-left CSS property of an element sets the padding space required on the left side of an element. The
     * padding area is the space between the content of the element and its border. Contrary to margin-left values,
     * negative values of padding-left are invalid.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left
     */
    paddingLeft?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The padding-right CSS property of an element sets the padding space required on the right side of an element. The
     * padding area is the space between the content of the element and its border. Contrary to margin-right values,
     * negative values of padding-right are invalid.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right
     */
    paddingRight?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The padding-top CSS property of an element sets the padding space required on the top of an element. The padding
     * area is the space between the content of the element and its border. Contrary to margin-top values, negative
     * values of padding-top are invalid.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top
     */
    paddingTop?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The page-break-after property is supported in all major browsers. With CSS3, page-break-* properties are only
     * aliases of the break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-after
     */
    pageBreakAfter?: CSSGlobalValues | 'auto' | 'always' | 'avoid' | 'left' | 'right' | 'recto' | 'verso';
    /**
     * The page-break-before property sets the page-breaking behavior before an element. With CSS3, page-break-*
     * properties are only aliases of the break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box
     * fragmentation.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-before
     */
    pageBreakBefore?: CSSGlobalValues | 'auto' | 'always' | 'avoid' | 'left' | 'right' | 'recto' | 'verso';
    /**
     * Sets the page-breaking behavior inside an element. With CSS3, page-break-* properties are only aliases of the
     * break-* properties. The CSS3 Fragmentation spec defines breaks for all CSS box fragmentation.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/page-break-inside
     */
    pageBreakInside?: CSSGlobalValues | 'auto' | 'avoid';
    /**
     * The pause property determines how long a speech media agent should pause before and after presenting an element.
     * It is a shorthand for the pause-before and pause-after properties.
     */
    pause?: any;
    /**
     * The pause-after property determines how long a speech media agent should pause after presenting an element. It may
     * be replaced by the shorthand property pause, which sets pause time before and after.
     */
    pauseAfter?: any;
    /**
     * The pause-before property determines how long a speech media agent should pause before presenting an element. It
     * may be replaced by the shorthand property pause, which sets pause time before and after.
     */
    pauseBefore?: any;
    /**
     * The perspective property defines how far an element is placed from the view on the z-axis, from the screen to the
     * viewer. Perspective defines how an object is viewed. In graphic arts, perspective is the representation on a flat
     * surface of what the viewer's eye would see in a 3D space. (See Wikipedia for more information about graphical
     * perspective and for related illustrations.) The illusion of perspective on a flat surface, such as a computer
     * screen, is created by projecting points on the flat surface as they would appear if the flat surface were a window
     * through which the viewer was looking at the object. In discussion of virtual environments, this flat surface is
     * called a projection plane.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/perspective
     */
    perspective?: any;
    /**
     * The perspective-origin property establishes the origin for the perspective property. It effectively sets the X and
     * Y position at which the viewer appears to be looking at the children of the element. When used with perspective,
     * perspective-origin changes the appearance of an object, as if a viewer were looking at it from a different origin.
     * An object appears differently if a viewer is looking directly at it versus looking at it from below, above, or
     * from the side. Thus, the perspective-origin is like a vanishing point. The default value of perspective-origin is
     * 50% 50%. This displays an object as if the viewer's eye were positioned directly at the center of the screen, both
     * top-to-bottom and left-to-right. A value of 0% 0% changes the object as if the viewer was looking toward the top
     * left angle. A value of 100% 100% changes the appearance as if viewed toward the bottom right angle.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/perspective-origin
     */
    perspectiveOrigin?: any;
    /**
     * The pointer-events property allows you to control whether an element can be the target for the pointing device
     * (e.g, mouse, pen) events.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/pointer-events
     */
    pointerEvents?: CSSGlobalValues | 'auto' | 'none' | 'visiblePainted' | 'visibleFill' | 'visibleStroke' | 'visible' | 'painted' | 'fill' | 'stroke' | 'all';
    /**
     * The position property controls the type of positioning used by an element within its parent elements. The effect
     * of the position property depends on a lot of factors, for example the position property of parent elements.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/position
     */
    position?: CSSGlobalValues | 'static' | 'relative' | 'absolute' | 'sticky' | 'fixed';
    /**
     * Obsolete: unsupported.
     * This property determines whether or not a full-width punctuation mark character should be trimmed if it appears at
     * the beginning of a line, so that its "ink" lines up with the first glyph in the line above and below.
     */
    punctuationTrim?: any;
    /**
     * Sets the type of quotation marks for embedded quotations.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/quotes
     */
    quotes?: any;
    /**
     * Controls whether the last region in a chain displays additional 'overset' content according its default overflow
     * property, or if it displays a fragment of content as if it were flowing into a subsequent region.
     */
    regionFragment?: any;
    /**
     * The resize CSS property lets you control the resizability of an element.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/resize
     */
    resize?: CSSGlobalValues | 'none' | 'both ' | 'horizontal' | 'vertical';
    /**
     * The rest-after property determines how long a speech media agent should pause after presenting an element's main
     * content, before presenting that element's exit cue sound. It may be replaced by the shorthand property rest, which
     * sets rest time before and after.
     */
    restAfter?: any;
    /**
     * The rest-before property determines how long a speech media agent should pause after presenting an intro cue sound
     * for an element, before presenting that element's main content. It may be replaced by the shorthand property rest,
     * which sets rest time before and after.
     */
    restBefore?: any;
    /**
     * Specifies the position an element in relation to the right side of the containing element.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/right
     */
    right?: CSSValue<'auto' | CSSLength | CSSPercentage | CSSGlobalValues>;
    /**
     * Specifies the distribution of the different ruby elements over the base.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/ruby-align
     */
    rubyAlign?: CSSGlobalValues | 'start' | 'center' | 'space-between' | 'space-around';
    /**
     * Specifies the position of a ruby element relatives to its base element. It can be position over the element
     * (over), under it (under), or between the characters, on their right side (inter-character).
     * @see https://developer.mozilla.org/en/docs/Web/CSS/ruby-position
     */
    rubyPosition?: CSSGlobalValues | 'over' | 'under' | 'inter-character';
    /**
     * SVG: For the <ellipse> element, this attribute defines the x-radius of the element. A value of zero disables
     * rendering of the element. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/rx
     */
    rx?: number;
    /**
     * SVG: For the <ellipse> element, this attribute defines the y-radius of the element. A value of zero disables
     * rendering of the element. https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/ry
     */
    ry?: number;
    /**
     * Defines the alpha channel threshold used to extract a shape from an image. Can be thought of as a "minimum
     * opacity" threshold; that is, a value of 0.5 means that the shape will enclose all the pixels that are more than
     * 50% opaque.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/shape-image-threshold
     */
    shapeImageThreshold?: any;
    /**
     * A future level of CSS Shapes will define a shape-inside property, which will define a shape to wrap content within
     * the element. See Editor's Draft <http://dev.w3.org/csswg/css-shapes/> and CSSWG wiki page on next-level plans
     * <http://wiki.csswg.org/spec/css-shapes>
     */
    shapeInside?: any;
    /**
     * Adds a margin to a shape-outside. In effect, defines a new shape that is the smallest contour around all the
     * points that are the shape-margin distance outward perpendicular to each point on the underlying shape. For points
     * where a perpendicular direction is not defined (e.g., a triangle corner), takes all points on a circle centered at
     * the point and with a radius of the shape-margin distance. This property accepts only non-negative values.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/shape-margin
     */
    shapeMargin?: any;
    /**
     * Declares a shape around which text should be wrapped, with possible modifications from the shape-margin property.
     * The shape defined by shape-outside and shape-margin changes the geometry of a float element's float area.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/shape-outside
     */
    shapeOutside?: any;
    /**
     * The speak property determines whether or not a speech synthesizer will read aloud the contents of an element.
     */
    speak?: any;
    /**
     * The speak-as property determines how the speech synthesizer interprets the content: words as whole words or as a
     * sequence of letters, numbers as a numerical value or a sequence of digits, punctuation as pauses in speech or
     * named punctuation characters.
     */
    speakAs?: any;
    /**
     * Location of a font-face.  Used with the @font-face at rule
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/src
     */
    src?: CSSValueString;
    /**
     * SVG: Defines the color of the outline on a given graphical element.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/stroke
     */
    stroke?: string;
    /**
     * SVG: Controls the pattern of dashes and gaps used to stroke paths.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/stroke-dasharray
     */
    strokeDasharray?: number[];
    /**
     * SVG: Specifies the distance into the dash pattern to start the dash
     * @see https://developer.mozilla.org/en/docs/Web/SVG/Attribute/stroke-dashoffset
     */
    strokeDashoffset?: CSSValue<CSSGlobalValues | CSSLength | CSSPercentage>;
    /**
     * SVG: Specifies the shape to be used at the end of open subpaths when they are stroked.
     * @see https://developer.mozilla.org/en/docs/Web/SVG/Attribute/stroke-linecap
     */
    strokeLinecap?: CSSGlobalValues | 'butt' | 'round' | 'square';
    /**
     * SVG: Specifies the opacity of the outline on the current object.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/stroke-opacity
     */
    strokeOpacity?: number;
    /**
     * SVG: Specifies the width of the outline on the current object.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/stroke-width
     */
    strokeWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The tab-size CSS property is used to customise the width of a tab (U+0009) character.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/tab-size
     */
    tabSize?: any;
    /**
     * The 'table-layout' property controls the algorithm used to lay out the table cells, rows, and columns.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/table-layout
     */
    tableLayout?: any;
    /**
     * The text-align CSS property describes how inline content like text is aligned in its parent block element.
     * text-align does not control the alignment of block elements itself, only their inline content.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-align
     */
    textAlign?: CSSGlobalValues | 'start' | 'end' | 'left' | 'right' | 'center' | 'justify' | 'justify-all' | 'match-parent';
    /**
     * The text-align-last CSS property describes how the last line of a block element or a line before line break is
     * aligned in its parent block element.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-align-last
     */
    textAlignLast?: CSSGlobalValues | 'auto' | 'start' | 'end' | 'left' | 'right' | 'center' | 'justify';
    /**
     * SVG: The text-anchor attribute is used to align (start-, middle- or end-alignment) a string of text relative to a
     * given point.
     * @see https://developer.mozilla.org/en-US/docs/Web/CSS/text-anchor
     */
    textAnchor?: 'start' | 'middle' | 'end' | 'inherit';
    /**
     * The text-decoration CSS property is used to set the text formatting to underline, overline, line-through or blink.
     * underline and overline decorations are positioned under the text, line-through over it.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-decoration
     */
    textDecoration?: any;
    /**
     * Sets the color of any text decoration, such as underlines, overlines, and strike throughs.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-decoration-color
     */
    textDecorationColor?: CSSValue<CSSColor>;
    /**
     * Sets what kind of line decorations are added to an element, such as underlines, overlines, etc.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-decoration-line
     */
    textDecorationLine?: any;
    textDecorationLineThrough?: any;
    textDecorationNone?: any;
    textDecorationOverline?: any;
    /**
     * Specifies what parts of an element’s content are skipped over when applying any text decoration.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-decoration-skip
     */
    textDecorationSkip?: any;
    /**
     * This property specifies the style of the text decoration line drawn on the specified element. The intended meaning
     * for the values are the same as those of the border-style-properties.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-decoration-style
     */
    textDecorationStyle?: CSSGlobalValues | 'solid' | 'double' | 'dotted' | 'dashed' | 'wavy';
    textDecorationUnderline?: any;
    /**
     * The text-emphasis property will apply special emphasis marks to the elements text. Slightly similar to the
     * text-decoration property only that this property can have affect on the line-height. It also is noted that this is
     * shorthand for text-emphasis-style and for text-emphasis-color.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-emphasis
     */
    textEmphasis?: any;
    /**
     * The text-emphasis-color property specifies the foreground color of the emphasis marks.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-emphasis-color
     */
    textEmphasisColor?: CSSValue<CSSColor>;
    /**
     * The text-emphasis-style property applies special emphasis marks to an element's text.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-emphasis-style
     */
    textEmphasisStyle?: any;
    /**
     * This property helps determine an inline box's block-progression dimension, derived from the text-height and
     * font-size properties for non-replaced elements, the height or the width for replaced elements, and the stacked
     * block-progression dimension for inline-block elements. The block-progression dimension determines the position of
     * the padding, border and margin for the element.
     */
    textHeight?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * Specifies the amount of space horizontally that should be left on the first line of the text of an element. This
     * horizontal spacing is at the beginning of the first line and is in respect to the left edge of the containing
     * block box.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-indent
     */
    textIndent?: any;
    textJustifyTrim?: any;
    textKashidaSpace?: any;
    /**
     * The text-line-through property is a shorthand property for text-line-through-style, text-line-through-color and
     * text-line-through-mode. (Considered obsolete; use text-decoration instead.)
     */
    textLineThrough?: any;
    /**
     * Specifies the line colors for the line-through text decoration.
     * (Considered obsolete; use text-decoration-color instead.)
     */
    textLineThroughColor?: CSSValue<CSSColor>;
    /**
     * Sets the mode for the line-through text decoration, determining whether the text decoration affects the space
     * characters or not.
     * (Considered obsolete; use text-decoration-skip instead.)
     */
    textLineThroughMode?: any;
    /**
     * Specifies the line style for line-through text decoration.
     * (Considered obsolete; use text-decoration-style instead.)
     */
    textLineThroughStyle?: any;
    /**
     * Specifies the line width for the line-through text decoration.
     */
    textLineThroughWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The text-overflow shorthand CSS property determines how overflowed content that is not displayed is signaled to
     * the users. It can be clipped, display an ellipsis ('…', U+2026 HORIZONTAL ELLIPSIS) or a Web author-defined
     * string. It covers the two long-hand properties text-overflow-mode and text-overflow-ellipsis
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-overflow
     */
    textOverflow?: CSSGlobalValues | 'clip' | 'ellipsis' | string;
    /**
     * The text-overline property is the shorthand for the text-overline-style, text-overline-width, text-overline-color,
     * and text-overline-mode properties.
     */
    textOverline?: any;
    /**
     * Specifies the line color for the overline text decoration.
     */
    textOverlineColor?: CSSValue<CSSColor>;
    /**
     * Sets the mode for the overline text decoration, determining whether the text decoration affects the space
     * characters or not.
     */
    textOverlineMode?: any;
    /**
     * Specifies the line style for overline text decoration.
     */
    textOverlineStyle?: any;
    /**
     * Specifies the line width for the overline text decoration.
     */
    textOverlineWidth?: CSSValue<CSSLength | CSSPercentage>;
    /**
     * The text-rendering CSS property provides information to the browser about how to optimize when rendering text.
     * Options are: legibility, speed or geometric precision.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-rendering
     */
    textRendering?: CSSGlobalValues | 'auto' | 'optimizeSpeed' | 'optimizeLegibility' | 'geometricPrecision';
    /**
     * Obsolete: unsupported.
     */
    textScript?: any;
    /**
     * The CSS text-shadow property applies one or more drop shadows to the text and <text-decorations> of an element.
     * Each shadow is specified as an offset from the text, along with optional color and blur radius values.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-shadow
     */
    textShadow?: any;
    /**
     * This property transforms text for styling purposes. (It has no effect on the underlying content.)
     * @see https://developer.mozilla.org/en/docs/Web/CSS/text-transform
     */
    textTransform?: CSSGlobalValues | 'none' | 'capitalize' | 'uppercase' | 'lowercase' | 'full-width';
    /**
     * Unsupported.
     * This property will add a underline position value to the element that has an underline defined.
     */
    textUnderlinePosition?: any;
    /**
     * After review this should be replaced by text-decoration should it not?
     * This property will set the underline style for text with a line value for underline, overline, and line-through.
     */
    textUnderlineStyle?: any;
    /**
     * This property specifies how far an absolutely positioned box's top margin edge is offset below the top edge of the
     * box's containing block. For relatively positioned boxes, the offset is with respect to the top edges of the box
     * itself (i.e., the box is given a position in the normal flow, then offset from that position according to these
     * properties).
     * @see https://developer.mozilla.org/en/docs/Web/CSS/top
     */
    top?: CSSValue<'auto' | CSSLength | CSSPercentage | CSSGlobalValues>;
    /**
     * Determines whether touch input may trigger default behavior supplied by the user agent, such as panning or zooming.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/touch-action
     */
    touchAction?: CSSGlobalValues | 'auto' | 'none' | 'pan-x' | 'pan-left' | 'pan-right' | 'pan-y' | 'pan-up' | 'pan-down' | 'manipulation';
    /**
     * CSS transforms allow elements styled with CSS to be transformed in two-dimensional or three-dimensional space.
     * Using this property, elements can be translated, rotated, scaled, and skewed. The value list may consist of 2D
     * and/or 3D transform values.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/transform
     */
    transform?: CSSTransformFunction;
    /**
     * This property defines the origin of the transformation axes relative to the element to which the transformation is
     * applied.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/transform-origin
     */
    transformOrigin?: any;
    /**
     * This property allows you to define the relative position of the origin of the transformation grid along the z-axis.
     */
    transformOriginZ?: any;
    /**
     * This property specifies how nested elements are rendered in 3D space relative to their parent.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/transform-style
     */
    transformStyle?: CSSGlobalValues | 'flat' | 'preserve-3d';
    /**
     * The transition CSS property is a shorthand property for transition-property, transition-duration,
     * transition-timing-function, and transition-delay. It allows to define the transition between two states of an
     * element.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/transition
     */
    transition?: any;
    /**
     * Defines when the transition will start. A value of ‘0s’ means the transition will execute as soon as the property
     * is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition
     * will delay execution by that offset.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/transition-delay
     */
    transitionDelay?: any;
    /**
     * The 'transition-duration' property specifies the length of time a transition animation takes to complete.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/transition-duration
     */
    transitionDuration?: any;
    /**
     * The 'transition-property' property specifies the name of the CSS property to which the transition is applied.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/transition-property
     */
    transitionProperty?: CSSValueString;
    /**
     * Sets the pace of action within a transition
     * @see https://developer.mozilla.org/en/docs/Web/CSS/transition-timing-function
     */
    transitionTimingFunction?: CSSTimingFunction;
    /**
     * The unicode-bidi CSS property specifies the level of embedding with respect to the bidirectional algorithm.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/unicode-bidi
     */
    unicodeBidi?: any;
    /**
     * unicode-range allows you to set a specific range of characters to be downloaded from a font (embedded using
     * @font-face) and made available for use on the current page.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/unicode-range
     */
    unicodeRange?: any;
    /**
     * This is for all the high level UX stuff.
     */
    userFocus?: any;
    /**
     * For inputing user content
     */
    userInput?: any;
    /**
     * User select
     * @see https://developer.mozilla.org/en/docs/Web/CSS/user-select
     */
    userSelect?: 'auto' | 'text' | 'none' | 'contain' | 'all';
    /**
     * The vertical-align property controls how inline elements or text are vertically aligned compared to the baseline.
     * If this property is used on table-cells it controls the vertical alignment of content of the table cell.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/vertical-align
     */
    verticalAlign?: CSSGlobalValues | 'baseline' | 'sub' | 'super' | 'text-top' | 'text-bottom' | 'middle' | 'top' | 'bottom' | CSSLength | CSSPercentage;
    /**
     * The visibility property specifies whether the boxes generated by an element are rendered.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/visibility
     */
    visibility?: CSSGlobalValues | 'visible' | 'hidden' | 'collapse';
    /**
     * The voice-balance property sets the apparent position (in stereo sound) of the synthesized voice for spoken media.
     */
    voiceBalance?: any;
    /**
     * The voice-duration property allows the author to explicitly set the amount of time it should take a speech
     * synthesizer to read an element's content, for example to allow the speech to be synchronized with other media.
     * With a value of auto (the default) the length of time it takes to read the content is determined by the content
     * itself and the voice-rate property.
     */
    voiceDuration?: any;
    /**
     * The voice-family property sets the speaker's voice used by a speech media agent to read an element. The speaker
     * may be specified as a named character (to match a voice option in the speech reading software) or as a generic
     * description of the age and gender of the voice. Similar to the font-family property for visual media, a
     * comma-separated list of fallback options may be given in case the speech reader does not recognize the character
     * name or cannot synthesize the requested combination of generic properties.
     */
    voiceFamily?: any;
    /**
     * The voice-pitch property sets pitch or tone (high or low) for the synthesized speech when reading an element; the
     * pitch may be specified absolutely or relative to the normal pitch for the voice-family used to read the text.
     */
    voicePitch?: any;
    /**
     * The voice-range property determines how much variation in pitch or tone will be created by the speech synthesize
     * when reading an element. Emphasized text, grammatical structures and punctuation may all be rendered as changes in
     * pitch, this property determines how strong or obvious those changes are; large ranges are associated with
     * enthusiastic or emotional speech, while small ranges are associated with flat or mechanical speech.
     */
    voiceRange?: any;
    /**
     * The voice-rate property sets the speed at which the voice synthesized by a speech media agent will read content.
     */
    voiceRate?: any;
    /**
     * The voice-stress property sets the level of vocal emphasis to be used for synthesized speech reading the element.
     */
    voiceStress?: any;
    /**
     * The voice-volume property sets the volume for spoken content in speech media. It replaces the deprecated volume
     * property.
     */
    voiceVolume?: any;
    /**
     * The white-space property controls whether and how white space inside the element is collapsed, and whether lines
     * may wrap at unforced "soft wrap" opportunities.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/white-space
     */
    whiteSpace?: CSSGlobalValues | 'normal' | 'nowrap' | 'pre' | 'pre-line' | 'pre-wrap';
    /**
     * Obsolete: unsupported.
     */
    whiteSpaceTreatment?: any;
    /**
     * In paged media, this property defines the mimimum number of lines
     * that must be left at the top of the second page.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/widows
     */
    widows?: number;
    /**
     * Specifies the width of the content area of an element. The content area of the element width does not include the
     * padding, border, and margin of the element.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/width
     */
    width?: CSSValue<'auto' | CSSLength | CSSPercentage | CSSGlobalValues>;
    /**
     * The word-break property is often used when there is long generated content that is strung together without and
     * spaces or hyphens to beak apart. A common case of this is when there is a long URL that does not have any hyphens.
     * This case could potentially cause the breaking of the layout as it could extend past the parent element.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/word-break
     */
    wordBreak?: CSSGlobalValues | 'normal' | 'break-all' | 'keep-all';
    /**
     * The word-spacing CSS property specifies the spacing behavior between "words".
     * @see https://developer.mozilla.org/en/docs/Web/CSS/word-spacing
     */
    wordSpacing?: CSSGlobalValues | 'normal' | CSSLength | CSSPercentage;
    /**
     * An alias of css/properties/overflow-wrap, word-wrap defines whether to break words when the content exceeds the
     * boundaries of its container.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/word-wrap
     */
    wordWrap?: CSSGlobalValues | 'normal' | 'break-word';
    /**
     * Specifies how exclusions affect inline content within block-level elements. Elements lay out their inline content
     * in their content area but wrap around exclusion areas.
     */
    wrapFlow?: any;
    /**
     * Set the value that is used to offset the inner wrap shape from other shapes. Inline content that intersects a
     * shape with this property will be pushed by this shape's margin.
     */
    wrapMargin?: any;
    /**
     * Obsolete and unsupported. Do not use.
     * This CSS property controls the text when it reaches the end of the block in which it is enclosed.
     */
    wrapOption?: any;
    /**
     * writing-mode specifies if lines of text are laid out horizontally or vertically, and the direction which lines of
     * text and blocks progress.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/writing-mode
     */
    writingMode?: CSSGlobalValues | 'horizontal-tb' | 'vertical-rl' | 'vertical-lr' | 'sideways-rl' | 'sideways-lr';
    /**
     * The z-index property specifies the z-order of an element and its descendants.
     * When elements overlap, z-order determines which one covers the other.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/z-index
     */
    zIndex?: 'auto' | number;
    /**
     * Sets the initial zoom factor of a document defined by @viewport.
     * @see https://developer.mozilla.org/en/docs/Web/CSS/zoom
     */
    zoom?: 'auto' | number;
}
export declare type MediaQuery = {
    type?: 'screen' | 'print' | 'all';
    orientation?: 'landscape' | 'portrait';
    minWidth?: number | string;
    maxWidth?: number | string;
    minHeight?: number | string;
    maxHeight?: number | string;
};
export declare type NestedCSSSelectors<T> = {
    /** StateSchema selector */
    '&:active'?: T;
    '&:any'?: T;
    '&:checked'?: T;
    '&:default'?: T;
    '&:disabled'?: T;
    '&:empty'?: T;
    '&:enabled'?: T;
    '&:first'?: T;
    '&:first-child'?: T;
    '&:first-of-type'?: T;
    '&:fullscreen'?: T;
    '&:focus'?: T;
    '&:hover'?: T;
    '&:indeterminate'?: T;
    '&:in-range'?: T;
    '&:invalid'?: T;
    '&:last-child'?: T;
    '&:last-of-type'?: T;
    '&:left'?: T;
    '&:link'?: T;
    '&:only-child'?: T;
    '&:only-of-type'?: T;
    '&:optional'?: T;
    '&:out-of-range'?: T;
    '&:read-only'?: T;
    '&:read-write'?: T;
    '&:required'?: T;
    '&:right'?: T;
    '&:root'?: T;
    '&:scope'?: T;
    '&:target'?: T;
    '&:valid'?: T;
    '&:visited'?: T;
    /**
     * Pseudo-elements
     * https://developer.mozilla.org/en/docs/Web/CSS/Pseudo-elements
     */
    '&::after'?: T;
    '&::before'?: T;
    '&::first-letter'?: T;
    '&::first-line'?: T;
    '&::selection'?: T;
    '&::backdrop'?: T;
    '&::placeholder'?: T;
    '&::marker'?: T;
    '&::spelling-error'?: T;
    '&::grammar-error'?: T;
    /** Children */
    '&>*'?: T;
    /**
     * Also cater for any other nested query you want
     */
    [selector: string]: T | undefined;
};