/**
* @audi/audi-ui - Audi UI components in HTML, CSS and JS.
* @version v1.0.0-alpha.1
* @license Apache-2.0
* @copyright 2017 Audi
* @link https://github.com/audi/audi-ui
*/
@charset "UTF-8";
/**
* Returns multiple unit
* @param {number (unitless)} $multiple
* @return {number (rem)}
*/
/**
* Convert pixels to ems
* eg. for a relational value of 12px write em(12) when the parent is equal
* the em-base (defined in $audui-config).
* If the parent is another value say 24px write em(12, 24)
* @param {number (px)} $val
* @param {number} $base
* @return {number (em)}
*/
/**
* Convert pixels to rems
* Assumes that the defined em-base is the font-size of
* @param {number (px)} $val
* @param {number} $base
* @return {number (rem)}
*/
/**
* Strips the unit from a number.
* @param {number (with unit)} $value
* @return {number (unitless)}
*/
/**
* Modular Scale
*/
/**
* Animation & Transitions
*/
/**
* Colors
*/
/**
* Font
*/
/**
* Icons
*/
/**
* SVG
*/
/**
* Breakpoints
*/
/**
* Card Component
*/
/**
* Form Field Components, like Textfield
*/
/**
* Grid Component
*/
/**
* Visibility Component
*/
/**
* z-index
*/
.aui-js .aui-checkbox__input, .aui-js .aui-radio__input, .aui-switch .aui-switch__input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
position: absolute;
width: 0;
height: 0;
overflow: hidden;
margin: 0;
padding: 0;
border: 0;
outline: 0;
opacity: 0;
z-index: -1; }
.aui-alert {
position: relative;
transition: height 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
font-size: 14px;
line-height: 20px; }
@media (min-width: 740px) {
.aui-alert {
font-size: 14px;
line-height: 20px; } }
@media (min-width: 1264px) {
.aui-alert {
font-size: 15px;
line-height: 24px; } }
@media (min-width: 1584px) {
.aui-alert {
font-size: 16px;
line-height: 24px; } }
.aui-alert__content {
position: relative;
color: inherit;
background: inherit;
margin-right: 27px;
padding: 1.25rem 3.5rem 1.25rem 1.75rem;
transition: transform 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), box-shadow 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-alert__close {
position: absolute;
top: 1.25rem;
right: 1.75rem;
width: 17px;
height: 17px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' %3E%3Cpath fill='%23333333' d='M8.487,7.78l7.78,-7.777c0.235,0.236 0.471,0.472 0.707,0.707l-7.78,7.777l7.777,7.78l-0.708,0.707l-7.776,-7.78l-7.78,7.777l-0.707,-0.708l7.78,-7.776l-7.777,-7.78l0.707,-0.707l7.777,7.78Z' /%3E%3C/svg%3E") center center no-repeat;
cursor: pointer;
vertical-align: middle;
outline: none;
box-sizing: border-box;
border: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.aui-alert.aui-color-text-light .aui-alert__close,
.aui-alert.aui-color-text-warning .aui-alert__close {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' %3E%3Cpath fill='%23f2f2f2' d='M8.487,7.78l7.78,-7.777c0.235,0.236 0.471,0.472 0.707,0.707l-7.78,7.777l7.777,7.78l-0.708,0.707l-7.776,-7.78l-7.78,7.777l-0.707,-0.708l7.78,-7.776l-7.777,-7.78l0.707,-0.707l7.777,7.78Z' /%3E%3C/svg%3E"); }
.aui-alert--sticky .aui-alert__content {
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
z-index: 1700; }
.aui-alert.is-open .aui-alert__content {
transform: translateY(0); }
.aui-alert.is-closed {
overflow: hidden;
height: 0 !important; }
.aui-alert.is-closed .aui-alert__content {
box-shadow: none;
transform: translateY(-100%); }
.aui-audioplayer {
padding: 1.25rem; }
.aui-audioplayer__controls {
line-height: 23px;
-ms-flex-order: 1;
order: 1; }
.aui-audioplayer__controls .aui-button-group {
-ms-flex-flow: row nowrap;
flex-flow: row nowrap; }
.aui-audioplayer__controls--secondary {
margin-top: 1rem;
-ms-flex-order: 2;
order: 2; }
.aui-audioplayer__chrome {
-ms-flex-align: center;
align-items: center;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-ms-flex-pack: justify;
justify-content: space-between;
vertical-align: middle; }
.aui-audioplayer__cover {
background-color: #e5e5e5;
display: none;
min-height: 100px;
min-width: 100px; }
.aui-audioplayer__meta {
font-size: 0.875rem;
line-height: 1;
margin-bottom: 1rem;
-ms-flex-order: 0;
order: 0;
width: 100%; }
.aui-audioplayer__time {
font-size: 0.75rem;
margin-top: 0.25rem; }
.aui-audioplayer__title {
margin-bottom: 0.25rem; }
.aui-audioplayer__icon-previous .audiicon-small, .aui-audioplayer__icon-next .audiicon-small {
visibility: visible; }
.aui-audioplayer__icon-previous .audiicon-large, .aui-audioplayer__icon-next .audiicon-large {
visibility: hidden; }
.aui-audioplayer__icon-pause .audiicon-small, .aui-audioplayer__icon-play .audiicon-small {
visibility: hidden; }
.aui-audioplayer__icon-pause .audiicon-large, .aui-audioplayer__icon-play .audiicon-large {
visibility: visible; }
.aui-audioplayer__icon-exit-fullscreen, .aui-audioplayer__icon-pause, .aui-audioplayer__icon-replay, .aui-audioplayer__icon-unmute {
display: none; }
.aui-audioplayer.is-controlled .aui-audioplayer__chrome,
.aui-audioplayer:hover .aui-audioplayer__chrome {
transform: translateY(0); }
.aui-audioplayer.is-seeking .aui-audioplayer__seek-holder {
opacity: 1;
transition-delay: .1s; }
.aui-audioplayer.is-seeking .aui-audioplayer__preview {
opacity: 1;
transition-delay: .1s; }
.aui-audioplayer.is-seeking.aui-player--preview .aui-audioplayer__chrome::after {
transition-delay: 0s; }
.aui-audioplayer.is-mute .aui-audioplayer__icon-mute {
display: none; }
.aui-audioplayer.is-mute .aui-audioplayer__icon-unmute {
display: inline-block; }
.aui-audioplayer.is-playing .aui-audioplayer__icon-play {
display: none; }
.aui-audioplayer.is-playing .aui-audioplayer__icon-pause {
display: inline-block; }
.aui-audioplayer.is-complete .aui-audioplayer__icon-pause,
.aui-audioplayer.is-complete .aui-audioplayer__icon-play {
display: none; }
.aui-audioplayer.is-complete .aui-audioplayer__icon-replay {
display: inline-block; }
.aui-audioplayer .aui-slider {
min-height: 1.25rem; }
.aui-audioplayer .aui-slider__handle {
height: 1.25rem;
width: 1.25rem; }
.aui-audioplayer .aui-slider__target {
height: 1.25rem;
margin-left: 0.625rem;
margin-right: 0.625rem; }
@media (min-width: 740px) {
.aui-audioplayer {
padding: 1.25rem 1rem 1.25rem 0px; }
.aui-audioplayer--frameless {
padding: 0px 1rem 0px 0px; }
.aui-audioplayer__controls {
margin-left: 1rem; }
.aui-audioplayer__controls--secondary {
margin-top: 0; }
.aui-audioplayer__chrome {
-ms-flex-direction: row;
flex-direction: row; }
.aui-audioplayer__cover {
display: block; }
.aui-audioplayer__meta {
margin-bottom: 0;
margin-left: 1rem;
margin-top: 0;
-ms-flex-order: 2;
order: 2; }
.aui-audioplayer__playhead {
width: 1.25rem;
height: 1.25rem; } }
.aui-animation-morph-in, .aui-animation-morph-out {
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
transition-duration: .6s; }
.aui-no-transition {
transition: none !important; }
body::before {
content: 'default';
display: none; }
@media (min-width: 480px) {
body::before {
content: "tiny"; } }
@media (min-width: 600px) {
body::before {
content: "xsmall"; } }
@media (min-width: 740px) {
body::before {
content: "small"; } }
@media (min-width: 960px) {
body::before {
content: "medium"; } }
@media (min-width: 1264px) {
body::before {
content: "large"; } }
@media (min-width: 1424px) {
body::before {
content: "xlarge"; } }
@media (min-width: 1584px) {
body::before {
content: "huge"; } }
@-moz-viewport {
width: device-width; }
@-ms-viewport {
width: device-width; }
@-webkit-viewport {
width: device-width; }
@viewport {
width: device-width; }
.aui-badge {
display: inline-block;
width: 24px;
height: 24px;
font-size: 13px;
line-height: 24px;
border-radius: 50%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-align: center;
transition: transform 0.25s cubic-bezier(0.75, 0.02, 0.5, 1), visibility 0.25s cubic-bezier(0.75, 0.02, 0.5, 1), color 0.25s cubic-bezier(0.75, 0.02, 0.5, 1) 0.1s;
vertical-align: middle; }
.aui-badge.is-hidden {
transform: scale(0);
color: transparent !important;
transition-delay: 0s;
visibility: hidden; }
.aui-badge--small {
text-indent: 100%;
transform: scale(0.25); }
.aui-badge--small-text {
font-size: 10px; }
.aui-badge.aui-color-text-light {
color: #ffffff;
stroke: #ffffff;
fill: #ffffff; }
.aui-breadcrumb {
display: block;
overflow: hidden;
position: relative;
padding-top: 0.25rem;
color: rgba(0, 0, 0, 0.5);
font-size: 0.6875rem;
line-height: 1rem;
font-weight: 400; }
.aui-breadcrumb__items {
display: block;
overflow: hidden;
white-space: nowrap;
list-style: none;
padding: 0; }
.aui-breadcrumb__item {
display: inline-block;
max-width: 10em;
overflow: hidden;
text-overflow: ellipsis; }
.aui-breadcrumb__item:last-child {
color: black;
max-width: 22em; }
.aui-breadcrumb__item + .aui-breadcrumb__item::before {
content: '';
display: inline-block;
margin-left: .5em;
margin-right: .7em;
width: 0.3125rem;
height: 0.5rem;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='1px' fill='none' d='M0.5,0.5l3.24,3.252l-3.237,3.247' /%3E%3C/svg%3E") center center no-repeat; }
.aui-breadcrumb__action {
transition: color .15s linear; }
.aui-breadcrumb__action:hover {
color: #000; }
.aui-breadcrumb.is-oversized::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
width: 40px;
height: 100%;
background: linear-gradient(to right, #ffffff 5%, rgba(255, 255, 255, 0) 100%); }
.aui-button.is-active, .aui-button:active, .aui-button:hover, .aui-button:visited {
color: #4c4c4c;
stroke: #4c4c4c;
fill: #4c4c4c; }
.aui-button {
cursor: pointer;
display: inline-block;
position: relative;
padding: 0.8666666667em 0 0.8em;
outline: 0;
font-family: inherit;
font-size: 0.9375rem;
font-weight: 400;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
white-space: normal;
vertical-align: middle;
transition: all 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.aui-button, .aui-button.is-disabled, .aui-button:disabled {
color: #000000;
stroke: #000000;
fill: #000000;
border: 1px solid transparent;
background: transparent; }
.aui-button.is-disabled, .aui-button:disabled {
cursor: not-allowed;
opacity: 0.30; }
.aui-button--bold {
font-weight: 700; }
.aui-button--padded, .aui-button--primary, .aui-button--secondary {
padding-left: 2.1333333333em;
padding-right: 2.1333333333em; }
.aui-button--icon:focus, .aui-button--primary:focus, .aui-button--secondary:focus {
box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
.aui-button--icon.is-disabled, .aui-button--icon:disabled, .aui-button--icon:hover, .aui-button--primary.is-disabled, .aui-button--primary:disabled, .aui-button--primary:hover, .aui-button--secondary.is-disabled, .aui-button--secondary:disabled, .aui-button--secondary:hover {
box-shadow: none; }
.aui-button--floating.is-active, .aui-button--floating:active, .aui-button--floating:hover, .aui-button--primary.is-active, .aui-button--primary:active, .aui-button--primary:hover {
border-color: #333333;
background-color: #333333; }
.aui-button--floating, .aui-button--floating.is-active, .aui-button--floating:active, .aui-button--floating:hover, .aui-button--floating:visited, .aui-button--primary, .aui-button--primary.is-active, .aui-button--primary:active, .aui-button--primary:hover, .aui-button--primary:visited {
color: #ffffff;
stroke: #ffffff;
fill: #ffffff; }
.aui-button--floating.is-disabled, .aui-button--floating:disabled, .aui-button--primary.is-disabled, .aui-button--primary:disabled {
color: rgba(255, 255, 255, 0.5);
stroke: rgba(255, 255, 255, 0.5);
fill: rgba(255, 255, 255, 0.5); }
.aui-button--floating, .aui-button--floating.is-disabled, .aui-button--floating:disabled, .aui-button--primary, .aui-button--primary.is-disabled, .aui-button--primary:disabled {
border-color: #000000;
background-color: #000000; }
.aui-button--secondary.is-active, .aui-button--secondary:active, .aui-button--secondary:hover {
border-color: #808080; }
.aui-button--secondary, .aui-button--secondary.is-disabled, .aui-button--secondary:disabled {
border-color: #000000; }
.aui-button--text .aui-button__text::after {
content: '';
display: inline-block;
position: relative;
top: 0.0666666667em;
margin-left: 0.2666666667em;
width: 0.5em;
height: 0.8125em;
background: center no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath stroke='%23000000' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /%3E%3C/svg%3E");
background-size: contain;
transition: transform 0.2s ease; }
.aui-button--text:hover .aui-button__text::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath stroke='%234c4c4c' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /%3E%3C/svg%3E");
transform: translateX(5px); }
.aui-button--text.is-disabled .aui-button__text::after,
.aui-button--text:disabled .aui-button__text::after {
transform: none; }
.aui-button--icon {
width: 23px;
height: 23px;
padding: 0;
border: none; }
.aui-button--icon .audiicon {
position: absolute;
top: 0;
left: 0;
margin: 0;
width: 24px;
height: 24px; }
.aui-button--icon--large {
width: 45px;
height: 45px; }
.aui-button--icon--large .audiicon {
top: -1px;
left: -1px;
width: 48px;
height: 48px; }
.aui-button--icon--large .audiicon-container--small {
display: none; }
.aui-button--icon--large .audiicon-container--large {
display: inline; }
.aui-button--round {
border-radius: 50%; }
.aui-button--stretched {
width: 100%; }
.aui-button--sticky {
position: fixed;
left: 0;
bottom: 0;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07); }
.aui-button--floating {
position: fixed;
right: 1.5rem;
bottom: 1.5rem;
width: 45px;
height: 45px;
padding: 0;
z-index: 900;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07); }
.aui-button--floating .audiicon {
position: absolute;
left: -1px;
top: -1px;
width: 48px;
height: 48px; }
.aui-button--floating .audiicon-container--small {
display: none; }
.aui-button--floating .audiicon-container--large {
display: inline; }
.aui-button--floating, .aui-button--floating:focus, .aui-button--floating:hover {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07); }
.aui-button__text {
display: inline-block;
position: relative;
text-align: left; }
.aui-button__text-icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
position: relative;
text-align: left;
vertical-align: middle; }
.aui-button__text-icon .audiicon {
display: inline-block; }
.aui-button__text-icon .aui-button__text:first-child {
margin-right: 0.5333333333em; }
.aui-button__text-icon .aui-button__text:not(:first-child) {
margin-left: 0.5333333333em; }
.aui-button::-moz-focus-inner {
border: 0;
padding: 0; }
.aui-button-group {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
vertical-align: top;
margin-right: -0.25rem;
margin-bottom: -0.25rem; }
.aui-button-group .aui-button {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 0.25rem 0.25rem 0; }
.aui-button-group .aui-button:hover, .aui-button-group .aui-button:focus, .aui-button-group .aui-button:active, .aui-button-group .aui-button.is-active {
z-index: 2; }
.aui-button-group .aui-button--icon {
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.aui-button-group--block {
display: -ms-flexbox;
display: flex; }
.aui-button-group--texts {
margin-right: -1.5rem;
margin-bottom: -1.5rem; }
.aui-button-group--texts .aui-button {
margin: 0 1.5rem 1.5rem 0; }
.aui-button-group--icons {
margin-right: -0.75rem;
margin-bottom: -0.75rem; }
.aui-button-group--icons .aui-button {
margin: 0 0.75rem 0.75rem 0; }
.aui-card-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: -0.125rem; }
.aui-card-grid .aui-card-grid {
margin: 0; }
.aui-card-grid__item {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: stretch;
align-items: stretch;
-ms-flex-pack: start;
justify-content: flex-start;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 288px; }
.aui-card-grid__item--column {
-ms-flex-direction: column;
flex-direction: column; }
.aui-card {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
margin: 0.125rem;
width: calc(100% - 0.25rem);
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover;
background-origin: padding-box;
background-attachment: scroll;
transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), box-shadow 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
/**
* Variant: Action
*/
/**
* Variant: Cover
*/ }
.aui-card__cover {
display: block; }
.aui-card__cover-image {
display: block;
width: 100%;
height: auto; }
.aui-card__body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column; }
.aui-card__content {
padding: 1.25rem; }
.aui-card__content--bottom {
margin-top: auto; }
.aui-card__media {
text-align: center; }
.aui-card__media img {
display: block;
width: 100%;
height: auto; }
.aui-card--action:hover, .aui-card--action:focus {
z-index: 1;
outline: none;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
transform: translateY(-0.25rem); }
.aui-card--cover {
-ms-flex-direction: row;
flex-direction: row; }
.aui-card--cover .aui-card__cover {
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.aui-card--cover .aui-card__body {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
z-index: 1; }
.aui-checkbox {
display: inline-block;
position: relative;
font-weight: 400;
line-height: 1.5;
color: #333333;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
/**
* Variant: stretch
*/
/**
* Variant: box-right
*/
/**
* Variant: dropdown-option
*/
/**
* States
*/ }
.aui-js .aui-checkbox {
padding-left: 2.5em; }
.aui-checkbox__box {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em;
border: 1px solid rgba(0, 0, 0, 0.5);
transition: box-shadow .15s linear, border .15s linear;
cursor: pointer;
pointer-events: none;
z-index: 1; }
.aui-js .aui-checkbox__box {
display: inline-block; }
.aui-checkbox__tick {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 0.75em;
height: 0.75em;
transform: translate(-50%, -50%);
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='%23333333' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E") center center no-repeat;
opacity: 0;
transition: opacity 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
pointer-events: none; }
.aui-checkbox__error {
display: block;
margin-top: 0.5rem;
font-size: 0.8125rem;
line-height: 1.25rem;
color: #bb0a30;
transition: color .25s linear; }
.aui-checkbox--stretch {
width: 100%; }
.aui-js .aui-checkbox--box-right {
padding-left: 0;
padding-right: 2.5em; }
.aui-js .aui-checkbox--box-right .aui-checkbox__box {
left: auto;
right: 0; }
.aui-js .aui-checkbox--dropdown-option {
width: 100%;
padding-left: 0;
padding-right: 2.5em; }
.aui-js .aui-checkbox--dropdown-option .aui-checkbox__box {
left: auto;
right: 0; }
.aui-checkbox:hover:not(.is-disabled) {
color: #000000; }
.aui-checkbox:hover:not(.is-disabled) .aui-checkbox__box {
border-color: black; }
.aui-checkbox__input:focus ~ .aui-checkbox__box {
box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
.aui-checkbox.is-disabled {
opacity: 0.3;
cursor: not-allowed; }
.aui-checkbox.is-checked .aui-checkbox__tick {
opacity: 1; }
.aui-checkbox.is-invalid,
.aui-checkbox.is-invalid .aui-checkbox__label {
color: #bb0a30; }
.aui-checkbox.is-invalid .aui-checkbox__tick {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='%23bb0a30' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E"); }
.aui-checkbox.is-invalid .aui-checkbox__box,
.aui-checkbox.is-invalid:hover .aui-checkbox__box {
border-color: #bb0a30; }
.aui-color-white {
background-color: #ffffff; }
.aui-color-black {
background-color: #000000; }
.aui-color-silver {
background-color: #b2b2b2; }
.aui-color-warmsilver {
background-color: #b6b1a9; }
.aui-color-green, .aui-color-success {
background-color: #009900; }
.aui-color-warning, .aui-color-yellow {
background-color: #ffaa00; }
.aui-color-danger, .aui-color-red {
background-color: #bb0a30; }
.aui-color-gray10 {
background-color: #1a1a1a; }
.aui-color-gray20 {
background-color: #333333; }
.aui-color-gray30 {
background-color: #4c4c4c; }
.aui-color-gray40 {
background-color: #666666; }
.aui-color-gray50 {
background-color: #808080; }
.aui-color-gray60 {
background-color: #999999; }
.aui-color-gray70 {
background-color: #b2b2b2; }
.aui-color-gray80 {
background-color: #cccccc; }
.aui-color-gray85 {
background-color: #d9d9d9; }
.aui-color-gray90 {
background-color: #e5e5e5; }
.aui-color-gray95 {
background-color: #f2f2f2; }
.aui-color-text-light {
color: #f2f2f2; }
.aui-color-text-dark {
color: #333333; }
.aui-color-text-green, .aui-color-text-success {
color: #009900; }
.aui-color-text-warning, .aui-color-text-yellow {
color: #ffaa00; }
.aui-color-text-danger, .aui-color-text-red {
color: #bb0a30; }
.aui-draggable-list {
padding-left: 0;
list-style: none;
font-weight: 400; }
.aui-draggable-list__item {
cursor: move;
position: relative;
padding: 1rem 3rem 1rem 1.5rem;
color: rgba(0, 0, 0, 0.8);
background: rgba(0, 0, 0, 0.1);
transition: background .15s linear, color .15s linear; }
.aui-draggable-list__item:hover {
color: black;
background: rgba(0, 0, 0, 0.15); }
.aui-draggable-list__item + .aui-draggable-list__item {
margin-top: 1px; }
.aui-draggable-list.is-dragging .aui-draggable-list__item,
.aui-draggable-list.is-dragging .aui-draggable-list__item:hover {
background: rgba(0, 0, 0, 0.05); }
.aui-draggable-list.is-dragging .aui-draggable-list__item.is-active,
.aui-draggable-list.is-dragging .aui-draggable-list__item:hover.is-active {
color: black;
background: #cccccc; }
.aui-draggable-list.is-dragging .is-placeholder,
.aui-draggable-list.is-dragging .is-placeholder:hover {
color: transparent;
background: none; }
.aui-draggable-list .is-placeholder::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px dotted rgba(0, 0, 0, 0.05); }
.aui-draggable-list__item:not(.is-placeholder)::after {
content: '';
opacity: 0;
display: block;
position: absolute;
top: 50%;
right: 1.5rem;
width: 16px;
height: 5px;
margin-top: -2.5px;
background: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='5' viewBox='0 0 16 5'%3E%3Crect style='fill:black' x='0' y='0' width='16' height='1' /%3E%3Crect style='fill:black' x='0' y='4' width='16' height='1' /%3E%3C/svg%3E") center center no-repeat;
transition: opacity .15s linear; }
.aui-draggable-list__item.is-active::after, .aui-draggable-list__item:hover::after {
opacity: 1; }
/**
* Add class `aui-dropzone-active` to body element, to prevent scrolling,
* when strechted dropzone is active.
*/
.aui-dropzone-active {
overflow: hidden; }
.aui-dropzone {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
min-height: 1rem;
color: #333333;
border: 1px dashed rgba(0, 0, 0, 0.2);
transition: border 0.15s linear; }
.aui-dropzone__message {
-ms-flex: none;
flex: none; }
.aui-dropzone:hover, .aui-dropzone.is-active {
border-color: rgba(0, 0, 0, 0.8); }
.aui-dropzone--fullpage {
visibility: hidden;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
height: 0;
background: rgba(255, 255, 255, 0.9);
border: none;
transition: border 0.15s linear, opacity 0.15s linear, visibility 0.15s linear; }
.aui-dropzone--fullpage::after {
content: '';
display: block;
position: absolute;
top: 0.5rem;
right: 0.5rem;
bottom: 0.5rem;
left: 0.5rem;
border: 1px dashed rgba(0, 0, 0, 0.8); }
.aui-dropzone--fullpage.is-active {
visibility: visible;
overflow: visible;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
opacity: 1;
padding: 0.5rem; }
.aui-dropdown {
display: block;
position: relative;
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.5;
box-sizing: border-box;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
/**
* Variant: floating-label
*/
/**
* States
*/ }
.aui-dropdown__field {
position: relative; }
.aui-dropdown__input {
display: block;
margin: 0;
width: 100%;
padding-right: 1.3125rem;
min-height: 2.5rem;
font-size: inherit;
font-weight: 400;
line-height: inherit;
text-align: left;
color: rgba(0, 0, 0, 0.6);
background: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0;
transition: color, border;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
resize: none;
outline: 0;
cursor: pointer; }
.aui-dropdown__label {
display: block;
position: absolute;
top: 0.5rem;
right: 0;
bottom: 0;
left: 0;
width: 100%;
color: rgba(0, 0, 0, 0.6);
font-size: inherit;
font-weight: 400;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
transition-property: top, font-size, color, opacity;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
pointer-events: none; }
.aui-dropdown__field::after {
content: '';
display: block;
position: absolute;
top: 1.3125rem;
right: 0;
width: 13px;
height: 8px;
margin-top: -4px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E") center center no-repeat;
transition-property: transform, background;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-dropdown__focus-line {
display: block;
position: absolute;
bottom: 1px;
width: 100%;
height: 1px;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transition-property: opacity, background;
transition-duration: 0.25s; }
.aui-dropdown__description, .aui-dropdown__error {
display: block;
color: rgba(0, 0, 0, 0.5);
transition: color 0.25s linear;
margin-top: 0.5rem;
font-size: 0.8125rem;
line-height: 1.25rem; }
.aui-dropdown__error {
color: #bb0a30; }
.aui-dropdown__panel {
display: block;
visibility: hidden;
overflow: auto;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #e6e6e6;
opacity: 0;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
transition: opacity 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
z-index: 1; }
.aui-dropdown__list {
list-style: none;
padding: 0; }
.aui-dropdown__list-item--animate {
opacity: 0;
transform: translateY(0.5em);
transition: transform 0.25s cubic-bezier(0.75, 0.02, 0.5, 1), opacity 0.25s cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-dropdown__list-title, .aui-dropdown__option {
display: block;
padding: 0 1rem;
font-weight: 400; }
.aui-dropdown__list-title {
color: rgba(0, 0, 0, 0.2);
padding-top: 0.75rem;
padding-bottom: 0; }
.aui-dropdown__option {
position: relative;
width: 100%;
padding-top: 0.75rem;
padding-bottom: 0.75rem;
text-align: left;
text-decoration: none;
color: #333333;
background: none;
border: none;
outline: none;
white-space: normal;
vertical-align: middle;
cursor: pointer;
transition: background 0.25s linear;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.aui-dropdown__option:hover {
background: rgba(0, 0, 0, 0.1); }
.aui-dropdown__list .aui-dropdown__list .aui-dropdown__option {
padding-left: 2.5rem; }
.aui-dropdown.aui-dropdown--floating-label .aui-dropdown__field {
padding-top: 0.6875rem; }
.aui-dropdown.aui-dropdown--floating-label .aui-dropdown__field::after {
top: 2rem; }
.aui-js .aui-dropdown.aui-dropdown--floating-label .aui-dropdown__label {
top: 1.1875rem; }
.aui-dropdown.is-active {
z-index: 1000; }
.aui-dropdown.is-active .aui-dropdown__field::after {
transform: rotate(180deg); }
.aui-dropdown.is-active .aui-dropdown__focus-line {
opacity: 1; }
.aui-dropdown.is-active .aui-dropdown__panel {
visibility: visible;
opacity: 1; }
.aui-dropdown.is-active .aui-dropdown__list-item--animate {
opacity: 1;
transform: translateY(0); }
.aui-dropdown:not(.is-disabled):not(.is-invalid) .aui-dropdown__input:hover {
border-color: rgba(0, 0, 0, 0.8); }
.aui-dropdown.is-focused .aui-dropdown__input {
outline: none;
box-shadow: none;
border-color: rgba(0, 0, 0, 0.8); }
.aui-dropdown.is-focused .aui-dropdown__focus-line {
opacity: 1; }
.aui-dropdown.is-disabled {
opacity: 0.3;
cursor: not-allowed; }
.aui-dropdown.is-disabled .aui-dropdown__input {
cursor: not-allowed; }
.aui-dropdown.is-disabled .aui-dropdown__focus-line {
opacity: 0; }
.aui-dropdown.is-dirty .aui-dropdown__label {
opacity: 0; }
.aui-dropdown.is-dirty .aui-dropdown__field::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='%23333333' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.aui-dropdown.is-dirty.aui-dropdown--floating-label .aui-dropdown__label {
top: 0;
font-size: .75rem;
opacity: 1; }
.aui-dropdown.is-dirty .aui-dropdown__input {
border-color: rgba(0, 0, 0, 0.8);
color: #333333; }
.aui-dropdown.is-invalid,
.aui-dropdown.is-invalid:not(.is-dirty) .aui-dropdown__input,
.aui-dropdown.is-invalid .aui-dropdown__counter,
.aui-dropdown.is-invalid .aui-dropdown__label {
color: #bb0a30; }
.aui-dropdown.is-invalid .aui-dropdown__field::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='%23bb0a30' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.aui-dropdown.is-invalid .aui-dropdown__input {
border-color: #bb0a30; }
.aui-dropdown.is-invalid .aui-dropdown__focus-line {
background: #bb0a30; }
.aui-figure {
display: block;
margin: 0; }
.aui-figure__image {
display: block;
max-width: 100%;
height: auto; }
.aui-figure__caption {
margin-top: 1rem; }
.aui-fieldset {
margin: 0;
padding: 0;
border: none;
line-height: 1.5rem;
font-weight: 400;
color: rgba(0, 0, 0, 0.6);
box-sizing: border-box; }
.aui-fieldset--selects .aui-fieldset__legend,
.aui-fieldset--textfields .aui-fieldset__legend {
font-weight: 700;
color: #333333; }
.aui-fieldset--radios .aui-fieldset__legend {
margin-bottom: 1rem; }
.aui-fieldset__fields {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin-right: -1.5rem;
margin-bottom: -1.5rem; }
.aui-fieldset__field {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin-right: 1.5rem;
margin-bottom: 1.5rem; }
.aui-fieldset--radios .aui-fieldset__field {
-ms-flex: 0 1 auto;
flex: 0 1 auto; }
.aui-fieldset__error {
display: block;
margin-top: 0.5rem;
color: #999999;
font-size: 0.8125rem;
line-height: 1.25rem;
transition: color .25s linear; }
.aui-fieldset.is-invalid .aui-fieldset__error,
.aui-fieldset.is-invalid .aui-fieldset__legend {
color: #bb0a30; }
/**
* Prevent scrolling of body, when Flyout is open.
* Added to body by JS.
*/
@media (max-width: 399px) {
.aui-flyout-is-open {
overflow: hidden; } }
.aui-flyout {
display: inline-block;
position: relative; }
.aui-flyout__toggle {
z-index: 1; }
.aui-flyout__panel {
display: block;
opacity: 0;
overflow: hidden;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
max-height: 0;
color: #333333;
background: #e5e5e5;
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
text-align: left;
transition: opacity 0.2s linear, transform 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), max-height 0.1s linear 0.4s; }
.aui-flyout__panel-content {
position: absolute;
top: 68px;
left: 0;
right: 0;
bottom: 0;
overflow: scroll;
-webkit-overflow-scrolling: touch;
opacity: 0;
padding: 0.5rem 1.75rem;
transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
z-index: 1;
background-color: inherit; }
.aui-flyout__triangle {
position: absolute;
top: 0;
margin-left: 1.5rem;
background: inherit;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-flyout__triangle::after {
content: '';
display: block;
position: absolute;
left: -8px;
top: -8px;
width: 16px;
height: 16px;
transform: rotate(45deg);
transform-origin: center;
background: inherit;
box-shadow: -1px -1px 4px rgba(0, 0, 0, 0.05); }
.aui-flyout--center .aui-flyout__triangle {
left: 50%;
margin-left: 0; }
.aui-flyout--right .aui-flyout__triangle {
left: 100%;
margin-left: -1.5rem; }
.aui-flyout__header {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3.5625rem; }
.aui-flyout__close {
position: absolute;
top: 1.25rem;
right: 1.25rem;
width: 1.0625rem;
height: 1.0625rem;
outline: 0;
border: 0;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' %3E%3Cpath fill='%23333333' d='M8.487,7.78l7.78,-7.777c0.235,0.236 0.471,0.472 0.707,0.707l-7.78,7.777l7.777,7.78l-0.708,0.707l-7.776,-7.78l-7.78,7.777l-0.707,-0.708l7.78,-7.776l-7.777,-7.78l0.707,-0.707l7.777,7.78Z' /%3E%3C/svg%3E") center center no-repeat;
z-index: 1;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.aui-flyout::after {
content: '';
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0; }
.aui-flyout.is-active::after {
bottom: -1.25rem; }
.aui-flyout.is-active .aui-flyout__panel {
opacity: 1;
max-height: 9999px;
transition-delay: 0s;
z-index: 9999;
overflow: visible; }
.aui-flyout.is-active .aui-flyout__panel-content {
opacity: 1;
transition-delay: .2s; }
.aui-flyout.is-active .aui-flyout__triangle {
opacity: 1;
transition-delay: .2s; }
@media (min-width: 400px) {
.aui-flyout__panel {
position: absolute;
top: 100%;
left: 0;
right: auto;
bottom: auto;
margin-top: 1.25rem;
max-width: 288px;
color: #333333;
background: #ffffff;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
transform: translateY(-10px); }
.aui-flyout__panel-content {
position: relative;
top: auto;
left: auto;
right: auto;
bottom: auto;
overflow: auto; }
.aui-flyout__header {
display: none; }
.aui-flyout--right .aui-flyout__panel {
left: auto;
right: 0; }
.aui-flyout--center .aui-flyout__panel {
left: 50%;
transform: translate(-50%, -10px); }
.aui-flyout.is-active .aui-flyout__panel {
transform: translateY(0);
transition-delay: 0s; }
.aui-flyout.is-active.aui-flyout--center .aui-flyout__panel {
transform: translate(-50%, 0); } }
.aui-layout {
margin-left: auto;
margin-right: auto;
padding-left: 4.375%;
padding-right: 4.375%; }
.aui-grid {
margin-left: -0.25rem;
box-sizing: border-box; }
.aui-grid::after {
content: ' ';
display: block;
clear: both; }
.aui-cell {
float: left;
width: 100%;
padding-left: 0.25rem; }
.aui-cell--1 {
width: 8.3333333333%; }
.aui-cell--2 {
width: 16.6666666667%; }
.aui-cell--3 {
width: 25%; }
.aui-cell--4 {
width: 33.3333333333%; }
.aui-cell--5 {
width: 41.6666666667%; }
.aui-cell--6 {
width: 50%; }
.aui-cell--7 {
width: 58.3333333333%; }
.aui-cell--8 {
width: 66.6666666667%; }
.aui-cell--9 {
width: 75%; }
.aui-cell--10 {
width: 83.3333333333%; }
.aui-cell--11 {
width: 91.6666666667%; }
.aui-cell--12 {
width: 100%; }
.aui-grid--nested-2 .aui-cell {
width: 600%; }
.aui-grid--nested-2 .aui-cell--1 {
width: 50%; }
.aui-grid--nested-2 .aui-cell--2 {
width: 100%; }
.aui-grid--nested-2 .aui-cell--3 {
width: 150%; }
.aui-grid--nested-2 .aui-cell--4 {
width: 200%; }
.aui-grid--nested-2 .aui-cell--5 {
width: 250%; }
.aui-grid--nested-2 .aui-cell--6 {
width: 300%; }
.aui-grid--nested-2 .aui-cell--7 {
width: 350%; }
.aui-grid--nested-2 .aui-cell--8 {
width: 400%; }
.aui-grid--nested-2 .aui-cell--9 {
width: 450%; }
.aui-grid--nested-2 .aui-cell--10 {
width: 500%; }
.aui-grid--nested-2 .aui-cell--11 {
width: 550%; }
.aui-grid--nested-2 .aui-cell--12 {
width: 600%; }
.aui-grid--nested-3 .aui-cell {
width: 400%; }
.aui-grid--nested-3 .aui-cell--1 {
width: 33.3333333333%; }
.aui-grid--nested-3 .aui-cell--2 {
width: 66.6666666667%; }
.aui-grid--nested-3 .aui-cell--3 {
width: 100%; }
.aui-grid--nested-3 .aui-cell--4 {
width: 133.333333333%; }
.aui-grid--nested-3 .aui-cell--5 {
width: 166.666666667%; }
.aui-grid--nested-3 .aui-cell--6 {
width: 200%; }
.aui-grid--nested-3 .aui-cell--7 {
width: 233.333333333%; }
.aui-grid--nested-3 .aui-cell--8 {
width: 266.666666667%; }
.aui-grid--nested-3 .aui-cell--9 {
width: 300%; }
.aui-grid--nested-3 .aui-cell--10 {
width: 333.333333333%; }
.aui-grid--nested-3 .aui-cell--11 {
width: 366.666666667%; }
.aui-grid--nested-3 .aui-cell--12 {
width: 400%; }
.aui-grid--nested-4 .aui-cell {
width: 300%; }
.aui-grid--nested-4 .aui-cell--1 {
width: 25%; }
.aui-grid--nested-4 .aui-cell--2 {
width: 50%; }
.aui-grid--nested-4 .aui-cell--3 {
width: 75%; }
.aui-grid--nested-4 .aui-cell--4 {
width: 100%; }
.aui-grid--nested-4 .aui-cell--5 {
width: 125%; }
.aui-grid--nested-4 .aui-cell--6 {
width: 150%; }
.aui-grid--nested-4 .aui-cell--7 {
width: 175%; }
.aui-grid--nested-4 .aui-cell--8 {
width: 200%; }
.aui-grid--nested-4 .aui-cell--9 {
width: 225%; }
.aui-grid--nested-4 .aui-cell--10 {
width: 250%; }
.aui-grid--nested-4 .aui-cell--11 {
width: 275%; }
.aui-grid--nested-4 .aui-cell--12 {
width: 300%; }
.aui-grid--nested-5 .aui-cell {
width: 240%; }
.aui-grid--nested-5 .aui-cell--1 {
width: 20%; }
.aui-grid--nested-5 .aui-cell--2 {
width: 40%; }
.aui-grid--nested-5 .aui-cell--3 {
width: 60%; }
.aui-grid--nested-5 .aui-cell--4 {
width: 80%; }
.aui-grid--nested-5 .aui-cell--5 {
width: 100%; }
.aui-grid--nested-5 .aui-cell--6 {
width: 120%; }
.aui-grid--nested-5 .aui-cell--7 {
width: 140%; }
.aui-grid--nested-5 .aui-cell--8 {
width: 160%; }
.aui-grid--nested-5 .aui-cell--9 {
width: 180%; }
.aui-grid--nested-5 .aui-cell--10 {
width: 200%; }
.aui-grid--nested-5 .aui-cell--11 {
width: 220%; }
.aui-grid--nested-5 .aui-cell--12 {
width: 240%; }
.aui-grid--nested-6 .aui-cell {
width: 200%; }
.aui-grid--nested-6 .aui-cell--1 {
width: 16.6666666667%; }
.aui-grid--nested-6 .aui-cell--2 {
width: 33.3333333333%; }
.aui-grid--nested-6 .aui-cell--3 {
width: 50%; }
.aui-grid--nested-6 .aui-cell--4 {
width: 66.6666666667%; }
.aui-grid--nested-6 .aui-cell--5 {
width: 83.3333333333%; }
.aui-grid--nested-6 .aui-cell--6 {
width: 100%; }
.aui-grid--nested-6 .aui-cell--7 {
width: 116.666666667%; }
.aui-grid--nested-6 .aui-cell--8 {
width: 133.333333333%; }
.aui-grid--nested-6 .aui-cell--9 {
width: 150%; }
.aui-grid--nested-6 .aui-cell--10 {
width: 166.666666667%; }
.aui-grid--nested-6 .aui-cell--11 {
width: 183.333333333%; }
.aui-grid--nested-6 .aui-cell--12 {
width: 200%; }
.aui-grid--nested-7 .aui-cell {
width: 171.428571429%; }
.aui-grid--nested-7 .aui-cell--1 {
width: 14.2857142857%; }
.aui-grid--nested-7 .aui-cell--2 {
width: 28.5714285714%; }
.aui-grid--nested-7 .aui-cell--3 {
width: 42.8571428571%; }
.aui-grid--nested-7 .aui-cell--4 {
width: 57.1428571429%; }
.aui-grid--nested-7 .aui-cell--5 {
width: 71.4285714286%; }
.aui-grid--nested-7 .aui-cell--6 {
width: 85.7142857143%; }
.aui-grid--nested-7 .aui-cell--7 {
width: 100%; }
.aui-grid--nested-7 .aui-cell--8 {
width: 114.285714286%; }
.aui-grid--nested-7 .aui-cell--9 {
width: 128.571428571%; }
.aui-grid--nested-7 .aui-cell--10 {
width: 142.857142857%; }
.aui-grid--nested-7 .aui-cell--11 {
width: 157.142857143%; }
.aui-grid--nested-7 .aui-cell--12 {
width: 171.428571429%; }
.aui-grid--nested-8 .aui-cell {
width: 150%; }
.aui-grid--nested-8 .aui-cell--1 {
width: 12.5%; }
.aui-grid--nested-8 .aui-cell--2 {
width: 25%; }
.aui-grid--nested-8 .aui-cell--3 {
width: 37.5%; }
.aui-grid--nested-8 .aui-cell--4 {
width: 50%; }
.aui-grid--nested-8 .aui-cell--5 {
width: 62.5%; }
.aui-grid--nested-8 .aui-cell--6 {
width: 75%; }
.aui-grid--nested-8 .aui-cell--7 {
width: 87.5%; }
.aui-grid--nested-8 .aui-cell--8 {
width: 100%; }
.aui-grid--nested-8 .aui-cell--9 {
width: 112.5%; }
.aui-grid--nested-8 .aui-cell--10 {
width: 125%; }
.aui-grid--nested-8 .aui-cell--11 {
width: 137.5%; }
.aui-grid--nested-8 .aui-cell--12 {
width: 150%; }
.aui-grid--nested-9 .aui-cell {
width: 133.333333333%; }
.aui-grid--nested-9 .aui-cell--1 {
width: 11.1111111111%; }
.aui-grid--nested-9 .aui-cell--2 {
width: 22.2222222222%; }
.aui-grid--nested-9 .aui-cell--3 {
width: 33.3333333333%; }
.aui-grid--nested-9 .aui-cell--4 {
width: 44.4444444444%; }
.aui-grid--nested-9 .aui-cell--5 {
width: 55.5555555556%; }
.aui-grid--nested-9 .aui-cell--6 {
width: 66.6666666667%; }
.aui-grid--nested-9 .aui-cell--7 {
width: 77.7777777778%; }
.aui-grid--nested-9 .aui-cell--8 {
width: 88.8888888889%; }
.aui-grid--nested-9 .aui-cell--9 {
width: 100%; }
.aui-grid--nested-9 .aui-cell--10 {
width: 111.111111111%; }
.aui-grid--nested-9 .aui-cell--11 {
width: 122.222222222%; }
.aui-grid--nested-9 .aui-cell--12 {
width: 133.333333333%; }
.aui-grid--nested-10 .aui-cell {
width: 120%; }
.aui-grid--nested-10 .aui-cell--1 {
width: 10%; }
.aui-grid--nested-10 .aui-cell--2 {
width: 20%; }
.aui-grid--nested-10 .aui-cell--3 {
width: 30%; }
.aui-grid--nested-10 .aui-cell--4 {
width: 40%; }
.aui-grid--nested-10 .aui-cell--5 {
width: 50%; }
.aui-grid--nested-10 .aui-cell--6 {
width: 60%; }
.aui-grid--nested-10 .aui-cell--7 {
width: 70%; }
.aui-grid--nested-10 .aui-cell--8 {
width: 80%; }
.aui-grid--nested-10 .aui-cell--9 {
width: 90%; }
.aui-grid--nested-10 .aui-cell--10 {
width: 100%; }
.aui-grid--nested-10 .aui-cell--11 {
width: 110%; }
.aui-grid--nested-10 .aui-cell--12 {
width: 120%; }
.aui-grid--nested-11 .aui-cell {
width: 109.090909091%; }
.aui-grid--nested-11 .aui-cell--1 {
width: 9.0909090909%; }
.aui-grid--nested-11 .aui-cell--2 {
width: 18.1818181818%; }
.aui-grid--nested-11 .aui-cell--3 {
width: 27.2727272727%; }
.aui-grid--nested-11 .aui-cell--4 {
width: 36.3636363636%; }
.aui-grid--nested-11 .aui-cell--5 {
width: 45.4545454545%; }
.aui-grid--nested-11 .aui-cell--6 {
width: 54.5454545455%; }
.aui-grid--nested-11 .aui-cell--7 {
width: 63.6363636364%; }
.aui-grid--nested-11 .aui-cell--8 {
width: 72.7272727273%; }
.aui-grid--nested-11 .aui-cell--9 {
width: 81.8181818182%; }
.aui-grid--nested-11 .aui-cell--10 {
width: 90.9090909091%; }
.aui-grid--nested-11 .aui-cell--11 {
width: 100%; }
.aui-grid--nested-11 .aui-cell--12 {
width: 109.090909091%; }
.aui-header {
z-index: 100;
top: 0;
font-size: 12px;
height: 3.5rem; }
.aui-header__content {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-ms-flex-align: center;
align-items: center;
height: 3.5rem;
transition: box-shadow linear .15s; }
.aui-header--grid .aui-header__content {
padding: 0 4.375%; }
.aui-header.is-sticky .aui-header__content {
z-index: 100;
position: fixed;
top: 0;
left: 0;
width: 100%;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07); }
.aui-list {
counter-reset: li;
margin-left: 0;
padding-left: 0;
list-style: none;
font-size: 16px;
line-height: 24px; }
@media (min-width: 740px) {
.aui-list {
font-size: 16px;
line-height: 24px; } }
@media (min-width: 1264px) {
.aui-list {
font-size: 18px;
line-height: 28px; } }
@media (min-width: 1584px) {
.aui-list {
font-size: 20px;
line-height: 32px; } }
.aui-list__item {
margin-left: 1.25rem; }
.aui-list__item + .aui-list__item {
margin-top: 0.75rem; }
.aui-list__item::before {
display: inline-block;
width: 1.25rem;
margin-left: -1.25rem;
color: rgba(0, 0, 0, 0.3); }
.aui-list--arrow .aui-list__item::before {
content: '›'; }
.aui-list--number .aui-list__item::before {
content: counter(li);
counter-increment: li; }
.aui-color-text-light .aui-list__item::before {
color: rgba(255, 255, 255, 0.6); }
/**
* Prevent scrolling of body, when modal is open.
* Added to body by JS.
*/
.aui-modal-open {
overflow: hidden; }
/**
* Modal container stretched to viewport size.
*/
.aui-modal {
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
outline: 0;
z-index: 1900;
overflow: hidden; }
.aui-modal.is-active {
right: 0;
bottom: 0;
width: auto;
height: auto;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch; }
/**
* Modal dialog
*/
.aui-modal-dialog {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row;
flex-flow: row;
-ms-flex-pack: center;
justify-content: center;
position: relative;
min-height: 100vh;
opacity: 0;
transition: opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
background-color: #333333; }
.aui-modal-dialog__body {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: column;
flex-flow: column;
-ms-flex-pack: center;
justify-content: center;
position: relative;
min-width: 1px;
max-width: 100%;
min-height: 100vh;
padding: 1.625rem 4.375%; }
.aui-modal-dialog__body--full {
padding: 0; }
.aui-modal-dialog__content {
max-width: 100%; }
.aui-modal-dialog__close {
position: fixed;
top: 0.375rem;
right: 0.375rem;
width: 45px;
height: 45px;
cursor: pointer;
vertical-align: middle;
outline: none;
box-sizing: border-box;
border: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
transition: color 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
color: #ffffff; }
.aui-modal-dialog__close:hover {
color: #cccccc; }
.aui-modal-close-icon-large,
.aui-modal-close-icon-small {
display: block;
stroke-width: 1px; }
.aui-modal-close-icon-large {
display: none; }
/**
* Styles when modal is open:
*/
.aui-modal-open .aui-modal.is-active .aui-modal-dialog {
opacity: 1;
transition-delay: 0.4s; }
.aui-modal-open .aui-modal.is-active .aui-modal-dialog--morph {
transition-delay: 0s; }
.aui-modal-open .aui-modal.is-active .aui-modal-dialog--morph .aui-modal-dialog__body {
transition-delay: 0s; }
/**
* Responsive adaptions:
*/
@media (min-width: 600px) {
.aui-modal-dialog__body {
width: 62.5%;
max-width: 1200px; }
.aui-modal-dialog--fullpage .aui-modal-dialog__close,
.aui-modal-dialog--window .aui-modal-dialog__close {
top: 0;
right: 0;
width: 81px;
height: 81px; }
.aui-modal-dialog--fullpage .aui-modal-dialog__body {
padding-left: 0;
padding-right: 0; }
.aui-modal-dialog--window,
.aui-modal-dialog--layer {
background-color: transparent; }
.aui-modal-dialog--window .aui-modal-dialog__body {
width: 80%;
padding-left: 81px;
padding-right: 81px;
background-color: #333333; }
.aui-modal-dialog--layer {
padding: 0 4.375%; }
.aui-modal-dialog--layer .aui-modal-dialog__body {
padding: 1.625rem 0; }
.aui-modal-dialog--layer .aui-modal-dialog__content {
transform: translateY(0);
background-color: #333333; }
.aui-modal-dialog--layer .aui-modal-dialog__content {
padding: 2rem; }
.aui-modal-dialog--layer:not(.aui-modal-dialog--morph) .aui-modal-dialog__body {
transform: translateY(10px);
transition: transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-modal-dialog--layer .aui-modal-dialog__close {
position: absolute; }
.aui-modal-dialog--layer .aui-modal-dialog__body--full,
.aui-modal-dialog__body--full {
padding: 0; }
.aui-modal-close-icon-small {
display: none; }
.aui-modal-close-icon-large {
display: block; }
/**
* Styles when modal is open:
*/
.aui-modal-open .aui-modal.is-active .aui-modal-dialog {
opacity: 1;
transition-delay: 0.4s; }
.aui-modal-open .aui-modal.is-active .aui-modal-dialog__content {
transform: translateY(0);
transition-delay: 0.4s; }
.aui-modal-open .aui-modal.is-active .aui-modal-dialog--layer .aui-modal-dialog__body {
transform: translateY(0);
transition-delay: 0.4s; } }
/**
* Modal morph
* Created by JS
*/
.aui-modal-morph {
position: absolute;
opacity: 0;
background-color: #333333;
transition-property: top, left, width, height, opacity;
transition-duration: 0.4s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
z-index: 1801; }
.aui-modal-morph.is-morphing {
opacity: 1; }
/**
* Modal backdrop
* Created by JS
*/
.aui-modal-backdrop {
opacity: 0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0, 0, 0, 0.9);
transition: opacity 0.6s cubic-bezier(0.75, 0.02, 0.5, 1);
z-index: 1800; }
.aui-modal-open .aui-modal-backdrop {
opacity: 1; }
.aui-nav {
position: relative;
font-weight: 400;
font-size: 1rem;
line-height: 1;
color: rgba(0, 0, 0, 0.5);
fill: rgba(0, 0, 0, 0.5);
stroke: rgba(0, 0, 0, 0.5); }
.aui-nav__items {
padding-left: 0;
list-style: none; }
.aui-nav__action {
display: block;
width: 100%;
z-index: 1;
position: relative;
padding: 0.5rem 0;
vertical-align: baseline;
text-align: left;
transition-property: color, background, fill, stroke;
transition-duration: .15s;
transition-timing-function: linear;
cursor: pointer; }
.aui-nav__action.is-active, .aui-nav__action:hover {
color: #000000;
fill: #000000;
stroke: #000000; }
.aui-nav__action, .aui-nav__action.is-disabled {
color: rgba(0, 0, 0, 0.5);
fill: rgba(0, 0, 0, 0.5);
stroke: rgba(0, 0, 0, 0.5); }
.aui-nav__action, .aui-nav__action.is-disabled, .aui-nav__action:active, .aui-nav__action:focus {
outline: 0;
border: 0;
background: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.aui-nav__action > span {
position: relative; }
.aui-nav__action .audiicon {
position: relative;
margin-right: .75em;
vertical-align: middle; }
.aui-nav__action.is-disabled {
cursor: not-allowed;
opacity: .3; }
/**
* Modifier: List
*/
.aui-nav--list .aui-nav__action {
padding: 0.75rem 0; }
.aui-nav--list .aui-nav__item {
display: block; }
.aui-nav--list .aui-nav__item + .aui-nav__item {
border-top: 1px solid rgba(0, 0, 0, 0.1); }
.aui-nav--list .aui-nav__action {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; }
/**
* Modifier: Bar and Tab
*/
.aui-nav--bar,
.aui-nav--tab {
font-family: 'AudiTypeExtended', Verdana, Geneva, sans-serif;
overflow: hidden;
height: 2rem; }
.aui-nav--bar .aui-nav__panel,
.aui-nav--tab .aui-nav__panel {
position: relative;
max-width: 100%;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
padding-bottom: 50px;
box-sizing: content-box; }
.aui-nav--bar .aui-nav__items,
.aui-nav--tab .aui-nav__items {
display: -ms-flexbox;
display: flex;
width: 100%;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: start;
align-items: flex-start;
white-space: nowrap; }
.aui-nav--bar .aui-nav__item,
.aui-nav--tab .aui-nav__item {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 0 1rem; }
.aui-nav--bar .aui-nav__item:first-child,
.aui-nav--tab .aui-nav__item:first-child {
padding-left: 0; }
.aui-nav--bar .aui-nav__item:last-child,
.aui-nav--tab .aui-nav__item:last-child {
padding-right: 0; }
.aui-nav--bar .aui-nav__action,
.aui-nav--tab .aui-nav__action {
display: inline-block;
width: auto;
font-family: inherit; }
.aui-nav--bar .aui-nav__action.is-active,
.aui-nav--tab .aui-nav__action.is-active {
transition-delay: .15s; }
.aui-nav__indicator {
pointer-events: none;
display: block;
position: absolute;
top: 2rem;
left: 0;
width: 1px;
height: 2px;
background: #000000;
opacity: 0;
transform: translateY(-100%); }
.aui-nav__paddle-left,
.aui-nav__paddle-right {
content: '';
display: block;
position: absolute;
top: 0;
width: 2rem;
height: 100%;
z-index: 2;
border: 0;
outline: 0;
overflow: hidden;
transition: opacity .15s linear; }
.aui-nav__paddle-left::after,
.aui-nav__paddle-right::after {
content: '';
display: inline-block;
position: absolute;
top: 50%;
width: 8px;
height: 13px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /%3E%3C/svg%3E") center center no-repeat;
transform: translateY(-50%); }
.aui-nav__paddle-left:disabled,
.aui-nav__paddle-right:disabled {
width: 0;
opacity: 0; }
.aui-nav__paddle-left {
left: 0;
background: linear-gradient(to right, white 40%, rgba(255, 255, 255, 0) 100%); }
.aui-nav__paddle-left::after {
left: 0;
transform: translateY(-50%) rotate(180deg); }
.aui-nav__paddle-right {
right: 0;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 60%); }
.aui-nav__paddle-right::after {
right: 0; }
.is-animated .aui-nav__indicator {
opacity: 1;
transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), width 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), opacity 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-nav--overlap {
margin-top: -2rem; }
.aui-nav--small {
height: 1.5rem;
font-size: 0.75rem; }
.aui-nav--small .aui-nav__item {
padding: 0 0.75rem; }
.aui-nav--small .aui-nav__item:first-child {
padding-left: 0; }
.aui-nav--small .aui-nav__item:last-child {
padding-right: 0; }
.aui-nav--small .aui-nav__action {
padding: 0.375rem 0; }
.aui-nav--small .aui-nav__indicator {
top: 1.5rem; }
.aui-nav--tab {
height: 3.25rem; }
.aui-nav--tab .aui-nav__item {
padding-left: 0;
padding-right: 0; }
.aui-nav--tab .aui-nav__action {
padding: 1.125rem 1.25rem; }
.aui-nav--tab .aui-nav__indicator {
top: 0;
height: 100%;
transform: none;
background: #e5e5e5; }
.aui-nav--tab.aui-nav--small {
height: 2.5rem; }
.aui-nav--tab.aui-nav--small .aui-nav__action {
padding: 0.875rem 1rem; }
.aui-nav--tab.aui-nav--overlap {
margin-top: -3.25rem; }
/**
* Modifier: dropdown
*/
.aui-nav--dropdown {
color: rgba(0, 0, 0, 0.5); }
.aui-nav--dropdown.is-active {
z-index: 1000; }
.aui-nav--dropdown .aui-nav__toggle {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
position: relative;
padding: 0.625rem 0;
width: 100%;
border: 0;
background: none;
outline: none;
line-height: 1;
text-align: left;
color: #000000; }
.aui-nav--dropdown .aui-nav__toggle-label {
display: block;
position: relative;
pointer-events: none;
padding-right: 18px; }
.aui-nav--dropdown .aui-nav__toggle-label::after {
content: '';
display: block;
position: absolute;
top: 50%;
right: 0;
width: 13px;
height: 8px;
margin-top: -4px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E") center center no-repeat;
transition-property: transform, background;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-nav--dropdown.is-active .aui-nav__toggle-label::after {
transform: rotate(180deg); }
.aui-nav--dropdown .aui-nav__underline {
display: block;
position: relative;
top: -1px;
height: 1px;
background: rgba(0, 0, 0, 0.5);
z-index: 1; }
.aui-nav--dropdown .aui-nav__underline::after {
content: '';
display: block;
opacity: 0;
position: absolute;
top: 1px;
width: 100%;
height: 1px;
background: inherit;
transition: opacity .25s linear; }
.aui-nav--dropdown.is-active .aui-nav__underline::after {
opacity: 1; }
.aui-nav--dropdown .aui-nav__panel {
position: absolute;
top: 100%;
width: 100%;
opacity: 0;
visibility: hidden;
background: #e5e5e5;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
transition: opacity .3s, visibility .3s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
z-index: 1000; }
.aui-nav--dropdown.is-active .aui-nav__panel {
visibility: visible;
opacity: 1; }
.aui-nav--dropdown .aui-nav__items {
max-height: 0;
overflow: hidden;
padding: 0.5rem 0;
transition: max-height 0s .3s; }
.aui-nav--dropdown.is-active .aui-nav__items {
max-height: 10000px;
transition-delay: 0s; }
.aui-nav--dropdown .aui-nav__item {
opacity: 0;
margin: 0 1.25rem;
transform: translateY(10%);
transition-property: transform, opacity;
transition-duration: .3s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
transition-delay: 0s; }
.aui-nav--dropdown .aui-nav__item:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.aui-nav--dropdown.is-active .aui-nav__item {
opacity: 1;
transform: translateY(0); }
.aui-nav--dropdown .aui-nav__action {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 1.25rem 0; }
.aui-nav--dropdown.aui-nav--sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1001; }
.aui-nav--dropdown.aui-nav--sticky .aui-nav__toggle {
background: #ffffff; }
.aui-nav--dropdown.is-sticky .aui-nav__toggle {
padding: 1.125rem 4.375%;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
z-index: 1001; }
.aui-nav--dropdown.is-sticky .aui-nav__toggle {
position: fixed;
top: 0;
left: 0;
width: 100%; }
.aui-nav--dropdown.is-sticky .aui-nav__panel {
position: fixed;
top: 3.25rem;
left: 0; }
.aui-nav--dropdown.is-sticky .aui-nav__underline {
opacity: 0; }
.aui-nav--dropdown.is-sticky .aui-nav__item {
margin-left: 4.375%;
margin-right: 4.375%; }
.aui-notification {
position: relative;
width: 18.5rem;
font-size: 14px;
line-height: 20px;
transform: translateY(30px);
transition: height 0.4s cubic-bezier(0.75, 0.02, 0.5, 1) 0.4s, margin 0.4s cubic-bezier(0.75, 0.02, 0.5, 1) 0.4s, opacity 0.4s cubic-bezier(0.75, 0.02, 0.5, 1), visibility 0.4s cubic-bezier(0.75, 0.02, 0.5, 1), transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1), box-shadow 0.4s cubic-bezier(0.75, 0.02, 0.5, 1);
margin-bottom: 0.25rem;
opacity: 0;
visibility: hidden; }
@media (min-width: 740px) {
.aui-notification {
font-size: 14px;
line-height: 20px; } }
@media (min-width: 1264px) {
.aui-notification {
font-size: 15px;
line-height: 24px; } }
@media (min-width: 1584px) {
.aui-notification {
font-size: 16px;
line-height: 24px; } }
.aui-notification-container {
position: fixed;
right: 0.75rem;
top: 0.75rem;
z-index: 1701; }
.aui-notification__content {
position: relative;
margin-right: 27px;
padding: 0.75rem 1.5rem 0.75rem 0.75rem; }
.aui-notification__close {
position: absolute;
top: 0.75rem;
right: 0.75rem;
width: 17px;
height: 17px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' %3E%3Cpath fill='%23333333' d='M8.487,7.78l7.78,-7.777c0.235,0.236 0.471,0.472 0.707,0.707l-7.78,7.777l7.777,7.78l-0.708,0.707l-7.776,-7.78l-7.78,7.777l-0.707,-0.708l7.78,-7.776l-7.777,-7.78l0.707,-0.707l7.777,7.78Z' /%3E%3C/svg%3E") center center no-repeat;
cursor: pointer;
vertical-align: middle;
outline: none;
box-sizing: border-box;
border: none;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.aui-notification.aui-color-text-light .aui-notification__close,
.aui-notification.aui-color-text-warning .aui-notification__close {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' %3E%3Cpath fill='%23f2f2f2' d='M8.487,7.78l7.78,-7.777c0.235,0.236 0.471,0.472 0.707,0.707l-7.78,7.777l7.777,7.78l-0.708,0.707l-7.776,-7.78l-7.78,7.777l-0.707,-0.708l7.78,-7.776l-7.777,-7.78l0.707,-0.707l7.777,7.78Z' /%3E%3C/svg%3E"); }
.aui-notification.is-open {
transform: translateY(0);
opacity: 1;
visibility: visible;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
transition-duration: 0.4s; }
.aui-notification.is-closed {
transform: translateY(0);
overflow: hidden;
height: 0 !important; }
.aui-pager {
list-style: none;
padding-left: 0;
font-weight: 400;
color: rgba(0, 0, 0, 0.5); }
.aui-pager__item {
display: inline-block; }
.aui-pager__current {
color: black; }
.aui-pager__next, .aui-pager__prev {
transition: color .15s linear; }
.aui-pager__prev {
margin-right: 1em; }
.aui-pager__next {
margin-left: 1em; }
.aui-pager__next-icon, .aui-pager__prev-icon {
display: inline-block;
width: .5em;
height: .8125em;
text-indent: 100%;
overflow: hidden;
transform: translateY(0.0625em);
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
.aui-pager__next-icon svg, .aui-pager__prev-icon svg {
display: block;
fill: none;
stroke: currentColor;
stroke-width: 1.1px; }
.aui-pager__prev-icon {
transform: translateY(0.0625em) rotate(180deg); }
.aui-pager__next:hover:not(.is-disabled), .aui-pager__prev:hover:not(.is-disabled) {
color: black; }
.aui-pager__next.is-disabled, .aui-pager__prev.is-disabled {
cursor: not-allowed;
opacity: .30;
pointer-events: none; }
.aui-pagination {
overflow: hidden;
position: relative;
height: 1.75rem;
font-size: 1rem;
line-height: 1.75rem;
font-weight: 400;
color: rgba(0, 0, 0, 0.5); }
.aui-pagination__items {
display: block;
list-style: none;
padding-left: 0; }
.aui-pagination__items::after {
content: '';
display: table;
clear: both; }
.aui-pagination__item {
display: block;
margin: 0 1em;
float: left; }
.aui-pagination__item:first-child {
margin-left: 0; }
.aui-pagination__item:last-child {
margin-right: 0; }
.aui-pagination__ellipsis, .aui-pagination__link, .aui-pagination__next, .aui-pagination__prev {
transition: color .15s linear; }
.aui-pagination__link.is-active, .aui-pagination__link:hover:not(.is-disabled), .aui-pagination__next:hover:not(.is-disabled), .aui-pagination__prev:hover:not(.is-disabled) {
color: black; }
.aui-pagination__next-icon, .aui-pagination__prev-icon {
display: inline-block;
width: .5em;
height: .8125em;
text-indent: 100%;
overflow: hidden;
transform: translateY(0.0625em);
background-size: contain;
background-repeat: no-repeat;
background-position: center; }
.aui-pagination__next-icon svg, .aui-pagination__prev-icon svg {
display: block;
fill: none;
stroke: currentColor;
stroke-width: 1.1px; }
.aui-pagination__prev-icon {
transform: translateY(0.0625em) rotate(180deg); }
.aui-pagination__indicator {
pointer-events: none;
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 1px;
height: 2px;
background: black;
z-index: 1;
opacity: 0; }
.is-animated .aui-pagination__indicator {
opacity: 1;
transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), width 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), opacity 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }
[displaytype^='stepless'] .aui-pagination__indicator {
display: none; }
.aui-pagination__link.is-disabled, .aui-pagination__next.is-disabled, .aui-pagination__prev.is-disabled {
cursor: not-allowed;
opacity: .30;
pointer-events: none; }
.aui-player {
position: relative;
overflow: hidden;
width: 100%;
height: 0;
padding-bottom: 56.25%;
color: #ffffff;
background-color: #000000;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
/**
* States
*/
/**
* Responsiveness
*/ }
.aui-player-related-container {
z-index: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
overflow: hidden; }
.aui-player-related-container__replay {
position: absolute;
left: 5%;
bottom: 19px; }
.aui-player-related-container__replay .audiicon {
width: 100%;
height: 100%; }
.aui-player-related-grid {
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
width: 90%;
margin: 0 auto;
overflow: hidden; }
.aui-player-related-grid__cell {
display: block;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1px;
margin: 0 0.25rem 0 0; }
.aui-player-related-grid__cell:last-child {
margin-right: 0; }
.aui-player-related-content {
display: block;
width: 100%;
padding: 0;
outline: none;
color: inherit;
background: none;
border: 0 none;
font-size: 12px;
line-height: 16px;
font-weight: 400;
letter-spacing: -0.015em;
text-align: left;
cursor: pointer; }
.aui-player-related-content__image {
display: block;
width: 100%;
height: auto; }
.aui-player-related-content__title {
display: block;
margin-top: 0.5rem;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
padding-right: 1rem; }
.aui-player__overlay {
position: absolute;
background: rgba(0, 0, 0, 0.5);
top: 0;
bottom: 0;
left: 0;
right: 0; }
.aui-player__large-button {
position: absolute;
left: 50%;
top: 50%;
width: 44px;
height: 44px;
border: 1px solid #ffffff;
transform: translate(-50%, -50%); }
.aui-player__large-button .audiicon {
position: absolute;
left: 10px;
top: 10px;
width: 24px;
height: 24px; }
.aui-player__large-button, .aui-player__overlay {
transition: opacity .2s linear .5s; }
.aui-player.is-playing .aui-player__large-button,
.aui-player.is-playing .aui-player__overlay {
opacity: 0; }
.aui-player:hover .aui-player__large-button,
.aui-player:hover .aui-player__overlay {
transition: opacity .2s linear;
opacity: 1; }
.aui-player__chrome {
z-index: 3;
display: -ms-flexbox;
display: flex;
-ms-flex-flow: row nowrap;
flex-flow: row nowrap;
-ms-flex-align: center;
align-items: center;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 60px;
padding: 0 5%;
font-size: 0.75rem;
transform: translateY(100%);
transition: transform 0.4s cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-player__chrome::after {
content: '';
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 60px;
background-color: rgba(0, 0, 0, 0.6);
transition: height 0.2s cubic-bezier(0.75, 0.02, 0.5, 1) 0.1s;
z-index: -1; }
.aui-player__current-time, .aui-player__duration, .aui-player__fullscreen, .aui-player__mute, .aui-player__play {
-ms-flex: 0 0 auto;
flex: 0 0 auto; }
.aui-player__progress-control {
-ms-flex: 1 1 auto;
flex: 1 1 auto; }
.aui-player__current-time, .aui-player__duration {
transform: translateY(0.0833333333em); }
.aui-player__current-time {
margin-left: 0.5rem;
margin-right: 0.25rem; }
.aui-player__current-time:first-child {
margin-left: 0; }
.aui-player__duration {
margin-left: 0.25rem;
margin-right: 0.5rem; }
.aui-player__duration:last-child {
margin-right: 0; }
.aui-player__progress-control {
position: relative;
height: 100%; }
.aui-player__progress-holder {
position: absolute;
top: 50%;
width: 100%;
height: 1px;
background-color: #4c4c4c; }
.aui-player__progress {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%; }
.aui-player__progress--loading {
background-color: #808080; }
.aui-player__progress--progress {
background-color: #ffffff; }
.aui-player__mute + .aui-player__fullscreen {
margin-left: 0.5rem; }
.aui-player__playhead {
position: absolute;
left: 0;
top: 0;
width: 0.75rem;
height: 0.75rem;
border: 1px solid #ffffff;
border-radius: 50%;
transform: translate(-50%, -50%);
background-color: #333333;
z-index: 1; }
.aui-player__seek-holder {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
opacity: 0;
transition: opacity .2s linear; }
.aui-player__seek-marker {
position: absolute;
top: -0.375rem;
right: 0;
width: 1px;
height: 0.75rem;
background-color: #ffffff; }
.aui-player__seek-time {
position: absolute;
bottom: 7px;
right: 0;
line-height: 2em;
transform: translateX(50%);
z-index: 1; }
.aui-player__preview {
display: none;
position: absolute;
right: 0;
transform: translateX(50%);
opacity: 0;
transition: opacity .2s linear; }
.aui-player__preview-image {
width: 80px;
height: 0;
padding-bottom: 56.25%;
background-position: center;
background-size: cover; }
.aui-player__icon-exit-fullscreen, .aui-player__icon-pause, .aui-player__icon-replay, .aui-player__icon-unmute {
display: none; }
.aui-player--preview .aui-player__preview,
.aui-player--preview .aui-player__seek-time {
bottom: 17px; }
.aui-player--preview .aui-player__preview {
display: block; }
.aui-player.is-controlled .aui-player__chrome,
.aui-player:hover .aui-player__chrome {
transform: translateY(0); }
.aui-player.is-seeking .aui-player__seek-holder {
opacity: 1;
transition-delay: .1s; }
.aui-player.is-seeking .aui-player__preview {
opacity: 1;
transition-delay: .1s; }
.aui-player.is-seeking.aui-player--preview .aui-player__chrome::after {
height: 101px;
transition-delay: 0s; }
.aui-player.is-mute .aui-player__icon-mute {
display: none; }
.aui-player.is-mute .aui-player__icon-unmute {
display: inline-block; }
.aui-player.is-playing .aui-player__icon-play {
display: none; }
.aui-player.is-playing .aui-player__icon-pause {
display: inline-block; }
.aui-player.is-complete .aui-player__icon-pause,
.aui-player.is-complete .aui-player__icon-play {
display: none; }
.aui-player.is-complete .aui-player__icon-replay {
display: inline-block; }
.aui-player.is-fullscreen .aui-player__icon-enter-fullscreen, .aui-player:-webkit-full-screen .aui-player__icon-enter-fullscreen {
visibility: hidden; }
.aui-player.is-fullscreen .aui-player__icon-enter-fullscreen, .aui-player:-moz-full-screen .aui-player__icon-enter-fullscreen {
visibility: hidden; }
.aui-player.is-fullscreen .aui-player__icon-enter-fullscreen, .aui-player:-ms-fullscreen .aui-player__icon-enter-fullscreen {
visibility: hidden; }
.aui-player.is-fullscreen .aui-player__icon-enter-fullscreen, .aui-player:fullscreen .aui-player__icon-enter-fullscreen {
visibility: hidden; }
.aui-player.is-fullscreen .aui-player__icon-exit-fullscreen, .aui-player:-webkit-full-screen .aui-player__icon-exit-fullscreen {
visibility: visible; }
.aui-player.is-fullscreen .aui-player__icon-exit-fullscreen, .aui-player:-moz-full-screen .aui-player__icon-exit-fullscreen {
visibility: visible; }
.aui-player.is-fullscreen .aui-player__icon-exit-fullscreen, .aui-player:-ms-fullscreen .aui-player__icon-exit-fullscreen {
visibility: visible; }
.aui-player.is-fullscreen .aui-player__icon-exit-fullscreen, .aui-player:fullscreen .aui-player__icon-exit-fullscreen {
visibility: visible; }
@media (min-width: 600px) {
.aui-player__large-button {
width: 72px;
height: 72px; }
.aui-player__large-button .audiicon {
left: 12px;
top: 12px;
width: 48px;
height: 48px; }
.aui-player__large-button .audiicon-small {
visibility: hidden; }
.aui-player__large-button .audiicon-large {
visibility: visible; } }
@media (min-width: 740px) {
.aui-player__chrome {
font-size: 1rem;
height: 120px; }
.aui-player__chrome::after {
height: 120px; }
.aui-player__chrome .aui-button--icon {
width: 45px;
height: 45px; }
.aui-player__chrome .aui-button--icon .audiicon {
left: -1px;
top: -1px;
width: 48px;
height: 48px; }
.aui-player__chrome .aui-button--icon .audiicon-small {
visibility: hidden; }
.aui-player__chrome .aui-button--icon .audiicon-large {
visibility: visible; }
.aui-player__current-time {
margin-left: 2.5rem;
margin-right: 1.25rem; }
.aui-player__duration {
margin-left: 1.25rem;
margin-right: 2.5rem; }
.aui-player__mute + .aui-player__fullscreen {
margin-left: 1.25rem; }
.aui-player__playhead {
width: 1.25rem;
height: 1.25rem; }
.aui-player__seek-time {
bottom: 20px; }
.aui-player__seek-marker {
top: -0.625rem;
height: 1.25rem; }
.aui-player__preview-image {
width: 128px;
height: 72px; }
.aui-player-related-container__replay {
bottom: 38px;
width: 44px;
height: 44px; }
.aui-player .audiicon-small {
visibility: hidden; }
.aui-player .audiicon-large {
visibility: visible; }
.aui-player.aui-player--preview .aui-player__preview,
.aui-player.aui-player--preview .aui-player__seek-time {
bottom: 31px; }
.aui-player.is-seeking.aui-player--preview .aui-player__chrome::after {
height: 182px; } }
@media (min-width: 960px) {
.aui-player-related-content {
font-family: 'AudiTypeExtended', Verdana, Geneva, sans-serif;
font-size: 14px;
line-height: 20px; } }
@media (min-width: 1264px) {
.aui-player-related-content {
font-size: 16px;
line-height: 24px; }
.aui-player__preview-image {
width: 160px;
height: 90px; }
.aui-player.is-seeking.aui-player--preview .aui-player__chrome::after {
height: 200px; } }
/**
* Prevent zooming of body, when popover is open.
* Added to body by JS.
*/
.aui-popover-is-open {
overflow-x: hidden; }
.aui-popover {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 2px;
width: 0;
height: 0;
font-size: 0.875rem;
line-height: 1.25rem;
text-align: left;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: opacity .15s linear, visibility .15s linear;
z-index: 1002;
/**
* States
*/ }
.aui-popover.aui-tether-enabled {
width: 90vw;
max-width: 22em;
height: auto;
overflow: visible;
visibility: visible; }
.aui-popover__content {
position: relative;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07); }
.aui-popover__content:not([class^="aui-color-"]):not([class*=" aui-color-"]) {
background-color: #ffffff; }
.aui-popover__text {
display: block;
position: relative;
padding: 1rem;
background-color: inherit;
z-index: 1; }
.aui-popover__media {
display: block;
position: relative;
width: 100%;
height: auto;
z-index: 1; }
.aui-popover__arrow {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
fill: #ffffff;
transform: translate(-50%, -50%); }
.aui-popover__arrow-shape {
display: block; }
.aui-popover.aui-tether-element-attached-top {
margin-top: 12px; }
.aui-popover.aui-tether-element-attached-top .aui-popover__arrow {
top: 0; }
.aui-popover.aui-tether-element-attached-bottom {
margin-top: -12px; }
.aui-popover.aui-tether-element-attached-bottom .aui-popover__arrow {
top: 100%; }
.aui-popover.aui-tether-element-attached-left {
padding-left: 12px; }
.aui-popover.aui-tether-element-attached-left .aui-popover__arrow {
left: 0; }
.aui-popover.aui-tether-element-attached-right {
padding-right: 12px; }
.aui-popover.aui-tether-element-attached-right .aui-popover__arrow {
left: 100%; }
.aui-popover.aui-tether-element-attached-middle.aui-tether-pinned-right {
left: 0 !important;
padding-right: 12px; }
.aui-popover.aui-tether-element-attached-middle.aui-tether-pinned-right .aui-popover__arrow {
left: 100%; }
.aui-popover.aui-tether-element-attached-middle.aui-tether-pinned-left {
right: 0;
left: auto !important;
padding-left: 12px; }
.aui-popover.aui-tether-element-attached-middle.aui-tether-pinned-left .aui-popover__arrow {
left: 0; }
.aui-popover.is-shown {
opacity: 1;
visibility: visible;
transition-duration: .25s; }
.aui-progress {
position: relative;
height: 0.25rem;
background: rgba(0, 0, 0, 0.1);
overflow: hidden; }
.aui-progress__bar {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
background: #bb0a30; }
.aui-progress--continuous .aui-progress__bar {
animation: aui-progress 2s linear infinite; }
@keyframes aui-progress {
from {
left: -55%;
width: 55%; }
50% {
width: 30%; }
70% {
width: 70%; }
80% {
left: 50%; }
95% {
left: 120%; }
to {
left: 100%; } }
.aui-radio {
display: inline-block;
position: relative;
font-weight: 400;
line-height: 1.5;
color: #333333;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0); }
.aui-js .aui-radio {
padding-left: 2.5em; }
.aui-radio__box {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 50%;
transition: box-shadow .15s linear, border .15s linear;
cursor: pointer;
pointer-events: none;
z-index: 1; }
.aui-js .aui-radio__box {
display: inline-block; }
.aui-radio__tick {
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 1.5em;
height: 1.5em;
transform: translate(-50%, -50%) scale(0.3333333333, 0.3333333333);
border-radius: 50%;
background: rgba(0, 0, 0, 0.1);
transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), background 0.15s linear;
pointer-events: none; }
.aui-radio:hover:not(.is-disabled) {
color: #000000; }
.aui-radio:hover:not(.is-disabled) .aui-radio__box {
border-color: black; }
.aui-radio:hover:not(.is-disabled) .aui-radio__tick {
transform: translate(-50%, -50%) scale(0.4166666667, 0.4166666667); }
.aui-radio__input:focus ~ .aui-radio__box {
box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
.aui-radio.is-disabled {
opacity: 0.3;
cursor: not-allowed; }
.aui-radio.is-checked .aui-radio__tick {
background: rgba(0, 0, 0, 0.8);
transform: translate(-50%, -50%) scale(0.5, 0.5); }
.aui-response {
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
pointer-events: none; }
.aui-response__effect {
content: '';
display: block;
position: absolute;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border-radius: 50%; }
.aui-response__effect--large {
width: 60px;
height: 60px;
margin: -30px 0 0 -30px; }
.aui-response--masked {
overflow: hidden; }
.aui-response.is-animating .aui-response__effect {
animation: aui-response-dark 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both; }
.aui-response.aui-theme-light.is-animating .aui-response__effect,
.aui-button.aui-theme-light .aui-response.is-animating .aui-response__effect {
animation: aui-response-light 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both; }
/**
* Invert effect, when used with Primary Button
*/
.aui-button--primary .aui-response.is-animating .aui-response__effect {
animation: aui-response-light 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both; }
.aui-button--primary.aui-theme-light .aui-response.is-animating .aui-response__effect {
animation: aui-response-dark 0.6s cubic-bezier(0.75, 0.02, 0.5, 1) both; }
/**
* Animations
*/
@keyframes aui-response-dark {
0% {
opacity: 1;
box-shadow: inset 0 0 0 30px rgba(153, 153, 153, 0.3);
transform: scale3d(0.01, 0.01, 1); }
100% {
opacity: 0;
box-shadow: inset 0 0 0 1px #999999;
transform: scale3d(1.7, 1.7, 1); } }
@keyframes aui-response-light {
0% {
opacity: 1;
box-shadow: inset 0 0 0 30px rgba(255, 255, 255, 0.3);
transform: scale3d(0.01, 0.01, 1); }
100% {
opacity: 0;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7);
transform: scale3d(1.7, 1.7, 1); } }
.aui-select {
display: block;
position: relative;
margin: 0;
padding: 0;
font-size: 1rem;
line-height: 1.5;
box-sizing: border-box;
/**
* Variant: floating-label
*/
/**
* States
*/ }
.aui-select__input {
display: block;
margin: 0;
padding-right: 1.3125rem;
width: 100%;
min-height: 2.5rem;
font-size: inherit;
font-weight: 400;
line-height: inherit;
color: rgba(0, 0, 0, 0.6);
background: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0;
box-shadow: none;
transition: color, border;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
outline: 0; }
.aui-select__input::-ms-expand {
display: none; }
.aui-select__input::-ms-value {
background: none;
color: rgba(0, 0, 0, 0.6); }
.aui-select__input option {
color: #333333;
background: white; }
.aui-select__input option:disabled {
color: rgba(0, 0, 0, 0.6); }
@-moz-document url-prefix() {
.aui-select .aui-select__input {
padding-top: 0.5625em; } }
.aui-select__label {
display: block;
position: absolute;
top: 0.5rem;
right: 0;
bottom: 0;
left: 0;
width: 100%;
color: rgba(0, 0, 0, 0.6);
font-size: inherit;
font-weight: 400;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
transition-property: top, font-size, color, opacity;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
opacity: 0;
pointer-events: none; }
.aui-select::after {
content: '';
display: block;
position: absolute;
top: 1.3125rem;
right: 0;
width: 13px;
height: 8px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E") center center no-repeat;
transform: translateY(-50%);
transition: background .25s linear;
pointer-events: none; }
.aui-select__focus-line {
display: block;
position: relative;
width: 100%;
margin-top: -2px;
height: 1px;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transition-property: opacity, background;
transition-duration: 0.25s; }
.aui-select__description, .aui-select__error {
display: block;
color: rgba(0, 0, 0, 0.5);
transition: color 0.25s linear;
margin-top: 0.5rem;
font-size: 0.8125rem;
line-height: 1.25rem; }
.aui-select__error {
color: #bb0a30; }
.aui-select.aui-select--floating-label {
padding-top: 0.6875rem; }
.aui-select.aui-select--floating-label::after {
top: 2rem; }
.aui-js .aui-select.aui-select--floating-label .aui-select__label {
top: 1.1875rem; }
.aui-select:not(.is-disabled):not(.is-invalid) .aui-select__input:hover {
border-color: rgba(0, 0, 0, 0.8); }
.aui-select.is-focused .aui-select__label {
opacity: 0; }
.aui-select.is-focused.aui-select--floating-label .aui-select__label {
top: 0;
font-size: .75rem;
opacity: 1; }
.aui-select.is-focused .aui-select__input {
outline: none;
box-shadow: none;
border-color: rgba(0, 0, 0, 0.8); }
.aui-select.is-focused .aui-select__focus-line {
opacity: 1; }
.aui-select.is-disabled {
opacity: 0.3;
cursor: not-allowed; }
.aui-select.is-disabled .aui-select__input {
cursor: not-allowed; }
.aui-select.is-disabled .aui-select__focus-line {
opacity: 0; }
.aui-select.is-dirty::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='%23333333' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.aui-select.is-dirty .aui-select__label {
opacity: 0; }
.aui-select.is-dirty.aui-select--floating-label .aui-select__label {
top: 0;
font-size: .75rem;
opacity: 1; }
.aui-select.is-dirty .aui-select__input {
border-color: rgba(0, 0, 0, 0.8);
color: #333333; }
.aui-select.is-dirty .aui-select__input::-ms-value {
color: #333333; }
.aui-select.is-invalid,
.aui-select.is-invalid:not(.is-dirty) .aui-select__input,
.aui-select.is-invalid .aui-select__label {
color: #bb0a30; }
.aui-select.is-invalid::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='%23bb0a30' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.aui-select.is-invalid .aui-select__input {
border-color: #bb0a30; }
.aui-select.is-invalid .aui-select__focus-line {
background: #bb0a30; }
/**
* NOTE
* The Slider AUI component relies on the 3rd party library
* noUiSlider by Leon Gersen
* @see https://refreshless.com/nouislider/
*/
.aui-slider {
position: relative;
padding: 0;
min-height: 1.5rem;
color: #333333;
/**
* Customized noUiSlider Styles
*/
/**
* States
*/ }
.aui-slider__output {
position: relative;
font-size: 14px; }
.aui-slider__target,
.aui-slider__target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: none;
touch-action: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
box-sizing: border-box; }
.aui-slider__target {
position: relative;
direction: ltr; }
.aui-slider__base {
width: 100%;
height: 100%;
position: relative;
z-index: 1; }
.aui-slider__connect {
position: absolute;
right: 0;
top: 0;
left: 0;
bottom: 0; }
.aui-slider__origin {
position: absolute;
height: 0;
width: 0; }
.aui-slider__handle {
position: relative;
z-index: 1; }
.aui-slider__state-tap .aui-slider__connect,
.aui-slider__state-tap .aui-slider__origin {
transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s; }
.aui-slider__state-drag * {
cursor: inherit !important; }
.aui-slider__base, .aui-slider__handle {
transform: translate3d(0, 0, 0); }
.aui-slider__horizontal {
height: 2px; }
.aui-slider__vertical {
width: 2px; }
.aui-slider__target {
margin: 0 0.75rem;
height: 1.5rem; }
.aui-slider__target::after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
margin: 0 -0.75rem;
transform: translateY(-50%);
background: #cccccc; }
.aui-slider__connect::after {
content: '';
display: block;
position: absolute;
top: 50%;
left: 0;
right: 0;
height: 2px;
transform: translateY(-50%);
background: #000000; }
.aui-slider.aui-slider--single .aui-slider__connect::after {
margin-left: -0.75rem; }
.aui-slider__draggable {
cursor: ew-resize; }
.aui-slider__vertical .aui-slider__draggable {
cursor: ns-resize; }
.aui-slider__handle {
position: relative;
width: 1.5rem;
height: 1.5rem;
background: #ffffff;
border-radius: 50%;
border: 1px solid #808080;
transform: translateX(-50%);
transition: border .15s linear;
cursor: pointer; }
.aui-slider:not(.is-disabled) .aui-slider__handle:hover {
border-color: #000000; }
.aui-slider__handle[disabled],
[disabled] .aui-slider__handle,
[disabled] .aui-slider__target {
cursor: not-allowed; }
.aui-slider__pips,
.aui-slider__pips * {
box-sizing: border-box; }
.aui-slider__pips {
position: absolute;
color: #999; }
.aui-slider__value {
position: absolute;
text-align: center; }
.aui-slider__value-sub {
color: #ccc;
font-size: 10px; }
.aui-slider__marker {
position: absolute;
background: #CCC; }
.aui-slider__marker-sub {
background: #AAA; }
.aui-slider__marker-large {
background: #AAA; }
.aui-slider__pips-horizontal {
padding: 10px 0;
height: 80px;
top: 100%;
left: 0;
width: 100%; }
.aui-slider__value-horizontal {
transform: translate3d(-50%, 50%, 0); }
.aui-slider__marker-horizontal.aui-slider__marker {
margin-left: -1px;
width: 2px;
height: 5px; }
.aui-slider__marker-horizontal.aui-slider__marker-sub {
height: 10px; }
.aui-slider__marker-horizontal.aui-slider__marker-large {
height: 15px; }
.aui-slider__pips-vertical {
padding: 0 10px;
height: 100%;
top: 0;
left: 100%; }
.aui-slider__value-vertical {
transform: translate3d(0, 50%, 0);
padding-left: 25px; }
.aui-slider__marker-vertical.aui-slider__marker {
width: 5px;
height: 2px;
margin-top: -1px; }
.aui-slider__marker-vertical.aui-slider__marker-sub {
width: 10px; }
.aui-slider__marker-vertical.aui-slider__marker-large {
width: 15px; }
.aui-slider__tooltip {
display: block;
position: absolute;
border: 1px solid #D9D9D9;
border-radius: 3px;
background: #fff;
color: #000;
padding: 5px;
text-align: center; }
.aui-slider__horizontal .aui-slider__tooltip {
transform: translate(-50%, 0);
left: 50%;
bottom: 120%; }
.aui-slider__vertical .aui-slider__tooltip {
transform: translate(0, -50%);
top: 50%;
right: 120%; }
.aui-slider.is-disabled {
opacity: 0.3;
cursor: not-allowed; }
.aui-slider.is-disabled .aui-slider__handle,
.aui-slider.is-disabled .aui-slider__draggable {
cursor: not-allowed; }
.aui-indicator {
display: inline-block;
position: relative;
font-family: serif;
height: 0.5rem;
line-height: 0.5rem; }
.aui-indicator__items {
padding-left: 0;
list-style: none; }
.aui-indicator__items::after {
content: '';
display: table;
clear: both; }
.aui-indicator__item {
float: left;
margin-left: 0.25rem; }
.aui-indicator__item:first-child {
margin-left: 0; }
.aui-indicator__action {
display: block;
width: 1.25rem;
height: 0.5rem;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
text-decoration: none;
outline: 0;
transition: background 0.15s linear; }
.aui-indicator__action, .aui-indicator__action:visited {
background: rgba(0, 0, 0, 0.2); }
.aui-indicator__action:hover {
background: rgba(0, 0, 0, 0.5); }
.aui-indicator__indicator {
pointer-events: none;
display: block;
position: absolute;
top: 0;
left: 0;
width: 1.25rem;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 1;
transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-indicator--shadow .aui-indicator__action {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); }
/**
* NOTE
* All animations happen in JS.
*/
.aui-spinner {
display: inline-block;
position: relative;
width: 6rem;
height: 6rem;
stroke: rgba(0, 0, 0, 0.6);
font-size: 1rem; }
.aui-spinner__svg {
width: 100%;
height: 100%; }
.aui-spinner__path {
stroke-miterlimit: 10;
stroke-linecap: square;
stroke-width: 1.1px;
fill: none; }
.aui-spinner__path--progress {
stroke: #bb0a30;
stroke-width: 3px; }
.aui-spinner__value {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
font-family: 'AudiTypeExtended', Verdana, Geneva, sans-serif;
font-size: 1rem;
line-height: 1;
text-align: center; }
.aui-spinner--continuous {
width: 3rem;
height: 3rem; }
.aui-sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.aui-switch {
cursor: pointer;
display: inline-block;
position: relative;
font-weight: 400;
min-width: 3em;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
/**
* Variant: text-left
*/
/**
* Variant: equal
*/
/**
* States
*/ }
.aui-switch::after {
content: '.';
display: inline-block;
width: 0;
visibility: hidden; }
.aui-switch__text {
display: inline-block;
padding-left: 4em;
color: #333333;
transition: color .15s linear; }
.aui-switch__track {
display: inline-block;
position: absolute;
top: .125em;
left: 0;
width: 3em;
height: 1.5em;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 0.75em;
vertical-align: middle;
transition: box-shadow .15s linear, border .15s linear; }
.aui-switch__thumb {
display: inline-block;
position: absolute;
top: 50%;
left: .75em;
width: 1.5em;
height: 1.5em;
border-radius: 50%;
transform: translate(-50%, -50%) scale(0.3333333333, 0.3333333333);
background: rgba(0, 0, 0, 0.1);
transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1), background 0.3s cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-switch--text-left .aui-switch__text {
padding-left: 0;
padding-right: 4em; }
.aui-switch--text-left .aui-switch__track {
left: auto;
right: 0; }
.aui-switch--equal {
display: -ms-inline-flexbox;
display: inline-flex; }
.aui-switch--equal .aui-switch__text {
padding-left: 0;
padding-right: 0;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-order: 1;
order: 1; }
.aui-switch--equal .aui-switch__text--left {
margin-right: 1em; }
.aui-switch--equal .aui-switch__text--right {
-ms-flex-order: 3;
order: 3;
color: rgba(0, 0, 0, 0.5);
margin-left: 1em; }
.aui-switch--equal .aui-switch__track {
position: relative;
left: auto;
-ms-flex: 0 0 3em;
flex: 0 0 3em;
-ms-flex-order: 2;
order: 2; }
.aui-switch--equal .aui-switch__thumb {
background: rgba(0, 0, 0, 0.8);
transform: translate(-50%, -50%) scale(0.5, 0.5); }
.aui-switch:hover:not(.is-disabled) .aui-switch__text {
color: #000000; }
.aui-switch:hover:not(.is-disabled) .aui-switch__track {
border-color: black; }
.aui-switch:hover:not(.is-disabled) .aui-switch__track .aui-switch__thumb {
transform: translate(-50%, -50%) scale(0.4166666667, 0.4166666667); }
.aui-switch--equal:hover:not(.is-disabled) .aui-switch__text--right {
color: rgba(0, 0, 0, 0.5); }
.aui-switch--equal:hover:not(.is-disabled) .aui-switch__input:checked ~ .aui-switch__text--left {
color: rgba(0, 0, 0, 0.5); }
.aui-switch--equal:hover:not(.is-disabled) .aui-switch__input:checked ~ .aui-switch__text--right {
color: #000000; }
.aui-switch__input:focus ~ .aui-switch__track {
box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.1); }
.aui-switch.is-disabled {
opacity: 0.3;
cursor: not-allowed; }
.aui-switch__input:checked ~ .aui-switch__track .aui-switch__thumb {
background: rgba(0, 0, 0, 0.8);
transform: translate(-50%, -50%) scale(0.5, 0.5);
left: 2.125em; }
.aui-switch--equal .aui-switch__input:checked ~ .aui-switch__text--left {
color: rgba(0, 0, 0, 0.5); }
.aui-switch--equal .aui-switch__input:checked ~ .aui-switch__text--right {
color: #333333; }
.aui-table {
width: calc(100% + 1rem);
margin-left: -0.5rem;
overflow: auto;
overflow-y: hidden; }
.aui-table table {
border-collapse: separate;
border-spacing: 0.5rem;
border-color: #000000; }
.aui-table caption {
font-weight: 700;
text-align: left;
padding: 1rem 0.5rem; }
.aui-table tr {
vertical-align: top; }
.aui-table th {
border-top: 3px solid #000000;
font-weight: 700;
text-align: left; }
.aui-table th,
.aui-table td {
padding: 1rem 0.75rem 0.5rem 0; }
.aui-table td {
border-top: 1px solid #000000; }
.aui-table__cell--colored {
background-color: rgba(0, 0, 0, 0.1); }
.aui-table__cell--last-row td {
position: relative; }
.aui-table__cell--last-row td::after {
content: '';
display: block;
position: absolute;
bottom: -0.5rem;
left: 0;
right: 0;
border-bottom: 1px solid #000000; }
.aui-table--stretched table {
width: 100%; }
.aui-table--padded th,
.aui-table--padded td {
padding: 1rem 0.75rem; }
.aui-textfield {
display: block;
position: relative;
margin: 0;
padding: 0.6875rem 0 0;
font-size: 1rem;
line-height: 1.5;
stroke: #333333;
/**
* Variant: floating-label
*/
/**
* Variant: multiline
*/
/**
* Variant: icon
*/
/**
* States
*/ }
.aui-textfield__input {
display: block;
margin: 0;
padding: 0.5em 0;
width: 100%;
min-height: 2.5rem;
font-size: inherit;
font-weight: 400;
line-height: inherit;
text-align: left;
color: rgba(0, 0, 0, 0.6);
background: none;
border: none;
transition: color 0.25s cubic-bezier(0.75, 0.02, 0.5, 1);
resize: none;
outline: 0;
border-radius: 0; }
.aui-textfield__field {
position: relative;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
transition-property: border, padding;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-textfield__label {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
color: rgba(0, 0, 0, 0.6);
font-size: 0.75rem;
font-weight: 400;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
pointer-events: none;
transition-property: top, font-size, color, opacity;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1);
pointer-events: none; }
.aui-textfield__focus-line {
display: block;
position: relative;
width: 100%;
margin-top: -2px;
height: 1px;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
transition-property: opacity, background;
transition-duration: 0.25s; }
.aui-textfield__counter, .aui-textfield__description, .aui-textfield__error, .aui-textfield__valid {
display: block;
color: rgba(0, 0, 0, 0.5);
transition: color 0.25s linear;
margin-top: 0.5rem;
font-size: 0.8125rem;
line-height: 1.25rem; }
.aui-textfield__counter {
position: relative;
height: 1.25rem; }
.aui-textfield__counter-value {
display: block;
position: absolute;
top: 0;
right: 0; }
.aui-textfield__counter ~ .aui-textfield__description,
.aui-textfield__counter ~ .aui-textfield__error {
margin-top: -1.25rem;
padding-right: 4em; }
.aui-textfield__valid {
position: relative; }
.aui-textfield__valid::before {
content: '';
display: inline-block;
margin-right: 0.5rem;
width: 12px;
height: 12px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='rgba(0, 0, 0, 0.6)' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E") center center no-repeat; }
.aui-textfield__error {
color: #bb0a30; }
.aui-textfield .audiicon {
position: absolute;
top: 1.25rem;
left: 0;
transform: translateY(-50%); }
.aui-js .aui-textfield {
padding-top: 0; }
.aui-js .aui-textfield .aui-textfield__label {
top: 0.5rem;
font-size: inherit; }
.aui-textfield.aui-textfield--floating-label .aui-textfield__field {
padding-top: 0.6875rem; }
.aui-js .aui-textfield.aui-textfield--floating-label .aui-textfield__label {
top: 1.1875rem;
font-size: inherit; }
.aui-textfield.aui-textfield--multiline {
transition-property: padding;
transition-duration: 0.25s;
transition-timing-function: cubic-bezier(0.75, 0.02, 0.5, 1); }
.aui-textfield.aui-textfield--multiline .aui-textfield__field {
padding-top: 1.25em;
border: 1px solid rgba(0, 0, 0, 0.3); }
.aui-textfield.aui-textfield--multiline .aui-textfield__label {
top: 10px;
left: 10px; }
.aui-textfield.aui-textfield--multiline .aui-textfield__input {
padding-left: 0.625em;
padding-right: 0.625em; }
.aui-js .aui-textfield.aui-textfield--multiline {
padding-top: 0.8125em; }
.aui-js .aui-textfield.aui-textfield--multiline .aui-textfield__field {
padding-top: 0.4375em; }
.aui-js .aui-textfield.aui-textfield--multiline .aui-textfield__label {
top: 7px; }
.aui-textfield--icon .aui-textfield__input,
.aui-textfield--icon .aui-textfield__label {
padding-left: 2rem; }
.aui-textfield:not(.is-disabled):not(.is-invalid) .aui-textfield__field:hover {
border-bottom-color: rgba(0, 0, 0, 0.8); }
.aui-textfield.is-focused .aui-textfield__label {
opacity: 0; }
.aui-textfield.is-focused.aui-textfield--floating-label .aui-textfield__label {
top: 0;
font-size: 0.75rem;
opacity: 1; }
.aui-textfield.is-focused.aui-textfield--multiline {
padding-top: 0; }
.aui-textfield.is-focused.aui-textfield--multiline .aui-textfield__field {
padding-top: 1.25em; }
.aui-textfield.is-focused.aui-textfield--multiline .aui-textfield__label {
top: 0.625em;
font-size: 0.75rem;
opacity: 1; }
.aui-textfield.is-focused .aui-textfield__field {
border-bottom-color: rgba(0, 0, 0, 0.8); }
.aui-textfield.is-focused .aui-textfield__input {
outline: none;
box-shadow: none; }
.aui-textfield.is-focused .aui-textfield__focus-line {
opacity: 1; }
.aui-textfield.is-disabled {
opacity: 0.3;
cursor: not-allowed; }
.aui-textfield.is-disabled .aui-textfield__input {
cursor: not-allowed; }
.aui-textfield.is-disabled .aui-textfield__focus-line {
opacity: 0; }
.aui-textfield.is-dirty .aui-textfield__label {
opacity: 0; }
.aui-textfield.is-dirty.aui-textfield--floating-label .aui-textfield__label {
top: 0;
font-size: 0.75rem;
opacity: 1; }
.aui-textfield.is-dirty.aui-textfield--multiline {
padding-top: 0; }
.aui-textfield.is-dirty.aui-textfield--multiline .aui-textfield__field {
padding-top: 1.25em; }
.aui-textfield.is-dirty.aui-textfield--multiline .aui-textfield__label {
top: 0.625em;
font-size: 0.75rem;
opacity: 1; }
.aui-textfield.is-dirty .aui-textfield__field {
border-bottom-color: rgba(0, 0, 0, 0.8); }
.aui-textfield.is-dirty .aui-textfield__input {
color: #333333; }
.aui-textfield.is-invalid,
.aui-textfield.is-invalid:not(.is-dirty) .aui-textfield__input,
.aui-textfield.is-invalid .aui-textfield__counter,
.aui-textfield.is-invalid .aui-textfield__label {
color: #bb0a30; }
.aui-textfield.is-invalid .aui-textfield__field {
border-color: #bb0a30; }
.aui-textfield.is-invalid .aui-textfield__focus-line {
background: #bb0a30; }
.aui-tooltip {
pointer-events: none;
display: block;
position: fixed;
top: -1000px;
left: -1000px;
max-width: 288px;
font-size: .875rem;
line-height: 1.25rem;
color: #333333;
background: #ffffff;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.05), 0 0 50px 0 rgba(0, 0, 0, 0.07);
opacity: 0;
visibility: hidden;
transition-property: opacity, visibility;
transition-duration: 0.15s;
transition-timing-function: linear;
/**
* Variant: Dark
*/
/**
* States
*/ }
.aui-tooltip__triangle {
display: block;
position: absolute;
top: 0;
left: 50%;
background: inherit; }
.aui-tooltip__triangle::after {
content: '';
display: block;
position: absolute;
left: -8px;
top: -8px;
width: 16px;
height: 16px;
transform: rotate(45deg);
transform-origin: center;
background: inherit; }
.aui-tooltip__text {
display: inline-block;
padding: 0.75rem 1.25rem; }
.aui-tooltip__media {
position: relative;
z-index: 1;
display: block;
width: 100%;
height: auto; }
.aui-tooltip--dark {
color: #ffffff;
background: #4c4c4c; }
.aui-tooltip.is-active {
opacity: 1;
visibility: visible;
transition-duration: 0.25s;
z-index: 1002; }
.aui-tooltip.is-top .aui-tooltip__triangle {
top: auto;
bottom: 0; }
html {
font-size: 16px;
line-height: 28px; }
@media (min-width: 740px) {
html {
font-size: 16px;
line-height: 28px; } }
@media (min-width: 1264px) {
html {
font-size: 18px;
line-height: 32px; } }
@media (min-width: 1584px) {
html {
font-size: 20px;
line-height: 36px; } }
body {
font-family: 'AudiTypeScreen', Verdana, Geneva, sans-serif;
font-weight: 300;
color: #333333; }
.aui-headline-1, .aui-headline-2, .aui-headline-3, .aui-headline-4, .aui-headline-5 {
font-family: 'AudiTypeExtended', Verdana, Geneva, sans-serif;
font-weight: 400;
letter-spacing: -0.015em; }
.aui-headline-6 {
font-family: 'AudiTypeScreen', Verdana, Geneva, sans-serif; }
.aui-headline-1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
color: #000000; }
@media (min-width: 740px) {
.aui-headline-1 {
font-size: 56px;
line-height: 60px; } }
@media (min-width: 1264px) {
.aui-headline-1 {
font-size: 83px;
line-height: 92px; } }
@media (min-width: 1584px) {
.aui-headline-1 {
font-size: 119px;
line-height: 132px; } }
.aui-color-text-light .aui-headline-1 {
color: #ffffff; }
.aui-headline-2 {
font-size: 31px;
line-height: 36px; }
@media (min-width: 740px) {
.aui-headline-2 {
font-size: 35px;
line-height: 44px; } }
@media (min-width: 1264px) {
.aui-headline-2 {
font-size: 47px;
line-height: 56px; } }
@media (min-width: 1584px) {
.aui-headline-2 {
font-size: 61px;
line-height: 72px; } }
.aui-headline-3 {
font-size: 21px;
line-height: 24px; }
@media (min-width: 740px) {
.aui-headline-3 {
font-size: 22px;
line-height: 28px; } }
@media (min-width: 1264px) {
.aui-headline-3 {
font-size: 26px;
line-height: 32px; } }
@media (min-width: 1584px) {
.aui-headline-3 {
font-size: 31px;
line-height: 36px; } }
.aui-headline-4 {
font-size: 18px;
line-height: 20px; }
@media (min-width: 740px) {
.aui-headline-4 {
font-size: 19px;
line-height: 24px; } }
@media (min-width: 1264px) {
.aui-headline-4 {
font-size: 22px;
line-height: 28px; } }
@media (min-width: 1584px) {
.aui-headline-4 {
font-size: 25px;
line-height: 32px; } }
.aui-headline-5 {
font-size: 16px;
line-height: 20px; }
@media (min-width: 740px) {
.aui-headline-5 {
font-size: 16px;
line-height: 20px; } }
@media (min-width: 1264px) {
.aui-headline-5 {
font-size: 18px;
line-height: 24px; } }
@media (min-width: 1584px) {
.aui-headline-5 {
font-size: 20px;
line-height: 28px; } }
.aui-headline-6 {
font-size: 16px;
line-height: 24px;
font-weight: 700; }
@media (min-width: 740px) {
.aui-headline-6 {
font-size: 16px;
line-height: 24px; } }
@media (min-width: 1264px) {
.aui-headline-6 {
font-size: 18px;
line-height: 28px; } }
@media (min-width: 1584px) {
.aui-headline-6 {
font-size: 20px;
line-height: 32px; } }
.aui-shortread {
font-size: 16px;
line-height: 24px; }
@media (min-width: 740px) {
.aui-shortread {
font-size: 16px;
line-height: 24px; } }
@media (min-width: 1264px) {
.aui-shortread {
font-size: 18px;
line-height: 28px; } }
@media (min-width: 1584px) {
.aui-shortread {
font-size: 20px;
line-height: 32px; } }
.aui-color-text-light .aui-accentuated::before {
border-top-color: #ffffff; }
.aui-caption {
font-size: 14px;
line-height: 20px; }
@media (min-width: 740px) {
.aui-caption {
font-size: 14px;
line-height: 20px; } }
@media (min-width: 1264px) {
.aui-caption {
font-size: 15px;
line-height: 24px; } }
@media (min-width: 1584px) {
.aui-caption {
font-size: 16px;
line-height: 24px; } }
.aui-big {
font-size: 18px;
line-height: 32px; }
@media (min-width: 740px) {
.aui-big {
font-size: 19px;
line-height: 32px; } }
@media (min-width: 1264px) {
.aui-big {
font-size: 22px;
line-height: 40px; } }
@media (min-width: 1584px) {
.aui-big {
font-size: 25px;
line-height: 44px; } }
.aui-small {
font-size: 12px;
line-height: 20px; }
@media (min-width: 740px) {
.aui-small {
font-size: 12px;
line-height: 20px; } }
@media (min-width: 1264px) {
.aui-small {
font-size: 12px;
line-height: 20px; } }
@media (min-width: 1584px) {
.aui-small {
font-size: 13px;
line-height: 20px; } }
.aui-blockquote {
margin: 0;
font-weight: normal;
font-size: 18px;
line-height: 28px; }
@media (min-width: 740px) {
.aui-blockquote {
font-size: 19px;
line-height: 28px; } }
@media (min-width: 1264px) {
.aui-blockquote {
font-size: 22px;
line-height: 32px; } }
@media (min-width: 1584px) {
.aui-blockquote {
font-size: 25px;
line-height: 36px; } }
.aui-textlink {
padding-bottom: 0.06125em;
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
color: inherit;
font-weight: 400;
transition: color 0.3s linear, border 0.3s linear; }
.aui-textlink:hover {
color: #000000;
border-bottom-color: #000000; }
.aui-textlink:focus {
outline: none; }
.aui-color-text-light .aui-textlink {
border-bottom-color: rgba(255, 255, 255, 0.3); }
.aui-color-text-light .aui-textlink:hover {
color: #ffffff;
border-bottom-color: #ffffff; }
.aui-visible {
display: block !important; }
.aui-visible-inline {
display: inline !important; }
.aui-visible-inline-block {
display: inline-block !important; }
.aui-hidden {
display: none !important; }
.aui-visible-tiny,
.aui-visible-tiny-inline,
.aui-visible-tiny-inline-block {
display: none !important; }
@media (min-width: 480px) {
.aui-visible-tiny {
display: block !important; }
.aui-visible-tiny-inline {
display: inline !important; }
.aui-visible-tiny-inline-block {
display: inline-block !important; }
.aui-hidden-tiny {
display: none !important; } }
.aui-visible-xsmall,
.aui-visible-xsmall-inline,
.aui-visible-xsmall-inline-block {
display: none !important; }
@media (min-width: 600px) {
.aui-visible-xsmall {
display: block !important; }
.aui-visible-xsmall-inline {
display: inline !important; }
.aui-visible-xsmall-inline-block {
display: inline-block !important; }
.aui-hidden-xsmall {
display: none !important; } }
.aui-visible-small,
.aui-visible-small-inline,
.aui-visible-small-inline-block {
display: none !important; }
@media (min-width: 740px) {
.aui-visible-small {
display: block !important; }
.aui-visible-small-inline {
display: inline !important; }
.aui-visible-small-inline-block {
display: inline-block !important; }
.aui-hidden-small {
display: none !important; } }
.aui-visible-medium,
.aui-visible-medium-inline,
.aui-visible-medium-inline-block {
display: none !important; }
@media (min-width: 960px) {
.aui-visible-medium {
display: block !important; }
.aui-visible-medium-inline {
display: inline !important; }
.aui-visible-medium-inline-block {
display: inline-block !important; }
.aui-hidden-medium {
display: none !important; } }
.aui-visible-large,
.aui-visible-large-inline,
.aui-visible-large-inline-block {
display: none !important; }
@media (min-width: 1264px) {
.aui-visible-large {
display: block !important; }
.aui-visible-large-inline {
display: inline !important; }
.aui-visible-large-inline-block {
display: inline-block !important; }
.aui-hidden-large {
display: none !important; } }
.aui-visible-xlarge,
.aui-visible-xlarge-inline,
.aui-visible-xlarge-inline-block {
display: none !important; }
@media (min-width: 1424px) {
.aui-visible-xlarge {
display: block !important; }
.aui-visible-xlarge-inline {
display: inline !important; }
.aui-visible-xlarge-inline-block {
display: inline-block !important; }
.aui-hidden-xlarge {
display: none !important; } }
.aui-visible-huge,
.aui-visible-huge-inline,
.aui-visible-huge-inline-block {
display: none !important; }
@media (min-width: 1584px) {
.aui-visible-huge {
display: block !important; }
.aui-visible-huge-inline {
display: inline !important; }
.aui-visible-huge-inline-block {
display: inline-block !important; }
.aui-hidden-huge {
display: none !important; } }
.aui-audioplayer.aui-theme-light {
color: #ffffff; }
.aui-audioplayer.aui-theme-light .aui-button {
fill: #ffffff;
color: #ffffff; }
.aui-audioplayer.aui-theme-light .aui-audioplayer__playhead {
background-color: #333333; }
.aui-audioplayer.aui-theme-light .aui-audioplayer__progress--loading {
background-color: #808080; }
.aui-audioplayer.aui-theme-light .aui-audioplayer__progress--progress {
background-color: #ffffff; }
.aui-audioplayer.aui-theme-light .aui-audioplayer__progress-holder {
background-color: #4c4c4c; }
.aui-audioplayer.aui-theme-light .aui-audioplayer__cover {
background-color: #000000; }
.aui-breadcrumb.aui-theme-black.is-oversized::after {
background: linear-gradient(to right, #000000 5%, transparent 100%); }
.aui-breadcrumb.aui-theme-silver.is-oversized::after {
background: linear-gradient(to right, #b2b2b2 5%, rgba(178, 178, 178, 0) 100%); }
.aui-breadcrumb.aui-theme-warmsilver.is-oversized::after {
background: linear-gradient(to right, #b6b1a9 5%, rgba(182, 177, 169, 0) 100%); }
.aui-breadcrumb.aui-theme-red.is-oversized::after {
background: linear-gradient(to right, #bb0a30 5%, rgba(187, 10, 48, 0) 100%); }
.aui-breadcrumb.aui-theme-black, .aui-breadcrumb.aui-theme-silver, .aui-breadcrumb.aui-theme-warmsilver, .aui-breadcrumb.aui-theme-red {
color: rgba(255, 255, 255, 0.6); }
.aui-breadcrumb.aui-theme-black .aui-breadcrumb__item:last-child, .aui-breadcrumb.aui-theme-silver .aui-breadcrumb__item:last-child, .aui-breadcrumb.aui-theme-warmsilver .aui-breadcrumb__item:last-child, .aui-breadcrumb.aui-theme-red .aui-breadcrumb__item:last-child {
color: white; }
.aui-breadcrumb.aui-theme-black .aui-breadcrumb__item + .aui-breadcrumb__item::before, .aui-breadcrumb.aui-theme-silver .aui-breadcrumb__item + .aui-breadcrumb__item::before, .aui-breadcrumb.aui-theme-warmsilver .aui-breadcrumb__item + .aui-breadcrumb__item::before, .aui-breadcrumb.aui-theme-red .aui-breadcrumb__item + .aui-breadcrumb__item::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='8' viewBox='0 0 5 8'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='1px' fill='none' d='M0.5,0.5l3.24,3.252l-3.237,3.247' /%3E%3C/svg%3E"); }
.aui-breadcrumb.aui-theme-black .aui-breadcrumb__action:hover, .aui-breadcrumb.aui-theme-silver .aui-breadcrumb__action:hover, .aui-breadcrumb.aui-theme-warmsilver .aui-breadcrumb__action:hover, .aui-breadcrumb.aui-theme-red .aui-breadcrumb__action:hover {
color: rgba(255, 255, 255, 0.6); }
.aui-breadcrumb.aui-theme-black .aui-breadcrumb__action:hover, .aui-breadcrumb.aui-theme-silver .aui-breadcrumb__action:hover, .aui-breadcrumb.aui-theme-warmsilver .aui-breadcrumb__action:hover, .aui-breadcrumb.aui-theme-red .aui-breadcrumb__action:hover {
color: #fff; }
.aui-button.aui-theme-light.is-active, .aui-button.aui-theme-light:active, .aui-button.aui-theme-light:hover {
color: #e5e5e5;
stroke: #e5e5e5;
fill: #e5e5e5; }
.aui-button.aui-theme-light, .aui-button.aui-theme-light.is-disabled, .aui-button.aui-theme-light:disabled {
color: #ffffff;
stroke: #ffffff;
fill: #ffffff; }
.aui-button.aui-theme-light.is-disabled, .aui-button.aui-theme-light:disabled {
opacity: .30; }
.aui-button--icon.aui-theme-light:focus, .aui-button--primary.aui-theme-light:focus, .aui-button--secondary.aui-theme-light:focus {
box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2); }
.aui-button--icon.aui-theme-light.is-disabled, .aui-button--icon.aui-theme-light:disabled, .aui-button--icon.aui-theme-light:hover, .aui-button--primary.aui-theme-light.is-disabled, .aui-button--primary.aui-theme-light:disabled, .aui-button--primary.aui-theme-light:hover, .aui-button--secondary.aui-theme-light.is-disabled, .aui-button--secondary.aui-theme-light:disabled, .aui-button--secondary.aui-theme-light:hover {
box-shadow: none; }
.aui-button--primary.aui-theme-light, .aui-button--primary.aui-theme-light.is-active, .aui-button--primary.aui-theme-light:active, .aui-button--primary.aui-theme-light:hover, .aui-button--floating.aui-theme-light, .aui-button--floating.aui-theme-light.is-active, .aui-button--floating.aui-theme-light:active, .aui-button--floating.aui-theme-light:hover {
color: #000000;
stroke: #000000;
fill: #000000; }
.aui-button--primary.aui-theme-light.is-disabled, .aui-button--primary.aui-theme-light:disabled, .aui-button--floating.aui-theme-light.is-disabled, .aui-button--floating.aui-theme-light:disabled {
color: rgba(0, 0, 0, 0.5);
stroke: rgba(0, 0, 0, 0.5);
fill: rgba(0, 0, 0, 0.5); }
.aui-button--primary.aui-theme-light.is-active, .aui-button--primary.aui-theme-light:active, .aui-button--primary.aui-theme-light:hover, .aui-button--floating.aui-theme-light.is-active, .aui-button--floating.aui-theme-light:active, .aui-button--floating.aui-theme-light:hover {
border-color: #e5e5e5;
background-color: #e5e5e5; }
.aui-button--primary.aui-theme-light, .aui-button--primary.aui-theme-light.is-disabled, .aui-button--primary.aui-theme-light:disabled, .aui-button--floating.aui-theme-light, .aui-button--floating.aui-theme-light.is-disabled, .aui-button--floating.aui-theme-light:disabled {
border-color: #ffffff;
background-color: #ffffff; }
.aui-button--secondary.aui-theme-light.is-active, .aui-button--secondary.aui-theme-light:active, .aui-button--secondary.aui-theme-light:hover {
border-color: #cccccc; }
.aui-button--secondary.aui-theme-light, .aui-button--secondary.aui-theme-light.is-disabled, .aui-button--secondary.aui-theme-light:disabled {
border-color: #ffffff; }
.aui-button--text.aui-theme-light .aui-button__text::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath stroke='%23ffffff' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /%3E%3C/svg%3E"); }
.aui-button--text.aui-theme-light .aui-button__text:hover::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath stroke='%23e5e5e5' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /%3E%3C/svg%3E"); }
.aui-button--floating.aui-theme-light, .aui-button--floating.aui-theme-light:focus, .aui-button--floating.aui-theme-light:hover {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }
.aui-button--fixed.aui-theme-light {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }
.aui-checkbox {
/**
* Theme: light
*/ }
.aui-checkbox.aui-theme-light {
color: #f2f2f2;
/**
* States
*/ }
.aui-checkbox.aui-theme-light .aui-checkbox__box {
border-color: rgba(255, 255, 255, 0.5); }
.aui-checkbox.aui-theme-light .aui-checkbox__tick {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='%23f2f2f2' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E"); }
.aui-checkbox.aui-theme-light:hover:not(.is-disabled) {
color: #ffffff; }
.aui-checkbox.aui-theme-light:hover:not(.is-disabled) .aui-checkbox__box {
border-color: white; }
.aui-checkbox.aui-theme-light .aui-checkbox__input:focus ~ .aui-checkbox__box {
box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2); }
.aui-checkbox.aui-theme-light.is-invalid,
.aui-checkbox.aui-theme-light.is-invalid .aui-checkbox__label {
color: #bb0a30; }
.aui-checkbox.aui-theme-light.is-invalid .aui-checkbox__tick {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='%23bb0a30' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E"); }
.aui-checkbox.aui-theme-light.is-invalid .aui-checkbox__box,
.aui-checkbox.aui-theme-light.is-invalid:hover .aui-checkbox__box {
border-color: #bb0a30; }
.aui-draggable-list.aui-theme-light .aui-draggable-list__item {
color: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.2); }
.aui-draggable-list.aui-theme-light .aui-draggable-list__item:hover {
color: rgba(255, 255, 255, 0.95);
background: rgba(255, 255, 255, 0.3); }
.aui-draggable-list.aui-theme-light.is-dragging .aui-draggable-list__item,
.aui-draggable-list.aui-theme-light.is-dragging .aui-draggable-list__item:hover {
background: rgba(255, 255, 255, 0.1); }
.aui-draggable-list.aui-theme-light.is-dragging .aui-draggable-list__item.is-active,
.aui-draggable-list.aui-theme-light.is-dragging .aui-draggable-list__item:hover.is-active {
color: rgba(255, 255, 255, 0.95);
background: #666666; }
.aui-draggable-list.aui-theme-light.is-dragging .is-placeholder,
.aui-draggable-list.aui-theme-light.is-dragging .is-placeholder:hover {
color: transparent;
background: none; }
.aui-draggable-list.aui-theme-light .is-placeholder::before {
border-color: rgba(255, 255, 255, 0.1); }
.aui-draggable-list.aui-theme-light .aui-draggable-list__item::after {
background-image: url("data:image/svg+xml;dataset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='5' viewBox='0 0 16 5'%3E%3Crect style='fill:rgba(255, 255, 255, 0.8)' x='0' y='0' width='16' height='1' /%3E%3Crect style='fill:rgba(255, 255, 255, 0.8)' x='0' y='4' width='16' height='1' /%3E%3C/svg%3E"); }
.aui-dropzone.aui-theme-light {
color: #f2f2f2;
border-color: rgba(255, 255, 255, 0.2); }
.aui-dropzone.aui-theme-light.is-active, .aui-dropzone.aui-theme-light:hover {
border-color: rgba(255, 255, 255, 0.8); }
.aui-dropzone.aui-theme-light.aui-dropzone--fullpage {
background: rgba(0, 0, 0, 0.9); }
.aui-dropzone.aui-theme-light.aui-dropzone--fullpage::after {
border-color: rgba(255, 255, 255, 0.8); }
.aui-dropdown.aui-theme-black, .aui-dropdown.aui-theme-warmsilver, .aui-dropdown.aui-theme-silver {
/**
* States
*/ }
.aui-dropdown.aui-theme-black .aui-dropdown__input, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__input, .aui-dropdown.aui-theme-silver .aui-dropdown__input {
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.5); }
.aui-dropdown.aui-theme-black .aui-dropdown__label, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__label, .aui-dropdown.aui-theme-silver .aui-dropdown__label {
color: rgba(255, 255, 255, 0.6); }
.aui-dropdown.aui-theme-black .aui-dropdown__field::after, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__field::after, .aui-dropdown.aui-theme-silver .aui-dropdown__field::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.aui-dropdown.aui-theme-black .aui-dropdown__focus-line, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__focus-line, .aui-dropdown.aui-theme-silver .aui-dropdown__focus-line {
background: rgba(255, 255, 255, 0.8); }
.aui-dropdown.aui-theme-black .aui-dropdown__description, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__description, .aui-dropdown.aui-theme-silver .aui-dropdown__description, .aui-dropdown.aui-theme-black .aui-dropdown__error, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__error, .aui-dropdown.aui-theme-silver .aui-dropdown__error {
color: rgba(255, 255, 255, 0.5); }
.aui-dropdown.aui-theme-black .aui-dropdown__error, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__error, .aui-dropdown.aui-theme-silver .aui-dropdown__error {
color: #bb0a30; }
.aui-dropdown.aui-theme-black .aui-dropdown__panel, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__panel, .aui-dropdown.aui-theme-silver .aui-dropdown__panel {
background: #1a1a1a;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }
.aui-dropdown.aui-theme-black .aui-dropdown__list-title, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__list-title, .aui-dropdown.aui-theme-silver .aui-dropdown__list-title {
color: rgba(255, 255, 255, 0.3); }
.aui-dropdown.aui-theme-black .aui-dropdown__option, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__option, .aui-dropdown.aui-theme-silver .aui-dropdown__option {
color: #f2f2f2; }
.aui-dropdown.aui-theme-black .aui-dropdown__option:hover, .aui-dropdown.aui-theme-warmsilver .aui-dropdown__option:hover, .aui-dropdown.aui-theme-silver .aui-dropdown__option:hover {
background: rgba(255, 255, 255, 0.1); }
.aui-dropdown.aui-theme-black:not(.is-disabled):not(.is-invalid) .aui-dropdown__input:hover, .aui-dropdown.aui-theme-warmsilver:not(.is-disabled):not(.is-invalid) .aui-dropdown__input:hover, .aui-dropdown.aui-theme-silver:not(.is-disabled):not(.is-invalid) .aui-dropdown__input:hover {
border-color: rgba(255, 255, 255, 0.8); }
.is-focused.aui-dropdown.aui-theme-black .aui-dropdown__input, .is-focused.aui-dropdown.aui-theme-warmsilver .aui-dropdown__input, .is-focused.aui-dropdown.aui-theme-silver .aui-dropdown__input {
border-color: rgba(255, 255, 255, 0.8); }
.is-dirty.aui-dropdown.aui-theme-black .aui-dropdown__field::after, .is-dirty.aui-dropdown.aui-theme-warmsilver .aui-dropdown__field::after, .is-dirty.aui-dropdown.aui-theme-silver .aui-dropdown__field::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='%23f2f2f2' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.is-dirty.aui-dropdown.aui-theme-black .aui-dropdown__input, .is-dirty.aui-dropdown.aui-theme-warmsilver .aui-dropdown__input, .is-dirty.aui-dropdown.aui-theme-silver .aui-dropdown__input {
border-color: rgba(255, 255, 255, 0.8);
color: #f2f2f2; }
.is-invalid.aui-dropdown.aui-theme-black, .is-invalid.aui-dropdown.aui-theme-warmsilver, .is-invalid.aui-dropdown.aui-theme-silver, .is-invalid.aui-dropdown.aui-theme-black:not(.is-dirty) .aui-dropdown__input, .is-invalid.aui-dropdown.aui-theme-warmsilver:not(.is-dirty) .aui-dropdown__input, .is-invalid.aui-dropdown.aui-theme-silver:not(.is-dirty) .aui-dropdown__input, .is-invalid.aui-dropdown.aui-theme-black .aui-dropdown__counter, .is-invalid.aui-dropdown.aui-theme-warmsilver .aui-dropdown__counter, .is-invalid.aui-dropdown.aui-theme-silver .aui-dropdown__counter, .is-invalid.aui-dropdown.aui-theme-black .aui-dropdown__label, .is-invalid.aui-dropdown.aui-theme-warmsilver .aui-dropdown__label, .is-invalid.aui-dropdown.aui-theme-silver .aui-dropdown__label {
color: #bb0a30; }
.is-invalid.aui-dropdown.aui-theme-black .aui-dropdown__field::after, .is-invalid.aui-dropdown.aui-theme-warmsilver .aui-dropdown__field::after, .is-invalid.aui-dropdown.aui-theme-silver .aui-dropdown__field::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='%23bb0a30' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.is-invalid.aui-dropdown.aui-theme-black .aui-dropdown__input, .is-invalid.aui-dropdown.aui-theme-warmsilver .aui-dropdown__input, .is-invalid.aui-dropdown.aui-theme-silver .aui-dropdown__input {
border-color: #bb0a30; }
.is-invalid.aui-dropdown.aui-theme-black .aui-dropdown__focus-line, .is-invalid.aui-dropdown.aui-theme-warmsilver .aui-dropdown__focus-line, .is-invalid.aui-dropdown.aui-theme-silver .aui-dropdown__focus-line {
background: #bb0a30; }
.aui-dropdown {
/**
* Theme: black
*/
/**
* Theme: warmsilver
*/
/**
* Theme: silver
*/ }
.aui-dropdown.aui-theme-warmsilver .aui-dropdown__panel {
background: #c2beb7; }
.aui-dropdown.aui-theme-silver .aui-dropdown__panel {
background: #bfbfbf; }
.aui-fieldset {
/**
* Theme: light
*/ }
.aui-fieldset.aui-theme-light {
color: rgba(255, 255, 255, 0.6); }
.aui-fieldset.aui-theme-light.aui-fieldset--selects .aui-fieldset__legend,
.aui-fieldset.aui-theme-light.aui-fieldset--textfields .aui-fieldset__legend {
color: #f2f2f2; }
.aui-fieldset.aui-theme-light.is-invalid .aui-fieldset__error,
.aui-fieldset.aui-theme-light.is-invalid .aui-fieldset__legend {
color: #bb0a30; }
.aui-flyout.aui-theme-light .aui-flyout__panel {
color: rgba(255, 255, 255, 0.5);
background: #333333;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }
.aui-flyout.aui-theme-light .aui-flyout__close {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 17 17' %3E%3Cpath fill='rgba(255, 255, 255, 0.5)' d='M8.487,7.78l7.78,-7.777c0.235,0.236 0.471,0.472 0.707,0.707l-7.78,7.777l7.777,7.78l-0.708,0.707l-7.776,-7.78l-7.78,7.777l-0.707,-0.708l7.78,-7.776l-7.777,-7.78l0.707,-0.707l7.777,7.78Z' /%3E%3C/svg%3E") center center no-repeat; }
.aui-nav.aui-theme-black, .aui-nav.aui-theme-warmsilver, .aui-nav.aui-theme-silver, .aui-nav.aui-theme-red {
color: rgba(255, 255, 255, 0.5);
fill: rgba(255, 255, 255, 0.5);
stroke: rgba(255, 255, 255, 0.5);
/**
* Modifier: List
*/
/**
* Modifier: Dropdown
*/ }
.aui-nav.aui-theme-black .aui-nav__action.is-active, .aui-nav.aui-theme-warmsilver .aui-nav__action.is-active, .aui-nav.aui-theme-silver .aui-nav__action.is-active, .aui-nav.aui-theme-red .aui-nav__action.is-active, .aui-nav.aui-theme-black .aui-nav__action:hover, .aui-nav.aui-theme-warmsilver .aui-nav__action:hover, .aui-nav.aui-theme-silver .aui-nav__action:hover, .aui-nav.aui-theme-red .aui-nav__action:hover {
color: white;
fill: white;
stroke: white; }
.aui-nav.aui-theme-black .aui-nav__action, .aui-nav.aui-theme-warmsilver .aui-nav__action, .aui-nav.aui-theme-silver .aui-nav__action, .aui-nav.aui-theme-red .aui-nav__action, .aui-nav.aui-theme-black .aui-nav__action.is-disabled, .aui-nav.aui-theme-warmsilver .aui-nav__action.is-disabled, .aui-nav.aui-theme-silver .aui-nav__action.is-disabled, .aui-nav.aui-theme-red .aui-nav__action.is-disabled {
color: rgba(255, 255, 255, 0.5);
fill: rgba(255, 255, 255, 0.5);
stroke: rgba(255, 255, 255, 0.5); }
.aui-nav.aui-theme-black .aui-nav__indicator, .aui-nav.aui-theme-warmsilver .aui-nav__indicator, .aui-nav.aui-theme-silver .aui-nav__indicator, .aui-nav.aui-theme-red .aui-nav__indicator {
background: white; }
.aui-nav.aui-theme-black .aui-nav__paddle-left::after, .aui-nav.aui-theme-warmsilver .aui-nav__paddle-left::after, .aui-nav.aui-theme-silver .aui-nav__paddle-left::after, .aui-nav.aui-theme-red .aui-nav__paddle-left::after, .aui-nav.aui-theme-black .aui-nav__paddle-right::after, .aui-nav.aui-theme-warmsilver .aui-nav__paddle-right::after, .aui-nav.aui-theme-silver .aui-nav__paddle-right::after, .aui-nav.aui-theme-red .aui-nav__paddle-right::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /%3E%3C/svg%3E"); }
.aui-nav.aui-theme-black .aui-nav__paddle-left, .aui-nav.aui-theme-warmsilver .aui-nav__paddle-left, .aui-nav.aui-theme-silver .aui-nav__paddle-left, .aui-nav.aui-theme-red .aui-nav__paddle-left {
background: linear-gradient(to right, black 40%, transparent 100%); }
.aui-nav.aui-theme-black .aui-nav__paddle-right, .aui-nav.aui-theme-warmsilver .aui-nav__paddle-right, .aui-nav.aui-theme-silver .aui-nav__paddle-right, .aui-nav.aui-theme-red .aui-nav__paddle-right {
background: linear-gradient(to right, transparent 0%, black 60%); }
.aui-nav--tab.aui-nav.aui-theme-black .aui-nav__action.is-active, .aui-nav--tab.aui-nav.aui-theme-warmsilver .aui-nav__action.is-active, .aui-nav--tab.aui-nav.aui-theme-silver .aui-nav__action.is-active, .aui-nav--tab.aui-nav.aui-theme-red .aui-nav__action.is-active {
color: black; }
.aui-nav--tab.aui-nav.aui-theme-black .aui-nav__indicator, .aui-nav--tab.aui-nav.aui-theme-warmsilver .aui-nav__indicator, .aui-nav--tab.aui-nav.aui-theme-silver .aui-nav__indicator, .aui-nav--tab.aui-nav.aui-theme-red .aui-nav__indicator {
background: #e5e5e5; }
.aui-nav--list.aui-nav.aui-theme-black .aui-nav__item + .aui-nav__item, .aui-nav--list.aui-nav.aui-theme-warmsilver .aui-nav__item + .aui-nav__item, .aui-nav--list.aui-nav.aui-theme-silver .aui-nav__item + .aui-nav__item, .aui-nav--list.aui-nav.aui-theme-red .aui-nav__item + .aui-nav__item {
border-color: rgba(255, 255, 255, 0.2); }
.aui-nav--dropdown.aui-nav.aui-theme-black, .aui-nav--dropdown.aui-nav.aui-theme-warmsilver, .aui-nav--dropdown.aui-nav.aui-theme-silver, .aui-nav--dropdown.aui-nav.aui-theme-red {
color: rgba(255, 255, 255, 0.5); }
.aui-nav--dropdown.aui-nav.aui-theme-black .aui-nav__toggle, .aui-nav--dropdown.aui-nav.aui-theme-warmsilver .aui-nav__toggle, .aui-nav--dropdown.aui-nav.aui-theme-silver .aui-nav__toggle, .aui-nav--dropdown.aui-nav.aui-theme-red .aui-nav__toggle {
color: white; }
.aui-nav--dropdown.aui-nav.aui-theme-black .aui-nav__toggle-label::after, .aui-nav--dropdown.aui-nav.aui-theme-warmsilver .aui-nav__toggle-label::after, .aui-nav--dropdown.aui-nav.aui-theme-silver .aui-nav__toggle-label::after, .aui-nav--dropdown.aui-nav.aui-theme-red .aui-nav__toggle-label::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.5)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.aui-nav--dropdown.aui-nav.aui-theme-black .aui-nav__item:not(:last-child), .aui-nav--dropdown.aui-nav.aui-theme-warmsilver .aui-nav__item:not(:last-child), .aui-nav--dropdown.aui-nav.aui-theme-silver .aui-nav__item:not(:last-child), .aui-nav--dropdown.aui-nav.aui-theme-red .aui-nav__item:not(:last-child) {
border-color: rgba(255, 255, 255, 0.2); }
.aui-nav--dropdown.aui-nav.aui-theme-black .aui-nav__panel, .aui-nav--dropdown.aui-nav.aui-theme-warmsilver .aui-nav__panel, .aui-nav--dropdown.aui-nav.aui-theme-silver .aui-nav__panel, .aui-nav--dropdown.aui-nav.aui-theme-red .aui-nav__panel {
background: #333333;
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }
.aui-nav.aui-theme-black .aui-nav__underline, .aui-nav.aui-theme-warmsilver .aui-nav__underline, .aui-nav.aui-theme-silver .aui-nav__underline, .aui-nav.aui-theme-red .aui-nav__underline {
background: rgba(255, 255, 255, 0.5); }
.is-sticky.aui-nav.aui-theme-black .aui-nav__toggle, .is-sticky.aui-nav.aui-theme-warmsilver .aui-nav__toggle, .is-sticky.aui-nav.aui-theme-silver .aui-nav__toggle, .is-sticky.aui-nav.aui-theme-red .aui-nav__toggle {
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1), 0 0 40px 0 rgba(0, 0, 0, 0.15); }
.aui-nav {
/**
* Theme: black
*/
/**
* Theme: warmsilver
*/
/**
* Theme: silver
*/
/**
* Theme: red
*/
/**
* TODO Remove in final version.
* Theme: gray
*/ }
.aui-nav.aui-theme-warmsilver .aui-nav__paddle-left {
background: linear-gradient(to right, #b6b1a9 40%, rgba(182, 177, 169, 0) 100%); }
.aui-nav.aui-theme-warmsilver .aui-nav__paddle-right {
background: linear-gradient(to right, rgba(182, 177, 169, 0) 0%, #b6b1a9 60%); }
.aui-nav.aui-theme-silver .aui-nav__paddle-left {
background: linear-gradient(to right, #b2b2b2 40%, rgba(178, 178, 178, 0) 100%); }
.aui-nav.aui-theme-silver .aui-nav__paddle-right {
background: linear-gradient(to right, rgba(178, 178, 178, 0) 0%, #b2b2b2 60%); }
.aui-nav.aui-theme-red .aui-nav__paddle-left {
background: linear-gradient(to right, #bb0a30 40%, rgba(187, 10, 48, 0) 100%); }
.aui-nav.aui-theme-red .aui-nav__paddle-right {
background: linear-gradient(to right, rgba(187, 10, 48, 0) 0%, #bb0a30 60%); }
.aui-nav.aui-theme-gray10-gray20 {
color: rgba(255, 255, 255, 0.5);
fill: rgba(255, 255, 255, 0.5);
stroke: rgba(255, 255, 255, 0.5); }
.aui-nav.aui-theme-gray10-gray20 .aui-nav__action.is-active, .aui-nav.aui-theme-gray10-gray20 .aui-nav__action:hover {
color: white;
fill: white;
stroke: white; }
.aui-nav.aui-theme-gray10-gray20 .aui-nav__action, .aui-nav.aui-theme-gray10-gray20 .aui-nav__action.is-disabled {
color: rgba(255, 255, 255, 0.5);
fill: rgba(255, 255, 255, 0.5);
stroke: rgba(255, 255, 255, 0.5); }
.aui-nav.aui-theme-gray10-gray20 .aui-nav__indicator {
background: white; }
.aui-nav.aui-theme-gray10-gray20 .aui-nav__paddle-left::after,
.aui-nav.aui-theme-gray10-gray20 .aui-nav__paddle-right::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='13' viewBox='0 0 8 13'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /%3E%3C/svg%3E"); }
.aui-nav.aui-theme-gray10-gray20 .aui-nav__paddle-left {
background: linear-gradient(to right, #1a1a1a 40%, rgba(26, 26, 26, 0) 100%); }
.aui-nav.aui-theme-gray10-gray20 .aui-nav__paddle-right {
background: linear-gradient(to right, rgba(26, 26, 26, 0) 0%, #1a1a1a 60%); }
.aui-nav.aui-theme-gray10-gray20.aui-nav--tab .aui-nav__action.is-active {
color: white; }
.aui-nav.aui-theme-gray10-gray20.aui-nav--tab .aui-nav__indicator {
background: #333333; }
.aui-pager.aui-theme-light {
color: rgba(255, 255, 255, 0.5); }
.aui-pager.aui-theme-light .aui-pager__current {
color: white; }
.aui-pager.aui-theme-light .aui-pager__next:hover:not(.is-disabled),
.aui-pager.aui-theme-light .aui-pager__prev:hover:not(.is-disabled) {
color: white; }
.aui-pagination.aui-theme-light {
color: rgba(255, 255, 255, 0.5); }
.aui-pagination.aui-theme-light .aui-pagination__link.is-active,
.aui-pagination.aui-theme-light .aui-pagination__link:hover:not(.is-disabled),
.aui-pagination.aui-theme-light .aui-pagination__next:hover:not(.is-disabled),
.aui-pagination.aui-theme-light .aui-pagination__prev:hover:not(.is-disabled) {
color: white; }
.aui-pagination.aui-theme-light .aui-pagination__indicator {
background: white; }
.aui-progress.aui-theme-light {
background: rgba(255, 255, 255, 0.3); }
.aui-radio {
/**
* Theme: light
*/ }
.aui-radio.aui-theme-light {
color: #f2f2f2; }
.aui-radio.aui-theme-light .aui-radio__box {
border-color: rgba(255, 255, 255, 0.5); }
.aui-radio.aui-theme-light .aui-radio__tick {
background: rgba(255, 255, 255, 0.2); }
.aui-radio.aui-theme-light:hover:not(.is-disabled) {
color: #ffffff; }
.aui-radio.aui-theme-light:hover:not(.is-disabled) .aui-radio__box {
border-color: white; }
.aui-radio.aui-theme-light .aui-radio__input:focus ~ .aui-radio__box {
box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2); }
.aui-radio.aui-theme-light.is-checked .aui-radio__tick {
background: rgba(255, 255, 255, 0.8); }
.aui-select {
/**
* Theme: light
*/ }
.aui-select.aui-theme-light {
/**
* States
*/ }
.aui-select.aui-theme-light .aui-select__input {
color: rgba(255, 255, 255, 0.6);
border-color: rgba(255, 255, 255, 0.5); }
.aui-select.aui-theme-light .aui-select__input::-ms-value {
color: rgba(255, 255, 255, 0.6); }
.aui-select.aui-theme-light .aui-select__label {
color: rgba(255, 255, 255, 0.6); }
.aui-select.aui-theme-light::after {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.6)' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E") center center no-repeat; }
.aui-select.aui-theme-light .aui-select__focus-line {
background: rgba(255, 255, 255, 0.8); }
.aui-select.aui-theme-light .aui-select__description,
.aui-select.aui-theme-light .aui-select__error {
color: rgba(255, 255, 255, 0.5); }
.aui-select.aui-theme-light .aui-select__error {
color: #bb0a30; }
.aui-select.aui-theme-light:not(.is-disabled):not(.is-invalid) .aui-select__input:hover {
border-color: rgba(255, 255, 255, 0.8); }
.aui-select.aui-theme-light.is-dirty::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='%23f2f2f2' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.aui-select.aui-theme-light.is-dirty .aui-select__input {
border-color: rgba(255, 255, 255, 0.8);
color: #f2f2f2; }
.aui-select.aui-theme-light.is-dirty .aui-select__input::-ms-value {
color: #f2f2f2; }
.aui-select.aui-theme-light.is-invalid,
.aui-select.aui-theme-light.is-invalid .aui-select__label,
.aui-select.aui-theme-light.is-invalid:not(.is-dirty) .aui-select__input {
color: #bb0a30; }
.aui-select.aui-theme-light.is-invalid::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='8' viewBox='0 0 13 8'%3E%3Cpolygon fill='%23bb0a30' points='6.511 7.371 0 0.715 0.731 0 6.51 5.907 12.267 0 13 0.714 6.511 7.371'/%3E%3C/svg%3E"); }
.aui-select.aui-theme-light.is-invalid .aui-select__input {
border-color: #bb0a30; }
.aui-select.aui-theme-light.is-invalid .aui-select__focus-line {
background: #bb0a30; }
.aui-slider {
/**
* Theme: black
*/
/**
* Theme: silver
*/
/**
* Theme: warmsilver
*/ }
.aui-slider.aui-theme-black {
color: #cccccc; }
.aui-slider.aui-theme-black .aui-slider__target::after {
background: #333333; }
.aui-slider.aui-theme-black .aui-slider__connect::after {
background: #ffffff; }
.aui-slider.aui-theme-black .aui-slider__handle {
background: #000000;
border-color: #808080; }
.aui-slider.aui-theme-black:not(.is-disabled) .aui-slider__handle:hover {
border-color: #ffffff; }
.aui-slider.aui-theme-silver {
color: rgba(255, 255, 255, 0.8); }
.aui-slider.aui-theme-silver .aui-slider__target::after {
background: #c1c1c1; }
.aui-slider.aui-theme-silver .aui-slider__connect::after {
background: #ffffff; }
.aui-slider.aui-theme-silver .aui-slider__handle {
background: #b2b2b2;
border-color: #d9d9d9; }
.aui-slider.aui-theme-silver:not(.is-disabled) .aui-slider__handle:hover {
border-color: #ffffff; }
.aui-slider.aui-theme-warmsilver {
color: rgba(255, 255, 255, 0.8); }
.aui-slider.aui-theme-warmsilver .aui-slider__target::after {
background: #c5c1ba; }
.aui-slider.aui-theme-warmsilver .aui-slider__connect::after {
background: #ffffff; }
.aui-slider.aui-theme-warmsilver .aui-slider__handle {
background: #b6b1a9;
border-color: #dbd8d4; }
.aui-slider.aui-theme-warmsilver:not(.is-disabled) .aui-slider__handle:hover {
border-color: #ffffff; }
.aui-indicator.aui-theme-light .aui-indicator__action,
.aui-indicator.aui-theme-light .aui-indicator__action:visited {
background: rgba(255, 255, 255, 0.2); }
.aui-indicator.aui-theme-light .aui-indicator__action:hover {
background: rgba(255, 255, 255, 0.5); }
.aui-indicator.aui-theme-light .aui-indicator__indicator {
background: rgba(255, 255, 255, 0.8); }
.aui-indicator.aui-theme-image .aui-indicator__action,
.aui-indicator.aui-theme-image .aui-indicator__action:visited {
background: rgba(178, 178, 178, 0.5); }
.aui-indicator.aui-theme-image .aui-indicator__action:hover {
background: rgba(255, 255, 255, 0.5); }
.aui-indicator.aui-theme-image .aui-indicator__indicator {
background: rgba(255, 255, 255, 0.8); }
.aui-spinner.aui-theme-light {
stroke: rgba(255, 255, 255, 0.6); }
.aui-switch {
/**
* Theme: light
*/ }
.aui-switch.aui-theme-light .aui-switch__text {
color: #f2f2f2; }
.aui-switch.aui-theme-light .aui-switch__track {
border-color: rgba(255, 255, 255, 0.5); }
.aui-switch.aui-theme-light .aui-switch__thumb {
background: rgba(255, 255, 255, 0.2); }
.aui-switch.aui-theme-light.aui-switch--equal .aui-switch__text--right {
color: rgba(255, 255, 255, 0.5); }
.aui-switch.aui-theme-light.aui-switch--equal .aui-switch__thumb {
background: rgba(255, 255, 255, 0.8); }
.aui-switch.aui-theme-light:hover:not(.is-disabled) .aui-switch__text {
color: #ffffff; }
.aui-switch.aui-theme-light:hover:not(.is-disabled) .aui-switch__track {
border-color: white; }
.aui-switch.aui-theme-light.aui-switch--equal:hover:not(.is-disabled) .aui-switch__text--right {
color: rgba(255, 255, 255, 0.5); }
.aui-switch.aui-theme-light.aui-switch--equal:hover:not(.is-disabled) .aui-switch__input:checked ~ .aui-switch__text--left {
color: rgba(255, 255, 255, 0.5); }
.aui-switch.aui-theme-light.aui-switch--equal:hover:not(.is-disabled) .aui-switch__input:checked ~ .aui-switch__text--right {
color: #ffffff; }
.aui-switch.aui-theme-light .aui-switch__input:focus ~ .aui-switch__track {
box-shadow: 0 0 3px 3px rgba(255, 255, 255, 0.2); }
.aui-switch.aui-theme-light .aui-switch__input:checked ~ .aui-switch__track .aui-switch__thumb {
background: rgba(255, 255, 255, 0.8); }
.aui-switch.aui-theme-light.aui-switch--equal .aui-switch__input:checked ~ .aui-switch__text--left {
color: rgba(255, 255, 255, 0.5); }
.aui-switch.aui-theme-light.aui-switch--equal .aui-switch__input:checked ~ .aui-switch__text--right {
color: #f2f2f2; }
.aui-table {
/**
* Theme: light
*/ }
.aui-table.aui-theme-light table {
border-color: #ffffff; }
.aui-table.aui-theme-light th {
border-top-color: #ffffff; }
.aui-table.aui-theme-light td {
border-top-color: #ffffff; }
.aui-table.aui-theme-light .aui-table__cell--colored {
background-color: rgba(255, 255, 255, 0.2); }
.aui-table.aui-theme-light .aui-table__cell--last-row td::after {
border-color: #ffffff; }
.aui-textfield {
/**
* Theme: light
*/ }
.aui-textfield.aui-theme-light {
stroke: #f2f2f2;
/**
* States
*/ }
.aui-textfield.aui-theme-light .aui-textfield__field {
border-color: rgba(255, 255, 255, 0.5); }
.aui-textfield.aui-theme-light .aui-textfield__input {
color: rgba(255, 255, 255, 0.6); }
.aui-textfield.aui-theme-light .aui-textfield__label {
color: rgba(255, 255, 255, 0.6); }
.aui-textfield.aui-theme-light .aui-textfield__focus-line {
background: rgba(255, 255, 255, 0.8); }
.aui-textfield.aui-theme-light .aui-textfield__counter,
.aui-textfield.aui-theme-light .aui-textfield__description,
.aui-textfield.aui-theme-light .aui-textfield__error,
.aui-textfield.aui-theme-light .aui-textfield__valid {
color: rgba(255, 255, 255, 0.5); }
.aui-textfield.aui-theme-light .aui-textfield__valid::before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpolygon fill='rgba(255, 255, 255, 0.6)' points='4.945 12 0 7.699 0.667 6.92 4.708 10.435 11.132 0 12 0.543 4.945 12' /%3E%3C/svg%3E") center center no-repeat; }
.aui-textfield.aui-theme-light .aui-textfield__error {
color: #bb0a30; }
.aui-textfield.aui-theme-light:not(.is-disabled):not(.is-invalid) .aui-textfield__field:hover {
border-bottom-color: rgba(255, 255, 255, 0.8); }
.aui-textfield.aui-theme-light.is-focused .aui-textfield__field {
border-bottom-color: rgba(255, 255, 255, 0.8); }
.aui-textfield.aui-theme-light.is-dirty .aui-textfield__field {
border-bottom-color: rgba(255, 255, 255, 0.8); }
.aui-textfield.aui-theme-light.is-dirty .aui-textfield__input {
color: #f2f2f2; }
.aui-textfield.aui-theme-light.is-invalid,
.aui-textfield.aui-theme-light.is-invalid:not(.is-dirty) .aui-textfield__input,
.aui-textfield.aui-theme-light.is-invalid .aui-textfield__counter,
.aui-textfield.aui-theme-light.is-invalid .aui-textfield__label {
color: #bb0a30; }
.aui-textfield.aui-theme-light.is-invalid .aui-textfield__field {
border-color: #bb0a30; }
.aui-textfield.aui-theme-light.is-invalid .aui-textfield__focus-line {
background: #bb0a30; }