/**
* @audi/audi-ui - Audi UI components in HTML, CSS and JS.
* @version v1.0.0-alpha.1
* @license Apache-2.0
* @copyright 2023 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: 375px) {
.aui-alert {
font-size: 14px;
line-height: 20px;
}
}
@media (min-width: 1024px) {
.aui-alert {
font-size: 15px;
line-height: 24px;
}
}
@media (min-width: 1920px) {
.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.1), 0 0 40px 0 rgba(0, 0, 0, 0.15);
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;
margin-left: 1rem;
}
.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;
max-height: 100px;
max-width: 100px;
}
.aui-audioplayer--large-cover .aui-audioplayer__cover {
margin-bottom: 20px;
max-height: inherit;
max-width: inherit;
}
.aui-audioplayer__cover-image {
width: 100%;
display: block;
}
.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: 1024px) {
.aui-audioplayer {
padding: 1.25rem 1rem 1.25rem 0px;
}
.aui-audioplayer--frameless {
padding: 0px 1rem 0px 0px;
}
.aui-audioplayer__controls--secondary {
margin-top: 0;
margin-left: 1rem;
}
.aui-audioplayer__chrome {
-ms-flex-direction: row;
flex-direction: row;
}
.aui-audioplayer__cover {
display: block;
margin-right: 1rem;
}
.aui-audioplayer__cover-image {
max-width: 100px;
}
.aui-audioplayer--large-cover .aui-audioplayer__cover {
margin-right: 0;
}
.aui-audioplayer--large-cover .aui-audioplayer__cover-image {
max-width: none;
}
.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: 0px) {
body::before {
content: "xsmall";
}
}
@media (min-width: 375px) {
body::before {
content: "small";
}
}
@media (min-width: 768px) {
body::before {
content: "medium";
}
}
@media (min-width: 1024px) {
body::before {
content: "large";
}
}
@media (min-width: 1440px) {
body::before {
content: "xlarge";
}
}
@media (min-width: 1920px) {
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__dot {
display: inline-block;
font-family: 'AudiTypeWide', Verdana, Geneva, sans-serif;
font-weight: 400;
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__dot--large {
width: 24px;
height: 24px;
font-size: 12px;
}
.aui-badge__dot--small {
width: 8px;
height: 8px;
margin: 8px;
}
.aui-badge__dot--signal-yellow {
border-radius: 0;
transform: rotate(45deg);
background-color: #ffaa00;
}
.aui-badge__dot--signal-green {
background-color: #009900;
}
.aui-badge__dot--signal-red {
margin: 8px 7px;
border-radius: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 5px 8px 5px;
border-color: transparent transparent #eb0d3f transparent;
}
.aui-badge__dot--charging-neon-green {
background-color: #15da15;
}
.aui-badge__dot--charging-green {
background-color: #0da20d;
}
.aui-badge__dot--charging-neon-blue {
background-color: #556EFE;
}
.aui-badge__dot--charging-blue {
background-color: #2526fe;
}
.aui-badge.is-hidden {
transform: scale(0);
color: transparent !important;
transition-delay: 0s;
visibility: hidden;
}
.aui-badge--small-text {
font-size: 10px;
}
.aui-badge--label {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.aui-badge--icon {
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-align: center;
align-items: center;
}
.aui-badge--icon .audiicon {
width: 24px;
height: 24px;
}
.aui-badge__label {
font-size: 1rem;
}
.aui-badge__label--small {
font-size: 0.75rem;
}
.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: #666666;
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: #000000;
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 {
border-radius: 0;
cursor: pointer;
display: inline-block;
position: relative;
padding: 1em 0 1em 0;
outline: 0;
font-family: inherit;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
text-align: center;
text-decoration: none;
white-space: normal;
vertical-align: middle;
transition: all 250ms 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;
}
.aui-button--bold {
font-weight: 700;
}
.aui-button--padded,
.aui-button--primary,
.aui-button--secondary {
padding-left: 2rem;
padding-right: 2rem;
}
.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--round.is-disabled,
.aui-button--round:disabled {
color: #b3b3b3;
stroke: #b3b3b3;
fill: #b3b3b3;
}
.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: #4c4c4c;
background-color: #4c4c4c;
}
.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: #ffffff;
stroke: #ffffff;
fill: #ffffff;
border-color: #b3b3b3 !important;
background-color: #b3b3b3 !important;
}
.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--secondary.is-disabled,
.aui-button--secondary:disabled {
color: #b3b3b3 !important;
border-color: #b3b3b3 !important;
}
.aui-button--text .aui-button__text::after {
content: '';
display: inline-block;
position: relative;
top: 0.0625em;
margin-left: 0.25em;
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:disabled .aui-button__text {
color: #b3b3b3;
}
.aui-button--text.is-disabled .aui-button__text::after,
.aui-button--text:disabled .aui-button__text::after {
transform: none;
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='%23b3b3b3' stroke-width='1px' fill='none' d='M1.5,1l5.485,5.504l-5.48,5.496' /%3E%3C/svg%3E");
}
.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%;
max-width: 767px;
}
.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--centered {
left: 50%;
transform: translateX(-50%);
}
.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: 1em;
}
.aui-button__text-icon .aui-button__text:not(:first-child) {
margin-left: 1em;
}
.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.2rem;
margin-bottom: -0.2rem;
}
.aui-button-group .aui-button {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 0.2rem 0.2rem 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.2rem;
margin-bottom: -1.2rem;
}
.aui-button-group--texts .aui-button {
margin: 0 1.2rem 1.2rem 0;
}
.aui-button-group--icons {
margin-right: -0.6rem;
margin-bottom: -0.6rem;
}
.aui-button-group--icons .aui-button {
margin: 0 0.6rem 0.6rem 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__label--optional {
color: #666666;
}
.aui-checkbox__box {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em;
border: 1px solid #808080;
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='%23000000' 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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1.25rem;
margin-top: 0.875rem;
font-size: 0.8125rem;
color: #eb0d3f;
}
.aui-checkbox__error::before {
content: '';
display: inline-block;
line-height: 1.25rem;
margin-right: 1rem;
width: 40px;
height: 24px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M21.5,20.5 L1.5,20.5 L11.5,2.5 L21.5,20.5 Z M11.5,16 L11.5,18 M11.5,8 L11.5,14' stroke='%23eb0d3f' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E") center center no-repeat;
}
@media (min-width: 1024px) {
.aui-checkbox__error::before {
margin-right: 0.625rem;
width: 36px;
height: 24px;
}
}
.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: #000000;
}
.aui-checkbox.is-disabled {
color: #b3b3b3;
cursor: not-allowed;
}
.aui-checkbox.is-checked .aui-checkbox__tick {
opacity: 1;
}
.aui-checkbox.is-invalid,
.aui-checkbox.is-invalid .aui-checkbox__label {
color: #eb0d3f;
}
.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='%23eb0d3f' 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: #eb0d3f;
}
.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-danger,
.aui-color-progressive-red {
background-color: #f50537;
}
.aui-color-signal-red {
background-color: #eb0d3f;
}
.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: #b3b3b3;
}
.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: #000000;
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: #000000;
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:%23000000' x='0' y='0' width='16' height='1' /%3E%3Crect style='fill:%23000000' 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-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: #333333;
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--radios.is-invalid .aui-radio__label {
color: #eb0d3f;
}
.aui-fieldset__error {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1.25rem;
margin-top: 0.875rem;
font-size: 0.8125rem;
color: #eb0d3f;
}
.aui-fieldset__error::before {
content: '';
display: inline-block;
margin-right: 1rem;
width: 24px;
min-width: 24px;
height: 24px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M21.5,20.5 L1.5,20.5 L11.5,2.5 L21.5,20.5 Z M11.5,16 L11.5,18 M11.5,8 L11.5,14' stroke='%23eb0d3f' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E") center center no-repeat;
}
@media (min-width: 1024px) {
.aui-fieldset__error::before {
margin-right: 0.5rem;
}
}
.aui-fieldset.is-invalid .aui-fieldset__error,
.aui-fieldset.is-invalid .aui-fieldset__legend {
color: #eb0d3f;
}
/**
* 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-cell--spacing-left {
padding-left: 1rem;
}
.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: 375px) {
.aui-list {
font-size: 16px;
line-height: 24px;
}
}
@media (min-width: 1024px) {
.aui-list {
font-size: 18px;
line-height: 28px;
}
}
@media (min-width: 1920px) {
.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: #808080;
}
.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: #ffffff;
}
.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-dialog__close--dark {
color: #666666; }
.aui-modal-dialog__close--dark:hover {
color: #000000; } */
.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: 0px) {
.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: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
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: #1a1a1a;
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: #333333;
fill: #333333;
stroke: #333333;
}
.aui-nav__items {
padding-left: 0;
list-style: none;
}
.aui-nav__action {
display: block;
width: 100%;
z-index: 1;
font-family: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
position: relative;
padding: 0.625rem 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: #333333;
fill: #333333;
stroke: #333333;
}
.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;
color: #b3b3b3;
fill: #b3b3b3;
stroke: #b3b3b3;
}
/**
* 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 #d9d9d9;
}
.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: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
font-variation-settings: "wdth" 130;
overflow: hidden;
height: 2.25rem;
}
.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: 2.25rem;
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='%23333333' 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: -2.25rem;
}
.aui-nav--small {
height: 1.75rem;
font-size: 0.75rem;
font-family: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
}
.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.5rem 0;
}
.aui-nav--small .aui-nav__indicator {
top: 1.75rem;
}
.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: #333333;
}
.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;
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: #333333;
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 #d9d9d9;
}
.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: 375px) {
.aui-notification {
font-size: 14px;
line-height: 20px;
}
}
@media (min-width: 1024px) {
.aui-notification {
font-size: 15px;
line-height: 24px;
}
}
@media (min-width: 1920px) {
.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.1), 0 0 40px 0 rgba(0, 0, 0, 0.15);
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: #666666;
}
.aui-pager__item {
display: inline-block;
}
.aui-pager__current {
color: #000000;
}
.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;
transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
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: #000000;
}
.aui-pager__prev:hover:not(.is-disabled) .aui-pager__prev-icon {
transform: translateX(-4px) translateY(0.0625em) rotate(180deg);
}
.aui-pager__next:hover:not(.is-disabled) .aui-pager__next-icon {
transform: translateX(4px);
}
.aui-pager__next.is-disabled,
.aui-pager__prev.is-disabled {
cursor: not-allowed;
opacity: .30;
pointer-events: none;
}
.aui-pagination {
position: relative;
height: 1.75rem;
font-size: 1rem;
line-height: 1.75rem;
font-weight: 400;
color: #666666;
}
.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 0.75rem;
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: #000000;
}
.aui-pagination__prev:hover:not(.is-disabled) .aui-pagination__prev-icon {
transform: translateX(-4px) translateY(0.0625em) rotate(180deg);
}
.aui-pagination__next:hover:not(.is-disabled) .aui-pagination__next-icon {
transform: translateX(4px) translateY(0.0625em);
}
.aui-pagination__next-icon,
.aui-pagination__prev-icon {
display: inline-block;
width: .5em;
height: .8125em;
text-indent: 100%;
overflow: hidden;
transform: translateY(0.0625em);
transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
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: #000000;
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;
}
[pageCount^='0'] .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:-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:-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: 0px) {
.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: 1024px) {
.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: 1024px) {
.aui-player-related-content {
font-family: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
font-variation-settings: "wdth" 130;
font-size: 14px;
line-height: 20px;
}
}
@media (min-width: 1024px) {
.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: #e5e5e5;
overflow: hidden;
}
.aui-progress__bar {
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #f50537;
transform-origin: 0% 0%;
}
.aui-progress--continuous .aui-progress__bar {
animation: aui-progress 1s cubic-bezier(0.85, 0, 1, 1) 0s infinite normal none running;
}
@keyframes aui-progress {
0% {
transform: translateX(0%) scaleX(0);
}
50% {
transform: translateX(20%) scaleX(0.5);
animation-timing-function: cubic-bezier(0, 0, 0, 1);
}
100% {
transform: translateX(100%) scaleX(0.5);
}
}
.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__hint {
display: block;
margin-top: 0.5rem;
font-size: 0.8125rem;
line-height: 1.25rem;
}
.aui-radio__box {
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 1.5em;
height: 1.5em;
border: 1px solid #808080;
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: #d9d9d9;
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: #000000;
}
.aui-radio:hover:not(.is-disabled) .aui-radio__tick {
transform: translate(-50%, -50%) scale(0.4166666667, 0.4166666667);
}
.aui-radio.is-disabled {
color: #666666;
cursor: not-allowed;
}
.aui-radio.is-checked .aui-radio__tick {
background: #000000;
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;
padding-top: 0.6875rem;
font-size: 1rem;
line-height: 1.5;
box-sizing: border-box;
/**
* Variant: floating-label
*/
/**
* States
*/
}
.aui-select:hover .aui-select__focus-line {
background: #000000;
}
.aui-select__input {
display: block;
margin: 0;
padding-right: 1.3125rem;
width: 100%;
min-height: 2.7rem;
font-family: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
font-size: inherit;
font-weight: 400;
line-height: inherit;
color: #333333;
background: none;
border: none;
border-bottom: 1px solid #808080;
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: #333333;
}
.aui-select__input option {
color: #333333;
background: white;
}
.aui-select__input option:disabled {
color: #333333;
}
@-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: #333333;
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: 1;
pointer-events: none;
}
.aui-select::after {
content: '';
display: block;
position: absolute;
top: 2.105rem;
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='%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") 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: -1px;
height: 1px;
background: #808080;
opacity: 1;
transition-property: background;
transition-duration: 0.25s;
}
.aui-select__description {
display: block;
color: #666666;
transition: color 0.25s linear;
margin-top: 0.875rem;
font-size: 0.8125rem;
line-height: 1.25rem;
}
.aui-select__error {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
line-height: 1.25rem;
margin-top: 0.875rem;
font-size: 0.8125rem;
color: #eb0d3f;
}
.aui-select__error::before {
content: '';
display: inline-block;
margin-right: 1rem;
width: 40px;
height: 24px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M21.5,20.5 L1.5,20.5 L11.5,2.5 L21.5,20.5 Z M11.5,16 L11.5,18 M11.5,8 L11.5,14' stroke='%23eb0d3f' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E") center center no-repeat;
}
@media (min-width: 1024px) {
.aui-select__error::before {
margin-right: 0.5rem;
width: 24px;
height: 24px;
}
}
.aui-js .aui-select.aui-select--floating-label .aui-select__label {
top: 1.28rem;
}
.aui-select.aui-select--floating-label .aui-select__input {
opacity: 0;
}
.aui-select.aui-select--floating-label .aui-select__input:focus,
.aui-select.aui-select--floating-label .aui-select__input:not(:focus) {
opacity: 1;
}
.aui-select.aui-select--floating-label::after {
top: 2.105rem;
}
.aui-select:not(.is-disabled):not(.is-invalid) .aui-select__input:hover {
border-color: #000000;
}
.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: #000000;
}
.aui-select.is-focused .aui-select__focus-line {
opacity: 0;
}
.aui-select.is-disabled {
color: #666666;
cursor: not-allowed;
}
.aui-select.is-disabled .aui-select__input {
cursor: not-allowed;
}
.aui-select.is-disabled .aui-select__focus-line {
opacity: 1;
}
.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: #000000;
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: #eb0d3f;
}
.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='%23eb0d3f' 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: #eb0d3f;
}
.aui-select.is-invalid .aui-select__focus-line {
background: #eb0d3f;
}
/**
* 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;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
/**
* Customized noUiSlider Styles
*/
/**
* Variants
*/
/**
* States
*/
}
.aui-slider__label {
-ms-flex-order: -2;
order: -2;
font-size: 0.75rem;
color: #666666;
margin-bottom: 1rem;
}
.aui-slider__rangeOutput {
-ms-flex-order: -1;
order: -1;
position: relative;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
font-size: 14px;
}
.aui-slider__target,
.aui-slider__target * {
-webkit-touch-callout: none;
-webkit-tap-highlight-color: #000000;
-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.aui-slider--output .aui-slider__origin::before {
position: absolute;
top: -35px;
transform: translateX(-50%);
font-size: 14px;
display: block;
content: attr(data-before);
}
.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__range {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 0.75rem;
}
.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--output .aui-slider__label {
margin-bottom: 2rem;
}
.aui-slider.is-disabled {
cursor: not-allowed;
}
.aui-slider.is-disabled .aui-slider__connect::after {
background-color: #b3b3b3;
}
.aui-slider.is-disabled .aui-slider__target::after {
background-color: #e5e5e5;
}
.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;
margin-left: -4px;
line-height: 4px;
}
.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__trigger {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
width: 40px;
height: 40px;
padding: 0 4px 0 0;
}
.aui-indicator__trigger:hover .aui-indicator__dot {
background: #666666;
}
.aui-indicator__dot {
pointer-events: none;
display: block;
width: 32px;
height: 2px;
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
text-decoration: none;
outline: 0;
transition: background 0.15s linear;
}
.aui-indicator__dot,
.aui-indicator__dot:visited {
background: #cccccc;
}
.aui-indicator__indicator {
display: block;
position: absolute;
top: calc(50% - 1px);
left: 4px;
transform: translate(0, -50%);
width: 32px;
height: 4px;
background: #000000;
z-index: 1;
transition: left 0.3s cubic-bezier(0.75, 0.02, 0.5, 1);
pointer-events: none;
}
.aui-indicator--shadow .aui-indicator__dot {
box-shadow: 0 0 8px #666666;
}
/**
* NOTE
* All animations happen in JS.
*/
.aui-spinner {
display: inline-block;
position: relative;
width: 5.75rem;
height: 5.75rem;
stroke: #e5e5e5;
font-size: 1rem;
}
.aui-spinner__svg {
overflow: visible !important;
width: 100%;
height: 100%;
}
.aui-spinner__path {
stroke-miterlimit: 10;
stroke-width: 4px;
fill: none;
}
.aui-spinner__path--progress {
stroke: #f50537;
stroke-width: 4px;
}
.aui-spinner__value {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
font-family: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
font-variation-settings: "wdth" 130;
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: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
position: relative;
font-weight: 400;
height: 2em;
min-width: 3.63em;
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: 4.63em;
color: #333333;
transition: all 250ms cubic-bezier(0.75, 0.02, 0.5, 1);
}
.aui-switch__track {
display: inline-block;
position: absolute;
left: 0;
width: 3.63em;
height: 2em;
border-radius: 1em;
vertical-align: middle;
background-color: #d9d9d9;
transition: all .15s linear, border .15s linear;
}
.aui-switch__thumb {
display: inline-block;
position: absolute;
z-index: 10;
top: 50%;
left: 1em;
width: 3.26em;
height: 3.26em;
border-radius: 50%;
transform: translate(-50%, -50%) scale(0.5, 0.5);
background: #ffffff;
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__indicator {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.aui-switch__indicator--on {
width: 1px;
height: 8px;
background-color: #ffffff;
transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), opacity 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
}
.aui-switch__indicator--off {
width: 6px;
height: 6px;
border-radius: 50%;
border: 1px solid #808080;
right: 0.75em;
transition: transform 0.15s cubic-bezier(0.75, 0.02, 0.5, 1), opacity 0.15s cubic-bezier(0.75, 0.02, 0.5, 1);
}
.aui-switch--text-left .aui-switch__text {
padding-left: 0;
padding-right: 4.63em;
}
.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: #666666;
margin-left: 1em;
}
.aui-switch--equal .aui-switch__track {
position: relative;
left: auto;
-ms-flex: 0 0 3.63em;
flex: 0 0 3.63em;
-ms-flex-order: 2;
order: 2;
}
.aui-switch--equal .aui-switch__thumb {
background: #ffffff;
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: #000000;
}
.aui-switch:hover:not(.is-disabled) .aui-switch__track .aui-switch__thumb {
transform: translate(-50%, -50%) scale(0.4, 0.4);
}
.aui-switch--equal:hover:not(.is-disabled) .aui-switch__text--right {
color: #666666;
}
.aui-switch--equal:hover:not(.is-disabled) .aui-switch__input:checked~.aui-switch__text--left {
color: #666666;
}
.aui-switch--equal:hover:not(.is-disabled) .aui-switch__input:checked~.aui-switch__text--right {
color: #000000;
}
.aui-switch.is-disabled {
opacity: 0.3;
cursor: not-allowed;
}
.aui-switch__input:checked~.aui-switch__track {
background: #009900;
}
.aui-switch__input:checked~.aui-switch__track .aui-switch__indicator--on {
opacity: 1;
transform: translate(1.05em, -50%);
}
.aui-switch__input:checked~.aui-switch__track .aui-switch__indicator--off {
transform: translate(-0.7em, -50%);
opacity: 0;
}
.aui-switch__input:not(:checked)~.aui-switch__track .aui-switch__indicator--on {
opacity: 0;
transform: translate(1.75em, -50%);
}
.aui-switch__input:not(:checked)~.aui-switch__track .aui-switch__indicator--off {
opacity: 1;
transform: translate(0, -50%);
}
.aui-switch__input:checked~.aui-switch__track .aui-switch__thumb {
background: #ffffff;
transform: translate(-50%, -50%) scale(0.5, 0.5);
left: 2.65em;
}
.aui-switch--equal .aui-switch__input:checked~.aui-switch__text--left {
color: #666666;
}
.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: #d9d9d9;
}
.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-table--responsive thead,
.aui-table--responsive tfoot {
display: none;
}
.aui-table--responsive tr {
border-top: 3px solid #000000;
padding-bottom: 2rem;
}
.aui-table--responsive tr,
.aui-table--responsive td {
float: left;
width: 100%;
}
.aui-table--responsive td {
padding-bottom: 1rem;
}
.aui-table--responsive td:before {
content: attr(data-label);
float: left;
font-weight: 700;
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
padding-right: 0.75rem;
width: 50%;
word-break: break-word;
}
.aui-table--responsive .aui-table__cell--last-row-responsive {
border-bottom: 3px solid #000000;
}
@media (min-width: 1024px) {
.aui-table--responsive td {
padding-bottom: 0.5rem;
}
.aui-table--responsive td:before {
content: none;
}
.aui-table--responsive thead,
.aui-table--responsive tr,
.aui-table--responsive td,
.aui-table--responsive tfoot {
float: none;
width: auto;
}
.aui-table--responsive th,
.aui-table--responsive td {
display: table-cell;
}
.aui-table--responsive thead {
display: table-header-group;
}
.aui-table--responsive tr {
display: table-row;
}
.aui-table--responsive tfoot {
display: table-footer-group;
}
.aui-table--responsive .aui-table__cell--last-row-responsive td {
border-bottom: 1px solid #000000;
padding-bottom: 1rem;
}
}
.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.7rem;
font-family: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
font-size: inherit;
font-weight: 400;
line-height: inherit;
text-align: left;
color: #333333;
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 #808080;
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: #333333;
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__label-optional {
font-size: 0.8125rem;
padding-left: 4px;
color: #666666;
}
.aui-textfield__focus-line {
display: block;
position: relative;
width: 100%;
margin-top: -2px;
height: 1px;
background: #808080;
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: #666666;
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: 1rem;
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='%23000000' 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;
}
@media (min-width: 1024px) {
.aui-textfield__valid::before {
margin-right: 0.5rem;
}
}
.aui-textfield__error {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 0.8125rem;
color: #eb0d3f;
}
.aui-textfield__error::before {
content: '';
display: inline-block;
margin-right: 1rem;
width: 24px;
min-width: 24px;
height: 24px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M21.5,20.5 L1.5,20.5 L11.5,2.5 L21.5,20.5 Z M11.5,16 L11.5,18 M11.5,8 L11.5,14' stroke='%23eb0d3f' stroke-width='1' fill-rule='evenodd'/%3E%3C/svg%3E") center center no-repeat;
}
@media (min-width: 1024px) {
.aui-textfield__error::before {
margin-right: 0.5rem;
}
}
.aui-textfield .audiicon {
position: absolute;
top: 1.35rem;
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 #808080;
}
.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: 3rem;
}
@media (min-width: 1024px) {
.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: #808080;
}
.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: #000000;
}
.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 {
color: #666666;
cursor: not-allowed;
}
.aui-textfield.is-disabled .aui-textfield__input {
cursor: not-allowed;
border-color: #b3b3b3;
}
.aui-textfield.is-disabled .aui-textfield__label {
color: #666666;
}
.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: #000000;
}
.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: #eb0d3f;
}
.aui-textfield.is-invalid .aui-textfield__field {
border-color: #eb0d3f;
}
.aui-textfield.is-invalid .aui-textfield__focus-line {
background: #eb0d3f;
}
.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: 375px) {
html {
font-size: 16px;
line-height: 28px;
}
}
@media (min-width: 1024px) {
html {
font-size: 18px;
line-height: 32px;
}
}
@media (min-width: 1920px) {
html {
font-size: 20px;
line-height: 36px;
}
}
body {
font-family: 'AudiTypeVariable', 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: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
font-variation-settings: "wdth" 130;
font-weight: 400;
letter-spacing: -0.015em;
}
.aui-headline-1--bold,
.aui-headline-2--bold,
.aui-headline-3--bold,
.aui-headline-4--bold,
.aui-headline-5--bold {
font-weight: 700;
}
.aui-headline-6 {
font-family: 'AudiTypeVariable', Verdana, Geneva, sans-serif;
}
.aui-headline-1 {
font-size: 46px;
line-height: 52px;
font-weight: 700;
color: #000000;
}
@media (min-width: 375px) {
.aui-headline-1 {
font-size: 56px;
line-height: 60px;
}
}
@media (min-width: 1024px) {
.aui-headline-1 {
font-size: 83px;
line-height: 92px;
}
}
@media (min-width: 1920px) {
.aui-headline-1 {
font-size: 119px;
line-height: 132px;
}
}
.aui-headline-1--normal {
font-weight: 400;
}
.aui-color-text-light .aui-headline-1 {
color: #ffffff;
}
.aui-headline-2 {
font-size: 31px;
line-height: 36px;
}
@media (min-width: 375px) {
.aui-headline-2 {
font-size: 35px;
line-height: 44px;
}
}
@media (min-width: 1024px) {
.aui-headline-2 {
font-size: 47px;
line-height: 56px;
}
}
@media (min-width: 1920px) {
.aui-headline-2 {
font-size: 61px;
line-height: 72px;
}
}
.aui-headline-3 {
font-size: 21px;
line-height: 24px;
}
@media (min-width: 375px) {
.aui-headline-3 {
font-size: 22px;
line-height: 28px;
}
}
@media (min-width: 1024px) {
.aui-headline-3 {
font-size: 26px;
line-height: 32px;
}
}
@media (min-width: 1920px) {
.aui-headline-3 {
font-size: 31px;
line-height: 36px;
}
}
.aui-headline-4 {
font-size: 18px;
line-height: 20px;
}
@media (min-width: 375px) {
.aui-headline-4 {
font-size: 19px;
line-height: 24px;
}
}
@media (min-width: 1024px) {
.aui-headline-4 {
font-size: 22px;
line-height: 28px;
}
}
@media (min-width: 1920px) {
.aui-headline-4 {
font-size: 25px;
line-height: 32px;
}
}
.aui-headline-5 {
font-size: 16px;
line-height: 20px;
}
@media (min-width: 375px) {
.aui-headline-5 {
font-size: 16px;
line-height: 20px;
}
}
@media (min-width: 1024px) {
.aui-headline-5 {
font-size: 18px;
line-height: 24px;
}
}
@media (min-width: 1920px) {
.aui-headline-5 {
font-size: 20px;
line-height: 28px;
}
}
.aui-headline-6 {
font-size: 16px;
line-height: 24px;
font-weight: 700;
}
@media (min-width: 375px) {
.aui-headline-6 {
font-size: 16px;
line-height: 24px;
}
}
@media (min-width: 1024px) {
.aui-headline-6 {
font-size: 18px;
line-height: 28px;
}
}
@media (min-width: 1920px) {
.aui-headline-6 {
font-size: 20px;
line-height: 32px;
}
}
.aui-headline-6--normal {
font-weight: 400;
}
.aui-shortread {
font-size: 16px;
line-height: 24px;
}
@media (min-width: 375px) {
.aui-shortread {
font-size: 16px;
line-height: 24px;
}
}
@media (min-width: 1024px) {
.aui-shortread {
font-size: 18px;
line-height: 28px;
}
}
@media (min-width: 1920px) {
.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: 375px) {
.aui-caption {
font-size: 14px;
line-height: 20px;
}
}
@media (min-width: 1024px) {
.aui-caption {
font-size: 15px;
line-height: 24px;
}
}
@media (min-width: 1920px) {
.aui-caption {
font-size: 16px;
line-height: 24px;
}
}
.aui-big {
font-size: 18px;
line-height: 32px;
}
@media (min-width: 375px) {
.aui-big {
font-size: 19px;
line-height: 32px;
}
}
@media (min-width: 1024px) {
.aui-big {
font-size: 22px;
line-height: 40px;
}
}
@media (min-width: 1920px) {
.aui-big {
font-size: 25px;
line-height: 44px;
}
}
.aui-small {
font-size: 12px;
line-height: 20px;
}
@media (min-width: 375px) {
.aui-small {
font-size: 12px;
line-height: 20px;
}
}
@media (min-width: 1024px) {
.aui-small {
font-size: 12px;
line-height: 20px;
}
}
@media (min-width: 1920px) {
.aui-small {
font-size: 13px;
line-height: 20px;
}
}
.aui-blockquote {
margin: 0;
font-weight: normal;
font-size: 18px;
line-height: 28px;
}
@media (min-width: 375px) {
.aui-blockquote {
font-size: 19px;
line-height: 28px;
}
}
@media (min-width: 1024px) {
.aui-blockquote {
font-size: 22px;
line-height: 32px;
}
}
@media (min-width: 1920px) {
.aui-blockquote {
font-size: 25px;
line-height: 36px;
}
}
.aui-textlink {
padding-bottom: 0.06125em;
border-bottom: 1px solid #808080;
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;
}
.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: 0px) {
.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: 375px) {
.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: 768px) {
.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: 1024px) {
.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: 1440px) {
.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: 1920px) {
.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: #ffffff;
}
.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: #666666;
stroke: #666666;
fill: #666666;
}
.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: #808080;
}
.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: #ffffff;
}
.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: #eb0d3f;
}
.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='%23eb0d3f' 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: #eb0d3f;
}
.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: #808080;
}
.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: #000000;
}
.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: #808080;
}
.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: #eb0d3f;
}
.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: #000000;
}
.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: #000000;
}
.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: #000000;
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: #eb0d3f;
}
.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='%23eb0d3f' 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: #eb0d3f;
}
.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: #eb0d3f;
}
.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: #eb0d3f;
}
.aui-flyout.aui-theme-light .aui-flyout__panel {
color: #808080;
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='%23808080' 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: #ffffff;
fill: #ffffff;
stroke: #ffffff;
}
.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: #ffffff;
}
.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: #000000;
}
.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: #ffffff;
}
.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
*/
/**
* Theme: gray95
*/
/**
* 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-gray95 .aui-nav__paddle-left {
background: linear-gradient(to right, #f2f2f2 40%, rgba(242, 242, 242, 0) 100%);
}
.aui-nav.aui-theme-gray95 .aui-nav__paddle-right {
background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, #f2f2f2 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: #ffffff;
fill: #ffffff;
stroke: #ffffff;
}
.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: #ffffff;
}
.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: #ffffff;
}
.aui-nav.aui-theme-gray10-gray20.aui-nav--tab .aui-nav__indicator {
background: #333333;
}
.aui-pager.aui-theme-light {
color: #808080;
}
.aui-pager.aui-theme-light .aui-pager__current {
color: #ffffff;
}
.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: #ffffff;
}
.aui-pagination.aui-theme-light {
color: #808080;
}
.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: #ffffff;
}
.aui-pagination.aui-theme-light .aui-pagination__indicator {
background: #ffffff;
}
.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: #808080;
}
.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: #ffffff;
}
.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: #000000;
}
.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: #808080;
}
.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: #000000;
}
.aui-select.aui-theme-light .aui-select__description,
.aui-select.aui-theme-light .aui-select__error {
color: #808080;
}
.aui-select.aui-theme-light .aui-select__error {
color: #eb0d3f;
}
.aui-select.aui-theme-light:not(.is-disabled):not(.is-invalid) .aui-select__input:hover {
border-color: #000000;
}
.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: #000000;
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: #eb0d3f;
}
.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='%23eb0d3f' 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: #eb0d3f;
}
.aui-select.aui-theme-light.is-invalid .aui-select__focus-line {
background: #eb0d3f;
}
.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: #000000;
}
.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: #000000;
}
.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: #808080;
}
.aui-indicator.aui-theme-light .aui-indicator__indicator {
background: #000000;
}
.aui-indicator.aui-theme-image .aui-indicator__action,
.aui-indicator.aui-theme-image .aui-indicator__action:visited {
background: rgba(179, 179, 179, 0.5);
}
.aui-indicator.aui-theme-image .aui-indicator__action:hover {
background: #808080;
}
.aui-indicator.aui-theme-image .aui-indicator__indicator {
background: #000000;
}
.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: #808080;
}
.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: #808080;
}
.aui-switch.aui-theme-light.aui-switch--equal .aui-switch__thumb {
background: #000000;
}
.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: #ffffff;
}
.aui-switch.aui-theme-light.aui-switch--equal:hover:not(.is-disabled) .aui-switch__text--right {
color: #808080;
}
.aui-switch.aui-theme-light.aui-switch--equal:hover:not(.is-disabled) .aui-switch__input:checked~.aui-switch__text--left {
color: #808080;
}
.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: #000000;
}
.aui-switch.aui-theme-light.aui-switch--equal .aui-switch__input:checked~.aui-switch__text--left {
color: #808080;
}
.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: #808080;
}
.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: #000000;
}
.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: #808080;
}
.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='%23000000' 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: #eb0d3f;
}
.aui-textfield.aui-theme-light:not(.is-disabled):not(.is-invalid) .aui-textfield__field:hover {
border-bottom-color: #000000;
}
.aui-textfield.aui-theme-light.is-focused .aui-textfield__field {
border-bottom-color: #000000;
}
.aui-textfield.aui-theme-light.is-dirty .aui-textfield__field {
border-bottom-color: #000000;
}
.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: #eb0d3f;
}
.aui-textfield.aui-theme-light.is-invalid .aui-textfield__field {
border-color: #eb0d3f;
}
.aui-textfield.aui-theme-light.is-invalid .aui-textfield__focus-line {
background: #eb0d3f;
}