:root
{
    --fontFamily: "Gilroy",sans-serif;
    --secondaryFontFamily: "FormulaCondensed",impact,sans-serif;
    --primaryCTA-H: 229;
    --primaryCTA-S: 91%;
    --primaryCTA-L: 40%;
    --primary-H: 229;
    --primary-S: 91%;
    --primary-L: 40%;
    --secondary-H: 240;
    --secondary-S: 2%;
    --secondary-L: 90%;
    --tertiary-H: 303;
    --tertiary-S: 100%;
    --tertiary-L: 69%;
    --neutral-H: 0;
    --neutral-S: 0%;
    --neutral-L: 100%;
    --danger-H: 350;
    --danger-S: 89%;
    --danger-L: 60%;
    --disabled-H: 273;
    --disabled-S: 66%;
    --disabled-L: 63%;
    --promotion-H: 15;
    --promotion-S: 94%;
    --promotion-L: 59%;
    --neutral0: #fff;
    --neutral5: #f2f3f3;
    --neutral10: #e6e6e7;
    --neutral20: #cccdd0;
    --neutral35: #a6a7ad;
    --neutral50: #808289;
    --neutral60: #676972;
    --neutral95: #0e1120;
    --primaryColor: #0a2ecb;
    --tertiaryColor: #ff63f6;
    --primaryCTAColorHover: hsl(var(--primaryCTA-H),var(--primaryCTA-S),calc(var(--primaryCTA-L) * 1.1));
    --primaryCTAColorActive: hsl(var(--primaryCTA-H),calc(var(--primaryCTA-S) * .85),calc(var(--primaryCTA-L) * .9));
    --primaryCTAShadow: 0 -1px 0 0 var(--primaryColor),0 -2px 0 0 hsla(var(--primaryCTA-H),var(--primaryCTA-S),var(--primaryCTA-L),0),inset 0 -1px 0 1px hsla(var(--primaryCTA-H),var(--primaryCTA-S),var(--primaryCTA-L),0),inset 0 -2px 0 1px hsl(var(--primaryCTA-H),calc(var(--primaryCTA-S) * .85),calc(var(--primaryCTA-L) * .8)),inset 0 -3px 0 1px hsla(var(--primaryCTA-H),calc(var(--primaryCTA-S) * .95),calc(var(--primaryCTA-L) * .93),.78),0 1px 20px -2px hsla(var(--primaryCTA-H),var(--primaryCTA-S),calc(var(--primaryCTA-L) * .9),.3);
    --primaryCTAShadowActive: 0 0 0 0 var(--primaryCTAColor),0 0 0 0 var(--primaryCTAColor),inset 0 -1px 2px 1px hsla(var(--primaryCTA-H),var(--primaryCTA-S),var(--primaryCTA-L),0),inset 0 -2px 0 1px hsla(var(--primaryCTA-H),var(--primaryCTA-S),var(--primaryCTA-L),0),inset 0 1px 2px 1px #00000059,0 1px 10px -2px hsla(var(--primaryCTA-H),var(--primaryCTA-S),var(--primaryCTA-L),.3);
    --primaryColorHover: hsl(var(--primary-H),var(--primary-S),calc(var(--primary-L) * 1.1));
    --primaryColorActive: hsl(var(--primary-H),calc(var(--primary-S) * .85),calc(var(--primary-L) * .9));
    --primaryShadow: 0 -1px 0 0 var(--primaryColor),0 -2px 0 0 hsla(var(--primary-H),var(--primary-S),var(--primary-L),0),inset 0 -1px 0 1px hsla(var(--primary-H),var(--primary-S),var(--primary-L),0),inset 0 -2px 0 1px hsl(var(--primary-H),calc(var(--primary-S) * .85),calc(var(--primary-L) * .8)),inset 0 -3px 0 1px hsla(var(--primary-H),calc(var(--primary-S) * .95),calc(var(--primary-L) * .93),.78),0 1px 20px -2px hsla(var(--primary-H),var(--primary-S),calc(var(--primary-L) * .9),.3);
    --primaryShadowActive: 0 0 0 0 var(--primaryColor),0 0 0 0 var(--primaryColor),inset 0 -1px 2px 1px hsla(var(--primary-H),var(--primary-S),var(--primary-L),0),inset 0 -2px 0 1px hsla(var(--primary-H),var(--primary-S),var(--primary-L),0),inset 0 1px 2px 1px #00000059,0 1px 10px -2px hsla(var(--primary-H),var(--primary-S),var(--primary-L),.3);
    --secondaryColor: hsl(var(--secondary-H),var(--secondary-S),var(--secondary-L));
    --secondaryColorHover: hsl(var(--secondary-H),var(--secondary-S),calc(var(--secondary-L) * 1.1));
    --secondaryColorActive: hsl(var(--secondary-H),calc(var(--secondary-S) * .85),calc(var(--secondary-L) * .9));
    --secondaryShadow: 0 -1px 0 0 var(--secondaryColor),0 -2px 0 0 hsla(var(--secondary-H),var(--secondary-S),var(--secondary-L),0),inset 0 -1px 0 1px hsla(var(--secondary-H),var(--secondary-S),var(--secondary-L),0),inset 0 -2px 0 1px hsl(var(--secondary-H),calc(var(--secondary-S) * .85),calc(var(--secondary-L) * .8)),inset 0 -3px 0 1px hsla(var(--secondary-H),calc(var(--secondary-S) * .95),calc(var(--secondary-L) * .93),.78),0 1px 20px -2px hsla(var(--secondary-H),var(--secondary-S),calc(var(--secondary-L) * .9),.3);
    --secondaryShadowActive: 0 0 0 0 var(--secondaryColor),0 0 0 0 var(--secondaryColor),inset 0 -1px 2px 1px hsla(var(--secondary-H),var(--secondary-S),var(--secondary-L),0),inset 0 -2px 0 1px hsla(var(--secondary-H),var(--secondary-S),var(--secondary-L),0),inset 0 1px 2px 1px #00000059,0 1px 10px -2px hsla(var(--secondary-H),var(--secondary-S),var(--secondary-L),.3);
    --tertiaryColorHover: hsl(var(--tertiary-H),var(--tertiary-S),calc(var(--tertiary-L) * 1.1));
    --tertiaryColorActive: hsl(var(--tertiary-H),calc(var(--tertiary-S) * .85),calc(var(--tertiary-L) * .9));
    --tertiaryShadow: 0 -1px 0 0 var(--tertiaryColor),0 -2px 0 0 hsla(var(--tertiary-H),var(--tertiary-S),var(--tertiary-L),0),inset 0 -1px 0 1px hsla(var(--tertiary-H),var(--tertiary-S),var(--tertiary-L),0),inset 0 -2px 0 1px hsl(var(--tertiary-H),calc(var(--tertiary-S) * .85),calc(var(--tertiary-L) * .8)),inset 0 -3px 0 1px hsla(var(--tertiary-H),calc(var(--tertiary-S) * .95),calc(var(--tertiary-L) * .93),.78),0 1px 20px -2px hsla(var(--tertiary-H),var(--tertiary-S),calc(var(--tertiary-L) * .9),.3);
    --tertiaryShadowActive: 0 0 0 0 var(--tertiaryColor),0 0 0 0 var(--tertiaryColor),inset 0 -1px 2px 1px hsla(var(--tertiary-H),var(--tertiary-S),var(--tertiary-L),0),inset 0 -2px 0 1px hsla(var(--tertiary-H),var(--tertiary-S),var(--tertiary-L),0),inset 0 1px 2px 1px #00000059,0 1px 10px -2px hsla(var(--tertiary-H),var(--tertiary-S),var(--tertiary-L),.3);
    --neutralColor: hsl(var(--neutral-H),var(--neutral-S),var(--neutral-L));
    --neutralColorActive: hsl(var(--neutral-H),calc(var(--neutral-S) * .85),calc(var(--neutral-L) * .9));
    --neutralText: var(var(--neutral60));
    --neutralTextAlt: var(var(--neutral60));
    --neutralShadow: 0 1px 2px 0 #00000026,inset 0 -2px 0 0 #0003;
    --neutralShadowActive: 0 1px 2px 0 #00000026,inset 0 2px 0 0 #0003;
    --dangerColor: hsl(var(--danger-H),var(--danger-S),var(--danger-L));
    --dangerColorHover: hsl(var(--danger-H),var(--danger-S),calc(var(--danger-L) * 1.1));
    --dangerColorActive: hsl(var(--danger-H),var(--danger-S),calc(var(--danger-L) * .9));
    --dangerShadow: 0 -1px 0 0 var(--dangerColor),0 -2px 0 0 hsla(var(--danger-H),var(--danger-S),var(--danger-L),0),inset 0 -1px 0 1px hsla(var(--danger-H),var(--danger-S),var(--danger-L),0),inset 0 -2px 0 1px hsl(var(--danger-H),calc(var(--danger-S) * .85),calc(var(--danger-L) * .8)),inset 0 -3px 0 1px hsla(var(--danger-H),calc(var(--danger-S) * .95),calc(var(--danger-L) * .93),.78),0 1px 20px -2px hsla(var(--danger-H),var(--danger-S),calc(var(--danger-L) * .9),.3);
    --dangerShadowActive: 0 0 0 0 var(--dangerColor),0 0 0 0 var(--dangerColor),inset 0 -1px 2px 1px hsla(var(--danger-H),var(--danger-S),var(--danger-L),0),inset 0 -2px 0 1px hsla(var(--danger-H),var(--danger-S),var(--danger-L),0),inset 0 1px 2px 1px #00000059,0 1px 10px -2px hsla(var(--danger-H),var(--danger-S),var(--danger-L),.3);
    --promotionColor: hsl(var(--promotion-H),var(--promotion-S),var(--promotion-L));
    --promotionColorHover: hsl(var(--promotion-H),var(--promotion-S),calc(var(--promotion-L) * 1.1));
    --promotionColorActive: hsl(var(--promotion-H),calc(var(--promotion-S) * .85),calc(var(--promotion-L) * .9));
    --promotionShadow: 0 -1px 0 0 var(--promotionColor),0 -2px 0 0 hsla(var(--promotion-H),var(--promotion-S),var(--promotion-L),0),inset 0 -1px 0 1px hsla(var(--promotion-H),var(--promotion-S),var(--promotion-L),0),inset 0 -2px 0 1px hsl(var(--promotion-H),calc(var(--promotion-S) * .85),calc(var(--promotion-L) * .8)),inset 0 -3px 0 1px hsla(var(--promotion-H),calc(var(--promotion-S) * .95),calc(var(--promotion-L) * .93),.78),0 1px 20px -2px hsla(var(--promotion-H),var(--promotion-S),calc(var(--promotion-L) * .9),.3);
    --promotionShadowActive: 0 0 0 0 var(--promotionColor),0 0 0 0 var(--promotionColor),inset 0 -1px 2px 1px hsla(var(--promotion-H),var(--promotion-S),var(--promotion-L),0),inset 0 -2px 0 1px hsla(var(--promotion-H),var(--promotion-S),var(--promotion-L),0),inset 0 1px 2px 1px #00000059,0 1px 10px -2px hsla(var(--promotion-H),var(--promotion-S),var(--promotion-L),.3);
    --successColor: #00c9ca;
    --infoColor: #4ac9e0;
    --warnColor: #ffed7c;
    --disabledColor: #94a5b8;
    --disabledShadow: 0 0 0 0 #959da6,0 0 0 0 #1ce8c600,inset 0 0 0 1px #008e7600,inset 0 0 0 1px #6f767d00,inset 0 0 0 1px #7d848cc7,0 0 0 -2px #575b614d;
    --buttonTextColor: #fff;
    --separatorColor: #bac8d7;
    --min-width-sm: 570px;
    --min-width-md: 768px;
    --min-width-lg: 1100px;
    --formControl: #e4eaf0;
    --formControlFocus: #d6e1eb;
    --formControlBorder: #fff;
    --formControlShadow: inset 0 -1px 0 0 #fff,inset 0 1px 0 0 #0000001a;
    --userTextColor: #444;
    --userTextPlaceholder: #57687b;
    --modalWidth: 600px;
    --modalPadding: 25px;
    --text-xxs: 10px;
    --text-xs: 12px;
    --text-sm: 14px;
    --text-md: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --h1-size: 36px;
    --h2-size: 32px;
    --h3-size: 30px;
    --h4-size: 18px;
    --h5-size: 20px;
    --h6-size: 20px;
    --h1-hero-size: 64px;
    --h1-hero-small-size: 40px;
    --h2-hero-size: 36px;
    --h3-hero-size: 52px;
    --h4-hero-size: 46px;
    --h5-hero-size: 42px;
    --h6-hero-size: 38px;
    --decorationColor: #2c8898;
    --uiBackground: var(--neutral5);
    --uiBackgroundSection: #e0e0e0;
    --roundness: 8px;
    --radiusXXLarge: calc(var(--roundness) * 3);
    --radiusXLarge: calc(var(--roundness) * 2);
    --radiusLarge: var(--roundness);
    --radiusMedium: calc(var(--roundness) / 1.5);
    --radiusSmall: calc(var(--roundness) / 2);
    --transparencyContent: #04162773;
    --transparencySection: #041627a6;
    --transparencyUI: #f2f2f2cc;
    --darkTextShadow: 0 1px 2px #000000e6;
    --colorTextShadow: 0 1px 2px #00000040;
    --slotCardHoverShadow: 0 5px 10px -5px #000000bd;
    --backgroundColor: #ff944d;
    --cardBackground: #fff;
    --cardShadow: 0 2px 2px 0 #00000029,0 0 0 1px #00000014;
    --cardColor: var(--neutral95);
    --headerHeight: 62px;
    --navbarHeight: 57px;
    --tableBackgroundOdd: #f0f0f0;
    --tableBackgroundEven: #fbfbfb;
}
@media(min-width: 570px)
{
    :root
    {
        --h1-hero-size: 128px;
        --h1-hero-small-size: 64px;
        --h2-hero-size: 48px;
        --h3-hero-size: 104px;
        --h4-hero-size: 96px;
        --h5-hero-size: 84px;
        --h6-hero-size: 76px;
        --h2-size: 36px;
        --h4-size: 26px;
        --h5-size: 24px;
        --text-xxs: 12px;
    }
}
@media(max-width: 570px)
{
    :root
    {
        --headerHeight: 54px;
    }
}
body
{
    font-family: var(--fontFamily);
    font-size: 16px;
    line-height: 1.25;
    -webkit-font-smoothing: antialiased;
    color: var(--neutralText);
    font-weight: 400;
}
h1
{
    font-size: var(--h1-size);
}
h2
{
    font-size: var(--h2-size);
}
h3
{
    font-size: var(--h3-size);
}
h4
{
    font-size: var(--h4-size);
}
h5
{
    font-size: var(--h5-size);
}
h6
{
    font-size: var(--h6-size);
}
h1, h2, h3, h5, h6, title
{
    font-family: var(--fontFamily);
    font-weight: 800;
    line-height: 1.25;
}
h4, label, sub, sup
{
    font-family: var(--fontFamily);
    font-weight: 400;
    line-height: 1.15;
}
span
{
    font-family: inherit;
    font-weight: inherit;
}
p, ul
{
    font-family: var(--fontFamily);
    line-height: 1.5;
    margin: 0;
}
small, sub, sup
{
    font-size: 75%;
}
hr
{
    border-color: var(--decorationColor);
}
ol, ul
{
    margin: 0;
    padding: 0;
}
a
{
    color: var(--primaryColor);
    text-decoration: none;
}
a.subdued
{
    color: var(--disabledColor);
}
button
{
    font-family: var(--fontFamily);
}
::selection
{
    background-color: var(--secondaryColor);
    color: var(--neutralColor);
}
.ticket
{
    background: #738699;
    border-bottom: 2px solid #515b65;
    border-left: 1px solid #586571;
    border-right: 1px solid #586571;
}
.ticket:hover
{
    background: #607080;
}
.ticket.selected
{
    background: var(--secondaryColor);
    border-bottom: 2px solid #38679c;
    border-left: 1px solid #3b74b5;
    border-right: 1px solid #3b74b5;
}
.ticket.selected:hover
{
    background: var(--secondaryColorActive);
}
.ticket.purchased
{
    border-bottom: 2px solid #9164a0;
    border-left: 1px solid #a471b5;
    border-right: 1px solid #a471b5;
    cursor: default;
}
.ticket.purchased, .ticket.purchased:hover
{
    background: var(--tertiaryColor);
}
a.underline, p a
{
    font-family: var(--fontFamily);
    text-decoration: underline;
}
a.underline:hover, p a:hover
{
    text-decoration: none;
}
::selection
{
    background: var(--tertiaryColor);
}
::placeholder
{
    color: var(--disabledColor);
}
html
{
    box-sizing: border-box;
}
*, :after, :before
{
    box-sizing: inherit;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html
{
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body
{
    margin: 0;
}
h1
{
    margin: .67em 0;
}
hr
{
    box-sizing: initial;
    height: 0;
    overflow: visible;
}
pre
{
    font-family: monospace,monospace;
    font-size: 1em;
}
a
{
    background-color: initial;
}
abbr[title]
{
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b, strong
{
    font-weight: bolder;
}
code, kbd, samp
{
    font-family: monospace,monospace;
    font-size: 1em;
}
small
{
    font-size: 80%;
}
sub, sup
{
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: initial;
}
sub
{
    bottom: -.25em;
}
sup
{
    top: -.5em;
}
img
{
    border-style: none;
    display: table;
}
button, input, optgroup, select, textarea
{
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input
{
    overflow: visible;
}
button, select
{
    text-transform: none;
}
[type=button], [type=reset], [type=submit], button
{
    -webkit-appearance: button;
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner
{
    border-style: none;
    padding: 0;
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring
{
    outline: 1px dotted ButtonText;
}
fieldset
{
    padding: .35em .75em .625em;
}
legend
{
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress
{
    vertical-align: initial;
}
textarea
{
    overflow: auto;
}
[type=checkbox], [type=radio]
{
    box-sizing: border-box;
    padding: 0;
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button
{
    height: auto;
}
[type=search]
{
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type=search]::-webkit-search-decoration
{
    -webkit-appearance: none;
}
::-webkit-file-upload-button
{
    -webkit-appearance: button;
    font: inherit;
}
details
{
    display: block;
}
summary
{
    display: list-item;
}
[hidden], template
{
    display: none;
}
.clearfix:after
{
    clear: both;
    content: " ";
    display: block;
    height: 0;
}
:root
{
    --sidePadding: 50px;
    --maxWidth: 1174px;
}
h1, h2, h3, h4, h5, h6, header, title
{
    margin-top: 0;
}
.isCard
{
    background: #fff;
    border-radius: var(--radiusLarge);
    color: var(--cardColor);
    padding: var(--sidePadding);
}
header.section>h1, header.section>h2, header.section>h3, header.section>h4, header.section>h5, header.section>h6
{
    margin-bottom: 0;
}
@media(max-width: 768px)
{
    :root
    {
        --sidePadding: 30px;
    }
}
@media(max-width: 570px)
{
    :root
    {
        --sidePadding: 16px;
    }
}
@media screen and (min-width: 571px)
{
    br.break-mobile
    {
        display: none;
    }
}
.loadableFallback
{
    background-color: var(--dangerColor);
    color: #fff;
    padding: 16px;
}
.cookieConsent
{
    align-items: center;
    background-color: #fff;
    border-radius: 8px;
    bottom: 16px;
    box-shadow: 0 -3px 6px 0 #00000026,0 3px 6px 0 #00000026;
    display: flex;
    flex-direction: row;
    font-size: var(--text-xxs);
    left: 10px;
    margin: 0 auto;
    max-width: 830px;
    padding: 16px;
    position: fixed;
    right: 10px;
    width: auto;
    z-index: 100;
}
.cookieConsent--secondary
{
    max-width: 685px;
}
.cookieConsent__description a
{
    color: var(--neutralText);
    text-decoration: underline;
}
.cookieConsent__content
{
    align-items: center;
    display: flex;
}
.cookieConsent__button.buttonBase
{
    font-size: var(--text-sm);
    margin-left: 12px;
    padding: 12px 16px;
    white-space: nowrap;
}
.cookieConsent__description
{
    color: var(--neutral60);
    font-size: var(--text-sm);
    line-height: 1.43;
}
@media screen and (min-width: 576px)
{
    .cookieConsent
    {
        bottom: 24px;
        padding: 13px 30px;
    }
    .cookieConsent__button.buttonBase, .cookieConsent__description
    {
        font-size: var(--text-md);
    }
}
.buttonBase
{
    align-items: center;
    background-color: var(--primaryColor);
    border: none;
    border-radius: var(--radiusLarge);
    color: #fff;
    cursor: pointer;
    display: flex;
    font-family: var(--fontFamily);
    font-size: 16px;
    font-weight: 900;
    height: auto;
    justify-content: center;
    margin: 0;
    max-width: 570px;
    outline: none;
    padding: 12px 36px;
    text-align: center;
    text-decoration: none;
    transition: all 50ms cubic-bezier(.13,.9,.38,.98),background .1s ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    width: auto;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    text-shadow: none;
}
.buttonBase.oval
{
    border-radius: 999px;
}
.buttonBase.round
{
    border-radius: 50%;
}
.buttonBase:focus
{
    outline: 2px solid var(--tertiaryColor);
}
.buttonBase::-moz-focus-inner
{
    border: 0;
}
.buttonBase:hover
{
    background-color: var(--primaryCTAColorHover);
}
.buttonBase:active
{
    background-color: var(--primaryCTAColorActive);
    outline: none;
}
.buttonBase.buttonBase[disabled]
{
    color: #fff;
    pointer-events: none;
}
.buttonBase.buttonBase[disabled], .buttonBase[disabled]:hover
{
    background-color: var(--disabledColor);
}
.buttonBase[disabled]:active, .buttonBase[disabled]:hover:active
{
    padding-top: 0;
}
.buttonBase--secondary, .buttonBase.secondaryColor
{
    background: var(--neutral10);
    color: var(--primaryColor);
}
.buttonBase--secondary:hover, .buttonBase.secondaryColor:hover
{
    background: var(--neutral5);
}
.buttonBase--link
{
    background: none;
    color: var(--primaryColor);
    padding: 0;
}
.buttonBase--link:hover
{
    background: none;
    text-decoration: underline;
}
.buttonBase--link:focus
{
    outline: none;
}
.buttonBase--ghost, .buttonBase.white
{
    background: var(--neutral0);
    color: var(--primaryColor);
}
.buttonBase--ghost:hover, .buttonBase.white:hover
{
    background: var(--neutral5);
}
.buttonBase[disabled].buttonBase--loading
{
    background-image: none;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 30%;
}
.buttonBase.buttonBase--loading .buttonText, .buttonBase.buttonBase.buttonBase--loading:after, .buttonBase.buttonBase.buttonBase--loading:before
{
    display: none;
}
.buttonBase[disabled] .buttonIcon, .buttonBase[disabled] .buttonText
{
    color: #fff;
    margin-top: 0;
}
.buttonBase *
{
    pointer-events: none;
}
.buttonBase .buttonText
{
    display: block;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: auto;
    overflow: inherit;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.buttonBase .buttonIcon--loading
{
    height: 80%;
    margin: auto;
    width: auto;
}
.buttonBase.combo .buttonIcon
{
    margin-top: auto;
}
.buttonBase.combo .buttonText
{
    margin-bottom: auto;
    margin-top: 0;
}
.buttonBase.combo.combo--horizontal .buttonIcon
{
    margin-bottom: 1px;
    margin-left: auto;
}
.buttonBase.combo.combo--horizontal .buttonText
{
    margin-bottom: 3px;
    margin-left: 3px;
}
.buttonBase.inline
{
    flex-basis: auto;
    height: 100%;
    height: 43px;
    margin-bottom: auto;
    width: auto;
}
.buttonBase--sm
{
    padding: 5px 15px 5px 14px;
}
.buttonBase.blue
{
    background-color: var(--secondaryColor);
}
.buttonBase.blue:focus, .buttonBase.blue:hover
{
    background-color: var(--secondaryColorHover);
}
.buttonBase.blue:active
{
    background-color: var(--secondaryColorActive);
}
.buttonBase.blue[disabled]:hover, .buttonBase.red[disabled]:hover
{
    background-color: var(--disabledColor);
}
.buttonBase.blue[disabled], .buttonBase.red[disabled]
{
    background-color: var(--disabledColor);
    color: #fff;
    cursor: default;
}
.buttonBase.purple
{
    background-color: var(--tertiaryColor);
}
.buttonBase.purple:focus, .buttonBase.purple:hover
{
    background-color: var(--tertiaryColorHover);
}
.buttonBase.purple:active
{
    background-color: var(--tertiaryColorActive);
}
.buttonBase.close:after
{
    transform: rotate(-45deg);
}
.buttonBase.close:after, .buttonBase.close:before
{
    background-color: var(--secondaryColor);
    border-radius: 2px;
    content: "";
    display: block;
    height: 3px;
    left: 7px;
    position: absolute;
    top: 15px;
    width: 22px;
}
.buttonBase.close:before
{
    transform: rotate(45deg);
}
.buttonBase[disabled].close:after, .buttonBase[disabled].close:before
{
    background-color: #fff;
    top: 16px;
}
.buttonBase.close
{
    border-radius: 50%;
    height: 36px;
    position: relative;
    width: 36px;
}
.buttonBase.close, .buttonBase.close:focus, .buttonBase.close:hover
{
    background-color: var(--neutralColor);
}
.buttonBase.close:active
{
    background-color: var(--neutralColorActive);
}
.buttonBase.close:active:after, .buttonBase.close:active:before
{
    top: 17px;
}
.buttonBase.red
{
    background-color: var(--dangerColor);
}
.buttonBase.red:focus, .buttonBase.red:hover
{
    background-color: var(--dangerColorHover);
}
.buttonBase.red:active
{
    background-color: var(--dangerColorActive);
}
.buttonBase.delete .buttonIcon
{
    height: 22px;
    width: 23px;
}
.buttonBase.add
{
    border-radius: 50%;
    height: 30px;
    position: relative;
    width: 30px;
}
.buttonBase.add:after, .buttonBase.add:before
{
    background-color: #fff;
    border-radius: 2px;
    content: "";
    display: block;
    height: 3px;
    left: 8px;
    position: absolute;
    top: 12px;
    width: 15px;
}
.buttonBase.add:before
{
    transform: rotate(90deg);
}
.buttonBase[disabled].add:after, .buttonBase[disabled].add:before
{
    background-color: #fff;
    top: 16px;
}
.buttonBase.cross
{
    border-radius: 4px;
    height: 48px;
    width: 23px;
}
.buttonBase.cross .buttonText
{
    background-color: inherit;
    border-radius: 40px/5px;
    font-size: 15px;
    padding: 2px 13px 3px;
}
.buttonBase.gray, .buttonBase.gray:active, .buttonBase.gray:hover:active
{
    background-color: #959da6;
}
.buttonBase.sms, .buttonBase.smsResend
{
    border-radius: 28px;
    font-size: 24px;
    height: 55px;
    margin: 20px auto;
    width: 250px;
}
.buttonBase.smsResend
{
    background-color: var(--secondaryColor);
}
.buttonBase.buttonMenu
{
    background: #0000;
    padding: 20px 10px;
}
.buttonBase.buttonMenu:hover
{
    background: #576471;
}
.buttonBase.buttonMenu:active, .buttonBase.buttonMenu:focus, .buttonBase.buttonMenu:hover
{
    background: #50575e;
}
.buttonBase.buttonMenu .buttonText
{
    display: none;
}
.buttonBase.buttonMenu .buttonIcon
{
    background: #92a3b7;
    border-radius: 2px;
    display: inline-block;
    height: 3px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    vertical-align: middle;
    width: 22px;
}
.buttonBase.buttonMenu .buttonIcon:after, .buttonBase.buttonMenu .buttonIcon:before
{
    background: #92a3b7;
    border-radius: 2px;
    content: "";
    height: 3px;
    left: 0;
    margin-right: 0;
    position: absolute;
    top: -7px;
    width: 22px;
}
.buttonBase.buttonMenu .buttonIcon:after
{
    top: 7px;
}
.buttonBase.buttonMenu:active .buttonIcon, .buttonBase.buttonMenu:active .buttonIcon:after, .buttonBase.buttonMenu:active .buttonIcon:before, .buttonBase.buttonMenu:hover .buttonIcon, .buttonBase.buttonMenu:hover .buttonIcon:after, .buttonBase.buttonMenu:hover .buttonIcon:before
{
    background: #fff;
}