:root {
    --bui_easing-slow-in: cubic-bezier(0,0,0.2,1);
    --bui_easing-slow-out: cubic-bezier(0.4,0,1,1);
    --bui_easing-slow-in-out: cubic-bezier(0.4,0,0.2,1);
    --bui_easing-subtle-in: cubic-bezier(0,0,0.2,1);
    --bui_easing-subtle-out: cubic-bezier(0.4,0,1,1);
    --bui_easing-subtle-in-out: cubic-bezier(0.4,0,0.2,1);
    --bui_easing-bounce-in: cubic-bezier(0.6,-0.28,0.735,0.045);
    --bui_easing-bounce-out: cubic-bezier(0.175,0.885,0.32,1.275);
    --bui_timing-instant: 100ms;
    --bui_timing-fast: 150ms;
    --bui_timing-deliberate: 250ms;
    --bui_timing-slow: 300ms;
    --bui_timing-slower: 600ms;
    --bui_timing-slowest: 1000ms;
    --bui_timing-paused: 1600ms;
    --bui_color_destructive_dark: #a30000;
    --bui_color_destructive: #c00;
    --bui_color_destructive_light: #fcb4b4;
    --bui_color_destructive_lighter: #ffebeb;
    --bui_color_destructive_lightest: #fff0f0;
    --bui_color_callout_dark: #bc5b01;
    --bui_color_callout: #ff8000;
    --bui_color_callout_light: #ffc489;
    --bui_color_callout_lighter: #fff0e0;
    --bui_color_callout_lightest: #fff8f0;
    --bui_color_complement_dark: #cd8900;
    --bui_color_complement: #febb02;
    --bui_color_complement_light: #ffe08a;
    --bui_color_complement_lighter: #fdf4d8;
    --bui_color_complement_lightest: #fefbf0;
    --bui_color_constructive_dark: #006607;
    --bui_color_constructive: #008009;
    --bui_color_constructive_light: #97e59c;
    --bui_color_constructive_lighter: #e7fde9;
    --bui_color_constructive_lightest: #f1fef2;
    --bui_color_primary_dark: #00224f;
    --bui_color_primary: #003580;
    --bui_color_primary_light: #bad4f7;
    --bui_color_primary_lighter: #ebf3ff;
    --bui_color_primary_lightest: #fafcff;
    --bui_color_grayscale_dark: #333;
    --bui_color_grayscale: #6b6b6b;
    --bui_color_grayscale_light: #bdbdbd;
    --bui_color_grayscale_lighter: #e6e6e6;
    --bui_color_grayscale_lightest: #f5f5f5;
    --bui_color_black: #000;
    --bui_color_white: #fff;
    --bui_color_action_dark: #005c9d;
    --bui_color_action: #0071c2;
    --bui_color_action_light: #a3d7fc;
    --bui_color_action_lighter: #e4f4ff;
    --genius_color_primary: #004cb8;
    --bui_depth_0_box_shadow: none !important;
    --bui_depth_1_box_shadow: 0 1px 8px 0 rgba(0,0,0,.12),0 2px 3px -1px rgba(0,0,0,.2);
    --bui_depth_2_box_shadow: 0 3px 18px 0 rgba(0,0,0,.12),0 3px 5px -1px rgba(0,0,0,.2);
    --bui_depth_3_box_shadow: 0 4px 15px 2px rgba(0,0,0,.12),0 5px 6px -3px rgba(0,0,0,.2);
    --bui_depth_4_box_shadow: 0 6px 30px 5px rgba(0,0,0,.12),0 8px 10px -5px rgba(0,0,0,.2);
    --bui_unit_value: 8;
    --bui_unit_smaller: 2px;
    --bui_unit_small: 4px;
    --bui_unit_medium: 8px;
    --bui_unit_large: 16px;
    --bui_unit_larger: 24px;
    --bui_unit_largest: 32px;
    --bui_baseline: 24px;
    --bui_padding: 12px;
    --bui_negative_padding: -12px;
    --bui_medium_breakpoint: 576px;
    --bui_large_breakpoint: 992px;
    --bui_huge_breakpoint: 1200px;
    --bui_container: 1140px;
    --bui_animation_duration: 0.15s;
    --z_index_0: 0;
    --z_index_1: 100;
    --z_index_2: 200;
    --z_index_3: 300;
    --z_index_4: 400;
    --bui_font_smaller_size: 12px;
    --bui_font_smaller_line_height: 18px;
    --bui_font_small_size: 14px;
    --bui_font_small_line_height: 20px;
    --bui_font_medium_size: 16px;
    --bui_font_medium_line_height: 24px;
    --bui_font_large_size: 20px;
    --bui_font_large_line_height: 28px;
    --bui_font_larger_size: 24px;
    --bui_font_larger_line_height: 32px;
    --bui_font_largest_size: 32px;
    --bui_font_largest_line_height: 40px;
    --bui_font_weight_normal: 400;
    --bui_font_weight_medium: 500;
    --bui_font_weight_bold: 700;
    --bui_font_stack_sans: "BlinkMacSystemFont",-apple-system,"Segoe UI","Roboto","Helvetica","Arial",sans-serif;
    --bui_font_stack_serif: "Georgia",serif;
    --bui_font_stack_mono: "Monaco","Courier New",monospace;
    --bui_font_stack_arabic: "Geeza Pro","Tahoma",var(--bui_font_stack_sans)
}

.partner-header > header {
    background: var(--bui_color_primary)
}

:root {
    --transition-time: 300ms cubic-bezier(0.645,0.045,0.355,1)
}

.transition-container {
    margin: 0 -4px;
    overflow: hidden;
    padding: 0 4px 1px
}

.sliding-panel {
    position: relative
}

.app--loading .sliding-panel {
    opacity: .5
}

.animate-height {
    transition: height var(--transition-time)
}

.transition {
    position: relative;
    transition: transform var(--transition-time),opacity var(--transition-time)
}

.slide-enter {
    opacity: 0;
    position: relative;
    transform: translateX(100%)
}

.slide-enter-active {
    position: relative
}

.slide-enter-active, .slide-exit {
    opacity: 1;
    transform: translateX(0)
}

.slide-exit {
    position: absolute;
    top: 0
}

.slide-exit-active {
    position: absolute
}

.slide-back-enter, .slide-exit-active {
    opacity: 0;
    transform: translateX(-100%)
}

.slide-back-enter {
    position: relative
}

.slide-back-enter-active {
    opacity: 1;
    position: relative;
    transform: translateX(0)
}

.slide-back-exit {
    opacity: 1;
    position: absolute;
    top: 0;
    transform: translateX(0)
}

.slide-back-exit-active {
    opacity: 0;
    position: absolute;
    transform: translateX(100%)
}

.fade-enter {
    opacity: 0;
    position: relative
}

.fade-enter-active {
    opacity: 1;
    position: relative
}

.fade-exit {
    opacity: 1;
    position: absolute;
    top: 0
}

.fade-exit-active {
    opacity: 0;
    position: absolute
}

.portal_footer {
    border-top: 1px solid var(--bui_color_border_alt);
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    padding-top: var(--bui_spacing_4x);
    width: var(--ap_max_width)
}

.account-access__footer {
    padding: var(--bui_spacing_4x)
}

.footer-block {
    border-top: 1px solid var(--bui_color_border_alt);
    padding: var(--bui_spacing_4x) 0
}

.bui-panel-body {
    word-break: break-word
}

.ap_action_link {
    color: var(--bui_color_action_foreground);
    font-size: var(--bui_font_medium_size);
    font-weight: var(--bui_font_weight_bold);
    line-height: var(--bui_font_medium_line_height);
    text-decoration: none
}

    .ap_action_link:hover {
        text-decoration: underline
    }

.access-container {
    box-sizing: border-box;
    padding: var(--bui_spacing_4x) var(--bui_spacing_4x) 0;
    position: relative;
    width: 100%
}

.bui-grid--no-margin {
    margin: 0
}

.access-form {
    overflow: hidden;
    position: relative
}

.access-panel-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: var(--ap_max_width)
}

.access-panel-container--loading {
    position: relative
}

    .access-panel-container--loading:after {
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 99
    }

.bui_color_action--fill {
    fill: var(--bui_color_action_foreground) !important
}

.resend-code-link:disabled, .resend-code-link[disabled] {
    cursor: not-allowed;
    opacity: .2
}

.icon-nav-list {
    margin: 0
}

.icon-nav-list__icon {
    fill: var(--bui_color_action_foreground);
    margin-right: var(--bui_spacing_2)
}

.icon-nav-list__item {
    background: transparent;
    border: 0;
    border-bottom: 1px solid var(--bui_color_border_alt);
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.5em;
    margin: 0;
    padding: var(--bui_spacing_4x) 0;
    position: relative;
    text-align: left;
    transition: .2s;
    width: 100%
}

    .icon-nav-list__item svg.svg_wechat {
        fill: #36bf21
    }

    .icon-nav-list__item svg.bui-u-pull-end {
        left: auto;
        right: 0
    }

    .icon-nav-list__item:last-child {
        border-bottom: 0;
        margin-bottom: 0
    }

.icon-nav-list__item--basic {
    display: inline-block;
    max-width: 90%
}

.icon-nav-list__item:hover, .icon-nav-list__item:hover .icon-nav-list__item--basic {
    text-decoration: underline
}

.iframe-container {
    padding: 24px 16px 16px
}

    .iframe-container .bui_font_display_two {
        font-size: 24px;
        padding-right: 8px
    }

.dev-link {
    background: var(--bui_color_accent_background_alt);
    border-radius: 3px;
    font-size: 13px;
    font-weight: 500;
    padding: 2px 8px 4px;
    text-decoration: underline
}

.link-recovery-options {
    margin-top: var(--bui_spacing_4x)
}

.ext_partner_links {
    font-size: 12px;
    margin-top: 24px
}

    .ext_partner_links a {
        color: var(--bui_color_action_foreground)
    }

    .ext_partner_links hr {
        border: 0;
        border-top: 1px solid var(--bui_color_border_alt);
        margin-bottom: 16px
    }

.tooltip-container {
    position: relative
}

    .tooltip-container .bui-tooltip {
        bottom: 0;
        left: 0;
        position: absolute;
        top: auto
    }

.username__tooltip-icon {
    cursor: pointer;
    padding: 0 6px;
    position: relative;
    top: 2px
}

.page-header, .page-header:focus {
    outline: none
}

.has-inline-btn .timed-link {
    position: absolute;
    right: 10px;
    top: 35px
}

.tab-inner-content {
    padding: 24px 0 0
}

.iam-tab {
    margin-top: -16px
}

    .iam-tab .bui-tab__nav {
        border-bottom-width: 2px
    }

    .iam-tab .bui-tab__item {
        margin-bottom: -2px;
        width: 50%
    }

    .iam-tab .bui-tab__link {
        width: 100%
    }

    .iam-tab .bui-tab__item--more {
        display: none;
        width: 0 !important
    }

    .iam-tab .bui-tab__item--hidden {
        display: block !important
    }

    .iam-tab .bui-tab__link:focus {
        -moz-outline-radius: 0;
        outline: none;
        outline-offset: 0
    }

    .iam-tab .bui-tab__link--selected {
        color: #07c;
        font-weight: 600
    }

.ap-alert {
    margin-bottom: var(--bui_unit_large)
}

@media (max-width: 767px) {
    .username__tooltip-icon {
        display: none
    }
}

@media (min-width: 575px) and (min-height:720px) {
    .access-container {
        margin-top: 48px
    }

    .ap-alert {
        margin-top: -48px
    }
}

.spacer-top-4x {
    display: block;
    margin-top: var(--bui_spacing_4x)
}

input.hidden-input {
    display: none
}

.hidden-password-input-container {
    height: 0;
    overflow: hidden;
    width: 0
}

.phone-wrapper > fieldset > div > div:empty {
    display: none
}

.input-wrapper-sms-code {
    position: relative
}

.inline-send-code-btn {
    position: absolute;
    right: 0;
    top: var(--bui_unit_larger);
    z-index: 6
}

.access-panel__social-divider {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin: 0
}

.access-panel__social .access-panel__social-divider {
    margin-bottom: 0
}

.access-panel__social-divider-line {
    width: 100%
}

.access-panel__social-divider-text {
    margin: 0 8px 2px;
    white-space: nowrap
}

.access-panel__social-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: var(--bui_spacing_2x) 0 0;
    width: 100%
}

.access-panel__social-button-content {
    align-items: center;
    display: inline-block;
    display: flex
}

.access-panel__social-button {
    background: none;
    border: 1px solid var(--bui_color_border_alt) !important;
    border-radius: var(--bui_border_radius_100);
    cursor: pointer;
    display: inline-block;
    display: flex;
    height: 60px;
    margin: var(--bui_spacing_2x);
    padding: 17px;
    width: 60px
}

    .access-panel__social-button:hover {
        border-color: var(--bui_color_action_border) !important
    }

    .access-panel__social-button:disabled {
        cursor: not-allowed
    }

.access-panel__social-button-image {
    fill: var(--bui_color_foreground);
    height: 24px
}

.access-panel__social-button-facebook svg {
    fill: #4267b2
}

svg.wechat-icon {
    fill: #fff !important;
    background: #36bf21;
    border-radius: 3px;
    padding: 2px
}

.social-expand-link {
    cursor: pointer;
    padding: var(--bui_unit_medium) 0 0
}

@media (min-width: 350px) {
    .access-panel__social-button {
        height: 72px;
        margin: var(--bui_unit_large);
        padding: 23px;
        width: 72px
    }

    .access-panel__social-buttons {
        margin: 0 0 -4px
    }

    .social-expand-link {
        padding: 11px 0 var(--bui_unit_medium)
    }
}

.M3nBQFTgrRZ1i_o4aYCE {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.ZkzRsCaxskwLyBheIQsS {
    border: 0;
    font-size: 14px;
    position: relative
}

    .ZkzRsCaxskwLyBheIQsS:after {
        background: var(--bui_color_border_alt);
        bottom: -1px;
        content: "";
        display: block;
        height: 2px;
        left: 0;
        position: absolute;
        right: 0
    }

    .ZkzRsCaxskwLyBheIQsS[aria-selected=true] {
        cursor: default
    }

        .ZkzRsCaxskwLyBheIQsS[aria-selected=true]:hover:before {
            background: none
        }

        .ZkzRsCaxskwLyBheIQsS[aria-selected=true]:after {
            background: var(--bui_color_action)
        }

.DbaOr0MFR8hiJsicVX3P {
    padding-top: 16px
}

.oauth-review-control {
    align-items: center;
    border-bottom: 1px solid var(--bui_color_border_alt);
    display: flex;
    padding: var(--bui_spacing_2x) 0
}

.oauth-review-desc {
    flex-grow: 1
}

.oauth-switch {
    margin-left: var(--bui_spacing_2x)
}

.oauth-heading {
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -.4px;
    line-height: 20px
}

    .oauth-heading strong {
        font-weight: 700
    }

.oauth-consent-logos {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: var(--bui_unit_largest)
}

    .oauth-consent-logos > div {
        margin: 0 var(--bui_spacing_1x)
    }

.oauth-consent-logo img, .oauth-consent-logo svg {
    border-radius: var(--bui_border_radius_300);
    box-shadow: 2px 2px 3px rgba(0,0,0,.3);
    display: block;
    height: 60px;
    margin: 0 auto;
    min-height: 1px;
    overflow: hidden;
    width: 60px
}

.oauth-consent-logos svg g {
    fill: var(--bui_color_action_foreground)
}

.oauth-consent-plus {
    height: 24px;
    width: 24px
}

.default-client-img {
    background: var(--bui_color_background_alt)
}

.manage-consent, .scope-details {
    padding-top: var(--bui_spacing_2x)
}

.passkey-loader-container {
    align-content: center;
    display: flex;
    justify-content: center;
    width: 100%
}

.passkey-loader {
    padding: 40px;
    position: relative
}

.passkey-logo {
    border: 6px solid #ccc;
    border-radius: 50%;
    box-sizing: content-box;
    padding: 6px
}

.passkey-logo, .passkey-spinner {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.passkey-spinner {
    opacity: 0
}

.passkey-loader-container--loading .passkey-spinner {
    opacity: 1
}

.passkey-loader-container--loading .passkey-logo {
    border-color: transparent
}

.account-link-logos {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: var(--bui_unit_largest)
}

    .account-link-logos > div {
        margin: 0 var(--bui_unit_small)
    }

.account-link-logo img, .account-link-logo svg {
    border-radius: 12px;
    box-shadow: 2px 2px 3px rgba(0,0,0,.3);
    display: block;
    height: 60px;
    margin: 0 auto;
    min-height: 1px;
    overflow: hidden;
    width: 60px
}

.account-link-plus {
    height: 24px;
    width: 24px
}

.oauth-not-me-link {
    cursor: pointer
}

.customer-service-pin {
    background: var(--bui_color_accent_background_alt);
    border-radius: var(--bui_border_radius_200);
    padding: var(--bui_spacing_4x) var(--bui_spacing_2x)
}

.customer-service-pin__value {
    font-size: 18px
}

.access-panel__social-confirmation {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.access-panel__social-confirmation-image {
    border-radius: 3px;
    padding: 10px
}

.access-panel__social-confirmation-image--grab {
    background-color: #09b11a
}

    .access-panel__social-confirmation-image--grab path {
        fill: #fff
    }

.verification-method {
    border-bottom: 1px solid var(--bui_color_border_alt);
    cursor: pointer;
    display: block;
    padding: var(--bui_spacing_2x) 0
}

.verification-method-text {
    margin-left: var(--bui_spacing_1x)
}

.verification-method-title {
    margin-bottom: var(--bui_spacing_2x)
}

.verification-method-arrow {
    color: var(--bui_color_action_foreground);
    margin-top: var(--bui_spacing_6x)
}

:root {
    --ap_transition--1: all 0.15s ease-in-out;
    --ap_transition--2: all 0.25s ease-in-out;
    --ap_transition--3: all 0.35s ease-in-out;
    --ap_max_width: 360px
}

.bui-button {
    text-align: center;
    transition: var(--ap_transition--2)
}

.bui-button--link, .bui-button--link:active, .bui-button--link:focus, .bui-button--link:hover {
    background-color: transparent !important;
    border: 0 !important;
    border-radius: 0;
    cursor: pointer;
    display: inline;
    min-height: 1em;
    outline: none !important;
    padding: 0;
    width: auto
}

.bui-modal__align {
    padding: 16px
}

.bui-accordion__row-inner {
    padding: 16px !important
}

.bui-accordion__row.bui-is-active .bui-accordion__content {
    padding: 0 16px 16px !important
}

.bui-accordion__title {
    font-size: 16px !important
}

.bui-accordion__subtitle {
    font-size: 14px !important
}

.input-no-decoration input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.input-no-decoration input[type=number] {
    -moz-appearance: textfield
}

.bui-modal__content {
    display: block;
    max-width: 385px !important
}

#tfa_modal .bui-modal__footer {
    border: 0;
    padding: 0
}

    #tfa_modal .bui-modal__footer .bui-inline-container {
        display: none
    }

.ReactModal__Content.ReactModal__Content--after-open {
    bottom: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important
}

.bui-button[disabled] {
    cursor: not-allowed
}

.bui-button__text {
    width: 100%
}

.bui-checkbox__label {
    cursor: pointer
}

.bui-spacer--top {
    margin-top: 24px
}

input.bui-input-text__control:-internal-autofill-selected {
    background-color: pink;
    box-shadow: inset 0 0 0 1px #e6e6e6
}

.bui-has-error .bui-form__error {
    color: var(--bui_color_destructive_foreground);
    margin-top: var(--bui_spacing_1x)
}

.bui-form__helper {
    color: var(--bui_color_grayscale);
    display: block;
    margin-top: var(--bui_spacing_1x)
}

.bui-input-text__side:last-child, .rtl .bui-input-text__side:first-child, [dir=rtl] .bui-input-text__side:first-child {
    padding: 8px
}

@media (max-width: 420px) {
    .bui-input-text__control {
        font-size: 16px !important
    }
}

.rtl .access-panel__header-btn--menu {
    left: -16px;
    right: auto
}

.rtl .access-panel__header-btn--back {
    left: auto;
    right: -16px;
    transform: rotate(-180deg) translateX(10px)
}

.rtl .show-back-btn .access-panel__header-btn--back {
    transform: rotate(-180deg) translateX(0)
}

.rtl .access-panel__social-buttons--one .access-panel__social-button .access-panel__social-button-text {
    margin-right: 8px
}

.rtl .access-panel__social-buttons--many .access-panel__social-button .access-panel__social-button-text {
    margin-right: 0
}

.rtl .access-panel__social-button-image {
    float: right
}

.rtl .access-panel__header-logo {
    left: auto;
    right: 2px
}

.rtl .show-back-btn .access-panel__header-logo--web {
    left: auto;
    right: 26px
}

.rtl .access-panel__dropdown {
    left: -18px;
    right: auto
}

.rtl .slide-enter {
    transform: translateX(-100%)
}

.rtl .slide-enter-active, .rtl .slide-exit {
    transform: translateX(0)
}

.rtl .slide-back-enter, .rtl .slide-exit-active {
    transform: translateX(100%)
}

.rtl .slide-back-enter {
    transition-delay: .01s
}

.rtl .slide-back-enter-active, .rtl .slide-back-exit {
    transform: translateX(0)
}

.rtl .slide-back-exit-active {
    transform: translateX(-100%)
}

.rtl .access-panel__dropdown:before {
    transform-origin: top left
}

.nav-right__buttons, .rtl .nav-right {
    float: left
}

.rtl .primary-menu__toggle-btn > span {
    float: right;
    margin-right: 4px
}

.rtl .primary-menu__header {
    padding: 14px 44px 14px 16px
}

.rtl .primary-menu--closed .primary-menu__toggle-btn span {
    transform: rotate(90deg)
}

.rtl .secondary-navigation__toggle {
    float: left;
    padding-left: var(--bui_unit_medium)
}

.rtl .menu_item_icon {
    margin-left: var(--bui_unit_medium);
    margin-right: auto
}

.rtl .access-footer__lang .lang-select {
    padding-left: 16px;
    padding-right: 0
}

.rtl .access-footer__lang .bui-input-select__icon, .rtl .nav-right {
    left: 0;
    right: auto
}

.rtl .bui_heading_icon {
    margin-left: var(--bui_unit_large);
    margin-right: 0
}

.rtl .setting-page-header-icon svg {
    margin-left: auto;
    margin-right: var(--bui_unit_medium)
}

.rtl .connected_app_contents {
    padding-left: var(--bui_unit_medium);
    padding-right: 0
}

.rtl .connected-app-icon {
    margin-left: var(--bui_unit_large);
    margin-right: 0
}

.rtl .bui-modal__title {
    margin: 0
}

.rtl .bui-bui-input__group.bui-text-input__group.bui-input--with_phone {
    direction: ltr
}

.rtl .secondary-navigation-container {
    left: 0;
    right: auto;
    transform: translateX(-120%)
}

.lang_is_rtl .u-phone, .rtl .u-phone, .rtlcss .u-phone {
    direction: ltr;
    unicode-bidi: -webkit-isolate;
    unicode-bidi: -moz-isolate;
    unicode-bidi: -ms-isolate;
    unicode-bidi: isolate;
    white-space: nowrap
}

.tfa-via-sms-title-block strong {
    direction: ltr;
    unicode-bidi: bidi-override
}

@media (min-width: 820px) {
    .rtl .main-container {
        float: left;
        padding-left: 256px;
        width: 100%
    }

    .rtl .secondary-navigation-container, .rtl.secondary-menu--open .secondary-navigation-container:after {
        left: 19px;
        right: auto
    }
}

.app-loader {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0
}

.bui-spinner {
    animation: Spinner 1s cubic-bezier(.445,.05,.55,.95) infinite;
    direction: ltr;
    height: 32px;
    position: relative;
    width: 32px
}

.bui-spinner--center {
    margin: 0 auto
}

.bui-spinner:after, .bui-spinner:before {
    background: #006ce4;
    border-radius: 50%;
    content: "";
    position: absolute;
    transform: translateY(-50%);
    z-index: 2
}

.bui-spinner:after {
    right: 0;
    top: 50%
}

.bui-spinner:before {
    left: 0;
    top: 50%
}

.bui-spinner__inner:after, .bui-spinner__inner:before {
    border: solid transparent;
    border-radius: 50%;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.bui-spinner__inner:after {
    border-right-color: #006ce4;
    border-top-color: #006ce4;
    transform: rotate(-45deg)
}

.bui-spinner__inner:before {
    border-color: #006ce4;
    opacity: .3
}

.bui-spinner .bui-spinner__inner:after {
    border-right-color: #006ce4;
    border-top-color: #006ce4
}

@-webkit-keyframes Spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2turn)
    }
}

@keyframes Spinner {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(2turn)
    }
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

*, :after, :before {
    box-sizing: inherit
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none
}

body {
    overflow-y: scroll
}

    body.iframe-body .access-panel {
        box-shadow: none;
        padding: 16px 16px 10px
    }

    body.overflow-hidden {
        overflow: hidden
    }

p {
    margin-bottom: 1em;
    margin-top: 0
}

a {
    color: inherit;
    cursor: pointer;
    text-decoration: none;
    touch-action: manipulation
}

    a.bui-button--wide {
        text-align: center
    }

.pull-right {
    float: right
}

.bui_font_heading--bold, .bui_font_strong {
    font-weight: 700
}

.modal-overlay {
    background: var(--bui_color_black_with_alpha);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9
}

.bui_font_heading--bold {
    margin-top: 0
}

.clearfix:after {
    clear: both;
    content: "";
    display: table
}

.bui-inline-buttons .bui-button {
    margin-right: 8px
}

.bui-grid--0-m {
    margin: 0 !important
}

.bui-grid--0-bm {
    margin-bottom: 0 !important
}

.bui-grid--small {
    margin: 0 -4px !important
}

    .bui-grid--small .bui-grid__column-2, .bui-grid--small .bui-grid__column-4, .bui-grid--small .bui-grid__column-6 {
        padding: 0 8px !important
    }

.bui-has-error .help-block {
    color: var(--bui_color_destructive_foreground)
}

.bui-has-error .form-control {
    border-color: var(--bui_color_destructive_border)
}

.modal-progress {
    background: var(--bui_color_action_background);
    display: none;
    height: 1px;
    left: 0;
    position: absolute;
    top: 76px;
    transition: width .3s ease-in-out;
    width: 0
}

.load-tracking-img {
    display: block;
    left: -100000px;
    position: absolute;
    top: -100000px
}

.dev-notice {
    background: orange;
    padding: 4px
}

    .dev-notice a {
        text-decoration: underline
    }

.iam-input-message {
    background: #fffaeb;
    margin-bottom: 16px;
    margin-top: -16px;
    padding: 6px 12px
}

.timed-link.bui_font_caption {
    line-height: inherit
}

.flex-center {
    align-items: center;
    display: flex;
    justify-content: center
}

.qr-code {
    background: #fff;
    border: 1px solid var(--bui_color_border_alt);
    margin-top: calc(var(--bui_unit_large)*-1);
    min-height: 360px;
    padding: var(--bui_unit_large)
}

.fvtrpw {
    bottom: 0;
    left: 0;
    position: absolute
}

.bui_color_action {
    color: var(--bui_color_action_foreground) !important
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}