/*
DO NOT ADD ANY COLOUR VALUES TO THIS FILE.
Instead, refer to a named colour from _color-palette.less (potentially darkened or lightened by one of the defined percentages).
*/
/*
DO NOT ADD ANY MORE VARIABLES TO THIS FILE...
...unless you are sure there isn't already a variable that covers your requirement.
If you add a new one, the variable name MUST be semantic (i.e. describes the generic situation you use it in, NOT what it looks like)
Always prefix it with vui- (to distinguish it from bootstrap variables, or component specific variables)
Always include a suffix of what CSS property the variable is for, e.g.: xxx-text-color, xxx-border-width, xxx-background-color, xxx-padding
*/
/*
DO NOT USE THESE VARIABLES DIRECTLY.
Instead, use a semantic variable from variables.less.
*/
/*
DO NOT ADD NEW COLOURS TO THIS FILE...
...unless a visual designer has explicitly told you we need a new colour to be added to our palette.
This situation should be very rare, in most cases, you should use one of our variables
(potentially lightened or darkened by a percentage defined in variables.less)
Always prefix it with vui- (to distinguish it from bootstrap variables, or component specific variables)
*/
/*
The following variables are actually just copied straight out of Bootstrap.
Don't change any
This has been done so that VUI components can use these variables, since the bootstrap ones aren't exposed.
Don't modify any of these!
*/
vui-oscarpopover {
  z-index: 1029;
  display: block;
  margin: 15px 0;
}