.HbIGb {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.HbIGb::-webkit-scrollbar {
    display: none
}

._26bXC {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 768px) {
    ._26bXC {
        gap:40px
    }
}

@media (min-width: 1440px) {
    ._26bXC {
        gap:48px
    }
}

._3HRVz {
    display: flex;
    gap: 12px
}

@media (min-width: 768px) {
    ._3HRVz {
        border:none;
        gap: 16px
    }
}

._2Y4nH {
    display: flex;
    width: 100%
}

._2DBDr {
    height: 75px
}

@media (min-width: 384px) {
    ._2DBDr {
        height:96px
    }
}

.UJZxg {
    margin: auto auto auto 0;
    font-size: 24px!important
}

@media (min-width: 768px) {
    .UJZxg {
        font-size:28px!important
    }
}

.H77iF {
    display: flex;
    flex-direction: column;
    gap: 24px
}

._2FGZF {
    text-align: center
}
.web-ui__InlineSVG-module--wrap {
    display: inline-block
}

.web-ui__LegacyButtonBase-module--_base {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    cursor: pointer;
    display: inline-flex;
    position: relative;
    touch-action: manipulation;
    transform: translateZ(0)
}

.web-ui__LegacyButtonBase-module--_base.web-ui__LegacyButtonBase-module--fake-disabled {
    cursor: default
}

.web-ui__LegacyButtonBase-module--_base:not(.web-ui__LegacyButtonBase-module--focus-outline-system) {
    outline: none
}

.web-ui__LegacyButtonBase-module--_base-juicy {
    --__internal__font-size: var(--web-ui_button-font-size,15px);
    --__internal__letter-spacing: var(--web-ui_button-letter-spacing,0.8px);
    --__internal__line-height: var(--web-ui_button-line-height,1.2);
    letter-spacing: var(--__internal__letter-spacing);
    font: 700 var(--__internal__font-size)/var(--__internal__line-height) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    box-sizing: border-box;
    justify-content: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    white-space: nowrap
}

[lang=ar] .web-ui__LegacyButtonBase-module--_base-juicy {
    letter-spacing: 0
}

.web-ui__LegacyButtonBase-module--_variant-solid {
    --__internal__background-color: var(--web-ui_button-background-color,rgb(var(--color-macaw)));
    --__internal__background-color-disabled: var(--web-ui_button-background-color-disabled,rgb(var(--color-swan)));
    --__internal__border-color: var(--web-ui_button-border-color,rgb(var(--color-whale)));
    --__internal__border-radius: var(--web-ui_button-border-radius,12px);
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-snow)));
    --__internal__color-active: var(--web-ui_button-color-active,var(--__internal__color));
    --__internal__color-disabled: var(--web-ui_button-color-disabled,rgb(var(--color-hare)));
    --__internal__filter-hover: var(--web-ui_button-filter-hover,brightness(1.1));
    --__internal__height: var(--web-ui_button-height,50px);
    --__internal__lip-width: var(--web-ui_button-lip-width,4px);
    --__internal__padding: var(--web-ui_button-padding,0 16px);
    background: none;
    border-radius: var(--__internal__border-radius);
    border: 0 solid transparent;
    border-bottom: var(--__internal__lip-width) solid transparent;
    color: var(--__internal__color);
    height: var(--__internal__height);
    padding: var(--__internal__padding);
    transition: filter .2s,transform var(--web-ui_button-transition-lip)
}

.web-ui__LegacyButtonBase-module--_variant-solid:before {
    background-color: var(--__internal__background-color);
    border-radius: var(--__internal__border-radius);
    bottom: 0;
    box-shadow: 0 var(--__internal__lip-width) 0;
    color: var(--__internal__border-color);
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: box-shadow var(--web-ui_button-transition-lip);
    z-index: -1
}

.web-ui__LegacyButtonBase-module--_variant-solid.web-ui__LegacyButtonBase-module--fake-active:not(.web-ui__LegacyButtonBase-module--fake-disabled),.web-ui__LegacyButtonBase-module--_variant-solid.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled),.web-ui__LegacyButtonBase-module--_variant-solid:active:not(.web-ui__LegacyButtonBase-module--fake-disabled) {
    color: var(--__internal__color-active);
    transform: translateY(var(--__internal__lip-width)) translateZ(0)
}

.web-ui__LegacyButtonBase-module--_variant-solid.web-ui__LegacyButtonBase-module--fake-active:not(.web-ui__LegacyButtonBase-module--fake-disabled):before,.web-ui__LegacyButtonBase-module--_variant-solid.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled):before,.web-ui__LegacyButtonBase-module--_variant-solid:active:not(.web-ui__LegacyButtonBase-module--fake-disabled):before {
    box-shadow: none
}

.web-ui__LegacyButtonBase-module--_variant-solid.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled) {
    color: var(--__internal__color-disabled)
}

.web-ui__LegacyButtonBase-module--_variant-solid.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled):before {
    background-color: var(--__internal__background-color-disabled)
}

@media(hover: hover) {
    .web-ui__LegacyButtonBase-module--_variant-solid:hover:not(.web-ui__LegacyButtonBase-module--fake-disabled):not(.web-ui__LegacyButtonBase-module--unstyled-hover) {
        filter:var(--__internal__filter-hover)
    }
}

.web-ui__LegacyButtonBase-module--variant-link-juicy {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-macaw)));
    --__internal__color-active: var(--web-ui_button-color-active,var(--__internal__color));
    --__internal__color-disabled: var(--web-ui_button-color-disabled,rgb(var(--color-hare)));
    --__internal__filter-hover: var(--web-ui_button-filter-hover,brightness(1.1));
    --__internal__font-size: var(--web-ui_button-font-size,16px);
    --__internal__height: var(--web-ui_button-height,48px);
    --__internal__letter-spacing: var(--web-ui_button-letter-spacing,0.04em);
    --__internal__line-height: var(--web-ui_button-line-height,calc(var(--__internal__height) - 4px));
    --__internal__padding: var(--web-ui_button-padding,0 11px);
    background: none;
    border-color: transparent;
    border-width: 1px 1px 5px;
    color: var(--__internal__color);
    height: var(--__internal__height);
    padding: var(--__internal__padding);
    transition: filter .2s
}

.web-ui__LegacyButtonBase-module--variant-link-juicy.web-ui__LegacyButtonBase-module--fake-active:not(.web-ui__LegacyButtonBase-module--fake-disabled),.web-ui__LegacyButtonBase-module--variant-link-juicy:active:not(.web-ui__LegacyButtonBase-module--fake-disabled) {
    color: var(--__internal__color-active)
}

.web-ui__LegacyButtonBase-module--variant-link-juicy.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled) {
    color: var(--__internal__color-disabled);
    transform: translateY(4px) translateZ(0)
}

.web-ui__LegacyButtonBase-module--variant-link-juicy.web-ui__LegacyButtonBase-module--small {
    --__internal__border-radius: var(--web-ui_button-border-radius,8px);
    --__internal__font-size: var(--web-ui_button-font-size,14px);
    --__internal__height: var(--web-ui_button-height,32px);
    --__internal__padding: var(--web-ui_button-padding,0 7px)
}

@media(hover: hover) {
    .web-ui__LegacyButtonBase-module--variant-link-juicy:hover:not(.web-ui__LegacyButtonBase-module--fake-disabled):not(.web-ui__LegacyButtonBase-module--unstyled-hover) {
        filter:var(--__internal__filter-hover)
    }
}

.web-ui__LegacyButtonBase-module--variant-link-juicy-cardinal {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-cardinal)))
}

.web-ui__LegacyButtonBase-module--variant-link-juicy-macaw {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-macaw)));
    --__internal__color-active: var(--web-ui_button-color-active,rgb(var(--color-whale)))
}

.web-ui__LegacyButtonBase-module--variant-pill {
    --__internal__border-radius: var(--web-ui_button-border-radius,16px);
    --__internal__font-size: var(--web-ui_button-font-size,14px);
    --__internal__height: var(--web-ui_button-height,26px);
    --__internal__lip-width: 2px;
    --__internal__padding: var(--web-ui_button-padding,0 9px)
}

.web-ui__LegacyButtonBase-module--variant-pill,.web-ui__LegacyButtonBase-module--variant-solid,.web-ui__LegacyButtonBase-module--variant-solid-juicy {
}

.web-ui__LegacyButtonBase-module--variant-solid-juicy {
    --__internal__font-size: var(--web-ui_button-font-size,16px);
    --__internal__height: var(--web-ui_button-height,48px);
    --__internal__letter-spacing: var(--web-ui_button-letter-spacing,0.04em);
    --__internal__line-height: var(--web-ui_button-line-height,calc(var(--__internal__height) - var(--__internal__lip-width)));
    --__internal__padding: var(--web-ui_button-padding,0 12px)
}

.web-ui__LegacyButtonBase-module--variant-solid-juicy.web-ui__LegacyButtonBase-module--small {
    --__internal__border-radius: var(--web-ui_button-border-radius,8px);
    --__internal__font-size: var(--web-ui_button-font-size,14px);
    --__internal__height: var(--web-ui_button-height,32px);
    --__internal__padding: var(--web-ui_button-padding,0 8px)
}

.web-ui__LegacyButtonBase-module--variant-solid-juicy-macaw {
}

.web-ui__LegacyButtonBase-module--variant-solid-juicy-snow-whale {
    --__internal__border-color: var(--web-ui_button-border-color,rgb(var(--color-snow),0.7));
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-macaw)));
    --__internal__color-active: var(--web-ui_button-color-active,rgb(var(--color-whale)))
}

.web-ui__LegacyButtonBase-module--variant-solid-juicy-snow-whale,.web-ui__LegacyButtonBase-module--variant-stroke {
    --__internal__background-color: var(--web-ui_button-background-color,rgb(var(--color-snow)))
}

.web-ui__LegacyButtonBase-module--variant-stroke {
    --__internal__background-color-disabled: var(--web-ui_button-background-color-disabled,rgb(var(--color-swan)));
    --__internal__border-color: var(--web-ui_button-border-color,rgb(var(--color-swan)));
    --__internal__border-color-disabled: var(--web-ui_button-border-color-disabled,var(--__internal__border-color));
    --__internal__border-radius: var(--web-ui_button-border-radius,12px);
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-hare)));
    --__internal__color-active: var(--web-ui_button-color-active,var(--__internal__color));
    --__internal__color-disabled: var(--web-ui_button-color-disabled,rgb(var(--color-hare)));
    --__internal__filter-hover: var(--web-ui_button-filter-hover,brightness(0.9));
    --__internal__height: var(--web-ui_button-height,50px);
    --__internal__padding: var(--web-ui_button-padding,0 16px);
    --__internal__switchable__border-color: var(--__internal__border-color);
    background: none;
    border-radius: var(--__internal__border-radius);
    border: solid transparent;
    border-width: 2px 2px 4px;
    color: var(--__internal__color);
    height: var(--__internal__height);
    padding: var(--__internal__padding);
    transition: filter .2s,transform var(--web-ui_button-transition-lip)
}

.web-ui__LegacyButtonBase-module--variant-stroke:before {
    background-color: var(--__internal__background-color);
    border: 2px solid var(--__internal__switchable__border-color);
    border-radius: var(--__internal__border-radius);
    bottom: -2px;
    box-shadow: 0 2px 0;
    color: var(--__internal__switchable__border-color);
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
    transition: box-shadow var(--web-ui_button-transition-lip);
    z-index: -1
}

.web-ui__LegacyButtonBase-module--variant-stroke.web-ui__LegacyButtonBase-module--fake-active:not(.web-ui__LegacyButtonBase-module--fake-disabled),.web-ui__LegacyButtonBase-module--variant-stroke.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled),.web-ui__LegacyButtonBase-module--variant-stroke:active:not(.web-ui__LegacyButtonBase-module--fake-disabled) {
    color: var(--__internal__color-active);
    transform: translateY(2px) translateZ(0)
}

.web-ui__LegacyButtonBase-module--variant-stroke.web-ui__LegacyButtonBase-module--fake-active:not(.web-ui__LegacyButtonBase-module--fake-disabled):before,.web-ui__LegacyButtonBase-module--variant-stroke.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled):before,.web-ui__LegacyButtonBase-module--variant-stroke:active:not(.web-ui__LegacyButtonBase-module--fake-disabled):before {
    box-shadow: none
}

.web-ui__LegacyButtonBase-module--variant-stroke.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled) {
    --__internal__switchable__border-color: var(--__internal__border-color-disabled);
    color: var(--__internal__color-disabled)
}

.web-ui__LegacyButtonBase-module--variant-stroke.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled):before {
    background-color: var(--__internal__background-color-disabled)
}

@media(hover: hover) {
    .web-ui__LegacyButtonBase-module--variant-stroke:hover:not(.web-ui__LegacyButtonBase-module--fake-disabled):not(.web-ui__LegacyButtonBase-module--unstyled-hover) {
        filter:var(--__internal__filter-hover)
    }
}

.web-ui__LegacyButtonBase-module--variant-stroke-juicy {
    --__internal__background-color-disabled: var(--web-ui_button-background-color-disabled,rgb(var(--color-snow)));
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-macaw)));
    --__internal__color-active: var(--web-ui_button-color-active,var(--__internal__color));
    --__internal__font-size: var(--web-ui_button-font-size,16px);
    --__internal__height: var(--web-ui_button-height,48px);
    --__internal__letter-spacing: var(--web-ui_button-letter-spacing,0.04em);
    --__internal__line-height: var(--web-ui_button-line-height,calc(var(--__internal__height) - 6px));
    --__internal__padding: var(--web-ui_button-padding,0 11px);
    border-width: 1px 1px 5px
}

.web-ui__LegacyButtonBase-module--variant-stroke-juicy:before {
    border-width: 1px;
    bottom: -1px;
    box-shadow: 0 3px 0 1px;
    left: -1px;
    outline: 1px solid var(--__internal__border-color);
    right: -1px;
    top: -1px
}

.web-ui__LegacyButtonBase-module--variant-stroke-juicy.web-ui__LegacyButtonBase-module--fake-active:not(.web-ui__LegacyButtonBase-module--fake-disabled),.web-ui__LegacyButtonBase-module--variant-stroke-juicy.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled),.web-ui__LegacyButtonBase-module--variant-stroke-juicy:active:not(.web-ui__LegacyButtonBase-module--fake-disabled) {
    transform: translateY(4px) translateZ(0)
}

.web-ui__LegacyButtonBase-module--variant-stroke-juicy.web-ui__LegacyButtonBase-module--small {
    --__internal__border-radius: var(--web-ui_button-border-radius,8px);
    --__internal__font-size: var(--web-ui_button-font-size,14px);
    --__internal__height: var(--web-ui_button-height,32px);
    --__internal__padding: var(--web-ui_button-padding,0 7px)
}

.web-ui__LegacyButtonBase-module--variant-stroke-juicy-cardinal {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-cardinal)))
}

.web-ui__LegacyButtonBase-module--variant-stroke-juicy-macaw {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-macaw)));
    --__internal__color-active: var(--web-ui_button-color-active,rgb(var(--color-whale)))
}

.web-ui__LegacyButtonBase-module--variant-text {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-macaw)));
    --__internal__filter-hover: var(--web-ui_button-filter-hover,brightness(1.1));
    --__internal__height: var(--web-ui_button-height,48px);
    --__internal__padding: var(--web-ui_button-padding,0 16px);
    background: none;
    border: none;
    color: var(--__internal__color);
    height: var(--__internal__height);
    padding: var(--__internal__padding);
    transition: filter .2s
}

.web-ui__LegacyButtonBase-module--variant-text.web-ui__LegacyButtonBase-module--fake-disabled:not(.web-ui__LegacyButtonBase-module--unstyled-disabled) {
    opacity: .4
}

@media(hover: hover) {
    .web-ui__LegacyButtonBase-module--variant-text:hover:not(.web-ui__LegacyButtonBase-module--fake-disabled):not(.web-ui__LegacyButtonBase-module--unstyled-hover) {
        filter:var(--__internal__filter-hover)
    }
}

.web-ui__LegacyButtonBase-module--variant-text-no-padding {
    --__internal__height: var(--web-ui_button-height,auto);
    --__internal__padding: var(--web-ui_button-padding,0)
}

.web-ui__LegacyButtonBase-module--variant-unstyled {
    background: none;
    border: none;
    padding: 0;
    transition: filter .2s
}

@media(hover: hover) {
    .web-ui__LegacyButtonBase-module--variant-unstyled:hover:not(.web-ui__LegacyButtonBase-module--fake-disabled):not(.web-ui__LegacyButtonBase-module--unstyled-hover) {
        filter:var(--web-ui_button-filter-hover,brightness(1.1))
    }
}

.web-ui__LegacyButtonBase-module--wrapped {
    -webkit-user-select: inherit;
    -moz-user-select: inherit;
    user-select: inherit
}

.web-ui__LegacyButtonBase-module--wrapped-invisible {
    opacity: 0
}

.web-ui__LegacyButtonBase-module--variant-pill-humpback {
}

.web-ui__LegacyButtonBase-module--variant-pill-humpback,.web-ui__LegacyButtonBase-module--variant-solid-humpback {
    --__internal__background-color: var(--web-ui_button-background-color,rgb(var(--color-humpback)));
    --__internal__border-color: var(--web-ui_button-border-color,rgb(var(--color-narwhal)));
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-snow)))
}

.web-ui__LegacyButtonBase-module--variant-solid-humpback {
}

.web-ui__LegacyButtonBase-module--variant-pill-macaw {
}

.web-ui__LegacyButtonBase-module--variant-pill-macaw,.web-ui__LegacyButtonBase-module--variant-solid-macaw {
    --__internal__background-color: var(--web-ui_button-background-color,rgb(var(--color-macaw)));
    --__internal__border-color: var(--web-ui_button-border-color,rgb(var(--color-whale)));
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-snow)))
}

.web-ui__LegacyButtonBase-module--variant-solid-macaw {
}

.web-ui__LegacyButtonBase-module--variant-pill-owl {
}

.web-ui__LegacyButtonBase-module--variant-pill-owl,.web-ui__LegacyButtonBase-module--variant-solid-owl {
    --__internal__background-color: var(--web-ui_button-background-color,rgb(var(--color-owl)));
    --__internal__border-color: var(--web-ui_button-border-color,rgb(var(--color-tree-frog)));
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-snow)))
}

.web-ui__LegacyButtonBase-module--variant-solid-owl {
}

.web-ui__LegacyButtonBase-module--variant-pill-snow {
}

.web-ui__LegacyButtonBase-module--variant-pill-snow,.web-ui__LegacyButtonBase-module--variant-solid-snow {
    --__internal__background-color: var(--web-ui_button-background-color,rgb(var(--color-snow)));
    --__internal__border-color: var(--web-ui_button-border-color,rgb(var(--color-snow),0.7));
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-macaw)));
    --__internal__background-color-disabled: var(--web-ui_button-background-color-disabled,rgb(var(--color-snow),0.4));
    --__internal__color-disabled: var(--web-ui_button-color-disabled,rgb(var(--color-macaw)))
}

.web-ui__LegacyButtonBase-module--variant-solid-snow {
}

.web-ui__LegacyButtonBase-module--variant-stroke-eel {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-eel)))
}

.web-ui__LegacyButtonBase-module--variant-stroke-hare {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-hare)))
}

.web-ui__LegacyButtonBase-module--variant-stroke-macaw {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-macaw)))
}

.web-ui__LegacyButtonBase-module--variant-stroke-snow-transparent {
    --__internal__color: var(--web-ui_button-color,rgb(var(--color-snow)));
    --__internal__background-color: var(--web-ui_button-background-color,transparent);
    --__internal__background-color-disabled: var(--web-ui_button-background-color-disabled,transparent);
    --__internal__border-color: var(--web-ui_button-border-color,rgba(0,0,0,0.2));
    --__internal__border-color-disabled: var(--web-ui_button-border-color-disabled,rgba(0,0,0,0.08));
    --__internal__color-disabled: var(--web-ui_button-color-disabled,rgb(var(--color-snow),0.4));
    --__internal__filter-hover: var(--web-ui_button-filter-hover,opacity(0.8))
}

.web-ui__LegacyButtonBase-module--variant-text-macaw {
}

.web-ui__LegacyButtonBase-module--variant-text-no-padding-macaw {
}

.web-ui__LoadingDots-module--_dot {
    border-radius: 50%
}

.web-ui__LoadingDots-module--wrap-button .web-ui__LoadingDots-module--_dot {
    background-color: currentcolor;
    height: 8px;
    width: 8px
}

.web-ui__LoadingDots-module--wrap-screen .web-ui__LoadingDots-module--_dot {
    background-color: rgb(var(--color-snow))
}

.web-ui__LoadingDots-module--wrap-screen-white .web-ui__LoadingDots-module--_dot {
    background-color: rgb(var(--color-swan))
}

.web-ui__LoadingDots-module--wrap-screen-white .web-ui__LoadingDots-module--_dot,.web-ui__LoadingDots-module--wrap-screen .web-ui__LoadingDots-module--_dot {
    height: 18px;
    width: 18px
}

.web-ui__LoadingDots-module--_wrap {
    display: grid;
    grid-template-columns: repeat(3,min-content)
}

.web-ui__LoadingDots-module--first {
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-name: web-ui__LoadingDots-module--opacity-small-0,web-ui__LoadingDots-module--size-small-0;
    animation-timing-function: ease-in-out
}

@keyframes web-ui__LoadingDots-module--opacity-small-0 {
    0% {
        opacity: 1
    }

    33.3333333333% {
        opacity: .25
    }

    66.6666666667% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes web-ui__LoadingDots-module--size-small-0 {
    0% {
        transform: scale(1)
    }

    33.3333333333% {
        transform: scale(.8)
    }

    66.6666666667% {
        transform: scale(.8)
    }

    to {
        transform: scale(1)
    }
}

.web-ui__LoadingDots-module--reduced-motion .web-ui__LoadingDots-module--first {
    animation-name: web-ui__LoadingDots-module--opacity-small-0
}

.web-ui__LoadingDots-module--positioned {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.web-ui__LoadingDots-module--second {
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-name: web-ui__LoadingDots-module--opacity-small-2,web-ui__LoadingDots-module--size-small-2;
    animation-timing-function: ease-in-out
}

@keyframes web-ui__LoadingDots-module--opacity-small-2 {
    0% {
        opacity: .5
    }

    33.3333333333% {
        opacity: 1
    }

    66.6666666667% {
        opacity: .25
    }

    to {
        opacity: .5
    }
}

@keyframes web-ui__LoadingDots-module--size-small-2 {
    0% {
        transform: scale(.8)
    }

    33.3333333333% {
        transform: scale(1)
    }

    66.6666666667% {
        transform: scale(.8)
    }

    to {
        transform: scale(.8)
    }
}

.web-ui__LoadingDots-module--reduced-motion .web-ui__LoadingDots-module--second {
    animation-name: web-ui__LoadingDots-module--opacity-small-2
}

.web-ui__LoadingDots-module--third {
    animation-duration: 1.2s;
    animation-iteration-count: infinite;
    animation-name: web-ui__LoadingDots-module--opacity-small-1,web-ui__LoadingDots-module--size-small-1;
    animation-timing-function: ease-in-out
}

@keyframes web-ui__LoadingDots-module--opacity-small-1 {
    0% {
        opacity: .25
    }

    33.3333333333% {
        opacity: .5
    }

    66.6666666667% {
        opacity: 1
    }

    to {
        opacity: .25
    }
}

@keyframes web-ui__LoadingDots-module--size-small-1 {
    0% {
        transform: scale(.8)
    }

    33.3333333333% {
        transform: scale(.8)
    }

    66.6666666667% {
        transform: scale(1)
    }

    to {
        transform: scale(.8)
    }
}

.web-ui__LoadingDots-module--reduced-motion .web-ui__LoadingDots-module--third {
    animation-name: web-ui__LoadingDots-module--opacity-small-1
}

.web-ui__LoadingDots-module--wrap-button {
    grid-gap: 5px
}

.web-ui__LoadingDots-module--wrap-screen,.web-ui__LoadingDots-module--wrap-screen-white {
    grid-gap: 12px
}

.web-ui__ButtonBase-module--_visual {
    align-items: center;
    display: inline-flex
}

.web-ui__ButtonBase-module--leading {
    margin-inline-end:8px}

.web-ui__ButtonBase-module--trailing {
    margin-inline-start:8px}

.web-ui__GradingButton-module--correct {
    --web-ui_button-background-color: rgb(var(--color-owl));
    --web-ui_button-border-color: rgb(var(--color-tree-frog))
}

.web-ui__GradingButton-module--incorrect {
    --web-ui_button-background-color: rgb(var(--color-cardinal));
    --web-ui_button-border-color: rgb(var(--color-fire-ant))
}

.web-ui__GradingButton-module--try-again {
    --web-ui_button-background-color: rgb(var(--color-bee));
    --web-ui_button-border-color: rgb(var(--color-camel))
}

.web-ui__InputWrapper-module--container {
    display: inline-flex;
    flex-direction: column;
    gap: 4px
}

.web-ui__InputWrapper-module--helper {
    font: var(--text-caption-weight) var(--text-caption-size)/var(--text-caption-line-height) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-caption-letter-spacing);
    text-transform: var(--text-caption-casing);
    color: rgb(var(--color-wolf));
    display: flex
}

.web-ui__InputWrapper-module--helper-disabled {
    color: rgb(var(--color-hare))
}

.web-ui__InputWrapper-module--helper-error {
    color: rgb(var(--color-fire-ant))
}

.web-ui__InputWrapper-module--helper-icon {
    margin-right: 4px
}

.web-ui__InputWrapper-module--icon-button {
    align-self: center;
    margin-left: -6px;
    margin-right: 6px
}

.web-ui__InputWrapper-module--icon-button-focus {
}

.web-ui__InputWrapper-module--input {
    font: var(--text-body-weight) var(--text-body-size)/var(--text-body-line-height) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-body-letter-spacing);
    text-transform: var(--text-body-casing);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    box-sizing: border-box;
    caret-color: rgb(var(--color-macaw));
    color: rgb(var(--color-eel));
    font-size: var(--__internal__input-font-size,var(--text-body-size));
    line-height: var(--__internal__input-line-height,var(--text-body-line-height));
    min-width: 0;
    outline: none;
    padding: var(--__internal__input-padding,8px 14px);
    width: 100%
}

.web-ui__InputWrapper-module--input[type=number] {
    -moz-appearance: textfield
}

.web-ui__InputWrapper-module--input[type=number]::-webkit-inner-spin-button,.web-ui__InputWrapper-module--input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none
}

.web-ui__InputWrapper-module--input[type=search] {
    padding-left: 8px
}

.web-ui__InputWrapper-module--input:disabled {
    color: rgb(var(--color-hare));
    -webkit-text-fill-color: rgb(var(--color-hare))
}

.web-ui__InputWrapper-module--input:disabled::-moz-placeholder {
    color: rgb(var(--color-hare))
}

.web-ui__InputWrapper-module--input:disabled::placeholder {
    color: rgb(var(--color-hare))
}

.web-ui__InputWrapper-module--input::-webkit-search-cancel-button {
    display: none
}

.web-ui__InputWrapper-module--input::-moz-placeholder {
    color: rgb(var(--color-wolf))
}

.web-ui__InputWrapper-module--input::placeholder {
    color: rgb(var(--color-wolf))
}

.web-ui__InputWrapper-module--label {
    font: var(--text-heading-weight-small) var(--text-heading-size-small)/var(--text-heading-line-height-small) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-heading-letter-spacing-small);
    text-transform: var(--text-heading-casing-small);
    color: rgb(var(--color-eel))
}

.web-ui__InputWrapper-module--label-disabled {
}

.web-ui__InputWrapper-module--label-disabled,.web-ui__InputWrapper-module--link {
    color: rgb(var(--color-hare))
}

.web-ui__InputWrapper-module--link {
    font: 700 15px/28px din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-self: center;
    letter-spacing: .8px;
    margin-left: -2px;
    margin-right: 14px;
    text-decoration: none;
    text-transform: uppercase
}

@media(hover: hover) {
    .web-ui__InputWrapper-module--link:hover {
        color:rgb(var(--color-wolf))
    }
}

.web-ui__InputWrapper-module--search {
    align-self: center;
    margin-left: 14px
}

.web-ui__InputWrapper-module--wrap {
    background: rgb(var(--color-polar));
    border: 2px solid rgb(var(--color-swan));
    border-radius: 12px;
    display: flex;
    overflow: hidden
}

.web-ui__InputWrapper-module--wrap:focus-within:not(.web-ui__InputWrapper-module--unstyled-focus) {
    border-color: rgb(var(--color-macaw))
}

.web-ui__InputWrapper-module--wrap:not(:focus-within) .web-ui__InputWrapper-module--icon-button-focus {
    display: none
}

.web-ui__InputWrapper-module--wrap-disabled {
    border-color: rgb(var(--color-polar))
}

.web-ui__InputWrapper-module--wrap-error {
    border-color: rgb(var(--color-fire-ant))
}

.web-ui__List-module--list {
    margin: 0;
    padding: 0;
    width: 100%
}

.web-ui__List-module--search {
    --__internal__input-font-size: 17px;
    --__internal__input-line-height: 25px;
    --__internal__input-padding: 9.5px 14px;
    border-left: none!important;
    border-radius: 0!important;
    border-right: none!important;
    border-top: none!important;
    flex-shrink: 0
}

.web-ui__List-module--search-no-results {
    border-bottom: none!important
}

.web-ui__List-module--wrap {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: column
}

.web-ui__List-module--wrap.web-ui__List-module--bordered {
    border: 2px solid rgb(var(--color-swan));
    border-radius: var(--web-ui_list-border-radius,14px);
    overflow: hidden;
    transform: translateZ(0)
}

.web-ui__List-module--wrap.web-ui__List-module--scrollable .web-ui__List-module--list {
    overflow-y: auto
}

.web-ui__ListItem-module--_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.web-ui__ListItem-module--_text-wrap {
    white-space: normal;
    word-break: break-word
}

.web-ui__ListItem-module--_text-wrap,.web-ui__ListItem-module--description {
}

.web-ui__ListItem-module--description-wrap {
}

.web-ui__ListItem-module--inner {
    align-items: center;
    display: grid;
    grid-column-gap: 16px
}

.web-ui__ListItem-module--has-checkbox .web-ui__ListItem-module--inner {
    grid-template-columns: 1fr min-content
}

.web-ui__ListItem-module--has-checkbox.web-ui__ListItem-module--has-icon .web-ui__ListItem-module--inner {
    grid-template-columns: min-content 1fr min-content
}

.web-ui__ListItem-module--has-icon .web-ui__ListItem-module--inner {
    grid-template-columns: min-content 1fr
}

.web-ui__ListItem-module--item {
    font: 500 17px/25px din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    background: rgb(var(--color-snow));
    border: 2px solid rgb(var(--color-swan));
    box-sizing: content-box;
    color: rgb(var(--color-eel));
    list-style: none;
    outline: 0;
    padding: 17.5px 25px;
    position: relative;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--borderless {
    border-left: none;
    border-right: none
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--borderless:first-child {
    border-top: none
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--borderless:last-child {
    border-bottom: none
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-checkbox {
    padding-bottom: 14px;
    padding-right: 16px;
    padding-top: 14px
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-checkbox.web-ui__ListItem-module--disabled {
    color: rgb(var(--color-swan))
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-checkbox:not(:last-child) {
    border-bottom: 0
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-checkbox:focus-within:not(.web-ui__ListItem-module--disabled),.web-ui__ListItem-module--item.web-ui__ListItem-module--has-checkbox:focus:not(.web-ui__ListItem-module--disabled) {
    background-color: rgb(var(--color-polar))
}

@media(hover: hover) {
    .web-ui__ListItem-module--item.web-ui__ListItem-module--has-checkbox:hover:not(.web-ui__ListItem-module--disabled) {
        background-color:rgb(var(--color-polar))
    }
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-checkbox.web-ui__ListItem-module--has-icon .web-ui__ListItem-module--icon-container {
    min-height: 32px
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-description {
    padding-bottom: 13px;
    padding-top: 13px
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-icon {
    padding-left: 16px
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-scale.web-ui__ListItem-module--selected {
    border-radius: 8px!important;
    transform: scale(1.023880597);
    z-index: 1
}

.web-ui__ListItem-module--item.web-ui__ListItem-module--has-scale.web-ui__ListItem-module--selected .web-ui__ListItem-module--inner {
    transform: scale(.9766763848)
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--borderless):first-child {
    border-top-left-radius: var(--web-ui_list-border-radius,14px);
    border-top-right-radius: var(--web-ui_list-border-radius,14px)
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--borderless):last-child {
    border-bottom-left-radius: var(--web-ui_list-border-radius,14px);
    border-bottom-right-radius: var(--web-ui_list-border-radius,14px)
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--disabled) {
    cursor: pointer
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox).web-ui__ListItem-module--selected+.web-ui__ListItem-module--item,.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox):active:not(.web-ui__ListItem-module--disabled)+.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-scale),.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox):active:not(.web-ui__ListItem-module--disabled)+.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--selected) {
    border-top: 0
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox).web-ui__ListItem-module--selected,.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox):active:not(.web-ui__ListItem-module--disabled) {
    color: var(--web-ui_list-color-selected,rgb(var(--color-whale)));
    background-color: var(--web-ui_list-background-color-selected,rgb(var(--color-iguana)));
    border-color: var(--web-ui_list-border-color-selected,rgb(var(--color-blue-jay)))
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox).web-ui__ListItem-module--disabled:not(:last-child):not(.web-ui__ListItem-module--selected),.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox):not(:active):not(:last-child):not(.web-ui__ListItem-module--selected) {
    border-bottom: 0
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox):active:not(.web-ui__ListItem-module--disabled)+.web-ui__ListItem-module--item.web-ui__ListItem-module--has-scale.web-ui__ListItem-module--selected {
    margin-top: -2px
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox).web-ui__ListItem-module--disabled:not(.web-ui__ListItem-module--selected) {
    color: rgb(var(--color-swan))
}

.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox):focus-within:not(:active):not(.web-ui__ListItem-module--disabled):not(.web-ui__ListItem-module--selected),.web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox):focus:not(:active):not(.web-ui__ListItem-module--disabled):not(.web-ui__ListItem-module--selected) {
    background-color: rgb(var(--color-polar))
}

@media(hover: hover) {
    .web-ui__ListItem-module--item:not(.web-ui__ListItem-module--has-checkbox):hover:not(:active):not(.web-ui__ListItem-module--disabled):not(.web-ui__ListItem-module--selected) {
        background-color:rgb(var(--color-polar))
    }
}

.web-ui__ListItem-module--icon-container {
    align-items: center;
    align-self: start;
    display: flex;
    min-height: 25px
}

.web-ui__ListItem-module--scale-checkmark {
    height: 24px;
    position: absolute;
    right: -9px;
    top: -7px;
    width: 24px
}

.web-ui__ListItem-module--scale-checkmark-background {
    fill: var(--web-ui_list-color-selected,rgb(var(--color-whale)))
}

.web-ui__ListItem-module--scale-checkmark-icon {
    fill: rgb(var(--color-snow))
}

.web-ui__ListItem-module--text-container {
    display: grid;
    grid-row-gap: 4px;
    grid-template-columns: minmax(0,1fr);
    text-align: initial
}

.web-ui__ListItem-module--text-container-inline {
}

.web-ui__ListItem-module--has-description .web-ui__ListItem-module--text-container-inline {
    grid-column-gap: 16px;
    grid-template-columns: auto auto
}

.web-ui__ListItem-module--has-description .web-ui__ListItem-module--text-container-inline .web-ui__ListItem-module--description {
    text-align: right
}

.web-ui__ListItem-module--text {
}

.web-ui__ListItem-module--text-wrap {
}

.web-ui__LegacyToggle-module--checkbox {
    align-items: center;
    border: 2px solid rgb(var(--color-swan));
    border-radius: 8px;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: 32px;
    justify-content: center;
    width: 32px
}

.web-ui__LegacyToggle-module--checkbox.web-ui__LegacyToggle-module--checked {
    background: rgb(var(--color-macaw));
    border-color: rgb(var(--color-macaw))
}

.web-ui__LegacyToggle-module--checkbox.web-ui__LegacyToggle-module--disabled {
    background: rgb(var(--color-swan));
    border-color: rgb(var(--color-swan))
}

.web-ui__LegacyToggle-module--checkbox .web-ui__LegacyToggle-module--icon {
    height: 18px;
    width: 18px
}

.web-ui__LegacyToggle-module--checkbox-green {
    --border-color: rgb(var(--color-swan));
    align-items: center;
    border-radius: 9px;
    border: solid transparent;
    border-width: 2px 2px 4px;
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    height: 42px;
    justify-content: center;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 40px
}

.web-ui__LegacyToggle-module--checkbox-green:before {
    background-color: rgb(var(--color-snow));
    border: 2px solid var(--border-color);
    border-radius: 9px;
    bottom: -2px;
    box-shadow: 0 2px 0 var(--border-color);
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px
}

.web-ui__LegacyToggle-module--checkbox-green.web-ui__LegacyToggle-module--checked {
    --border-color: rgb(var(--color-turtle))
}

.web-ui__LegacyToggle-module--checkbox-green.web-ui__LegacyToggle-module--checked:before {
    background-color: rgb(var(--color-sea-sponge))
}

.web-ui__LegacyToggle-module--checkbox-green.web-ui__LegacyToggle-module--disabled {
    transform: translateY(2px)
}

.web-ui__LegacyToggle-module--checkbox-green.web-ui__LegacyToggle-module--disabled:before {
    box-shadow: none
}

.web-ui__LegacyToggle-module--checkbox-green .web-ui__LegacyToggle-module--icon {
    height: 16px;
    position: relative;
    width: 16px
}

.web-ui__LegacyToggle-module--input {
    display: none
}

.web-ui__LegacyToggle-module--label {
    align-items: center;
    display: inline-flex;
    outline: 0
}

.web-ui__LegacyToggle-module--label:not(.web-ui__LegacyToggle-module--disabled) {
    cursor: pointer
}

.web-ui__LegacyToggle-module--switch {
    align-items: center;
    background: rgb(var(--color-swan));
    border-radius: 12px;
    display: inline-flex;
    flex-shrink: 0;
    height: 24px;
    position: relative;
    transition: background .1s;
    width: 57px
}

.web-ui__LegacyToggle-module--switch:before {
    background: rgb(var(--color-snow));
    border-radius: 10px;
    border: solid rgb(var(--color-swan));
    border-width: 2px 2px 4px;
    box-sizing: border-box;
    content: "";
    height: 34px;
    left: 0;
    position: absolute;
    transition: left .2s;
    width: 32px
}

.web-ui__LegacyToggle-module--switch.web-ui__LegacyToggle-module--checked {
    background: rgb(var(--color-macaw))
}

.web-ui__LegacyToggle-module--switch.web-ui__LegacyToggle-module--checked:before {
    border-color: rgb(var(--color-macaw));
    left: 25px
}

.web-ui__LegacyToggle-module--text {
    font: 500 17px/25px din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    color: rgb(var(--color-eel));
    margin-left: 16px
}

.web-ui__LegacyToggle-module--disabled .web-ui__LegacyToggle-module--text {
    color: rgb(var(--color-hare))
}

.web-ui__LottieAnimation-module--container {
    display: inline-block
}

.web-ui__Checkbox-module--button {
    --web-ui_button-filter-hover: none;
    align-items: center;
    color: rgb(var(--color-macaw));
    border: 2px solid rgb(var(--color-swan))!important;
    border-radius: 8px;
    box-sizing: border-box;
    height: 30px;
    justify-content: center;
    width: 30px
}

.web-ui__Checkbox-module--button.web-ui__Checkbox-module--checked {
    background: rgb(var(--color-macaw))!important;
    border-color: rgb(var(--color-macaw))!important
}

.web-ui__Checkbox-module--button.web-ui__Checkbox-module--disabled {
    background: rgb(var(--color-polar))!important;
    border-color: rgb(var(--color-swan))!important
}

.web-ui__Checkbox-module--button.web-ui__Checkbox-module--disabled.web-ui__Checkbox-module--checked {
    background: rgb(var(--color-swan))!important
}

.web-ui__Checkbox-module--button.web-ui__Checkbox-module--loading {
    background: none!important;
    border: none!important
}

.web-ui__Checkbox-module--container {
    display: inline-flex;
    align-items: center;
    height: 32px;
    justify-content: center;
    width: 32px
}

.web-ui__Checkbox-module--icon {
    pointer-events: none
}

.web-ui__SelectList-module--_popover-positioned {
    position: absolute!important;
    top: 100%
}

.web-ui__SelectList-module--bubble {
    width: 100%
}

.web-ui__SelectList-module--input {
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    outline: none;
    padding: 0;
    text-decoration: none
}

.web-ui__SelectList-module--input:disabled {
    cursor: default
}

.web-ui__SelectList-module--list {
    max-height: 100%;
    width: 100%
}

.web-ui__SelectList-module--popover {
    display: flex
}

.web-ui__SelectList-module--popover-align-end {
    right: 0
}

.web-ui__SelectList-module--popover-align-start {
    left: 0
}

.web-ui__SelectList-module--wrap {
    display: inline-flex;
    flex-direction: column
}

.web-ui__SelectList-module--wrap-align-popover {
    position: relative
}

.web-ui__SelectBase-module--_label {
    font: 500 17px/25px din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    position: relative
}

.web-ui__SelectBase-module--caret {
    flex-shrink: 0;
    height: 9px;
    width: 15px
}

.web-ui__SelectBase-module--label .web-ui__SelectBase-module--caret {
    color: rgb(var(--color-hare));
    position: absolute;
    right: 16px
}

.web-ui__SelectBase-module--label-secondary .web-ui__SelectBase-module--caret {
    color: inherit;
    margin-left: 10px
}

.web-ui__SelectBase-module--caret-up {
    transform: rotate(-180deg)
}

.web-ui__SelectBase-module--input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: inherit;
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.web-ui__SelectBase-module--input:disabled {
    cursor: default
}

.web-ui__SelectBase-module--label .web-ui__SelectBase-module--input {
    height: calc(100% + 6px);
    left: -2px;
    top: -2px;
    width: calc(100% + 4px)
}

.web-ui__SelectBase-module--label .web-ui__SelectBase-module--input:disabled {
    height: calc(100% + 4px)
}

.web-ui__SelectBase-module--label {
    border: solid transparent;
    border-width: 2px 2px 4px;
    border-radius: 12px;
    color: rgb(var(--color-wolf));
    height: 50px;
    padding: 0 41px 0 12px
}

.web-ui__SelectBase-module--label:before {
    background: rgb(var(--color-snow));
    border: 2px solid rgb(var(--color-swan));
    border-radius: 12px;
    bottom: -2px;
    box-shadow: 0 2px 0 rgb(var(--color-swan));
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px
}

.web-ui__SelectBase-module--label.web-ui__SelectBase-module--disabled {
    transform: translateY(2px)
}

.web-ui__SelectBase-module--label.web-ui__SelectBase-module--disabled:before {
    background: rgb(var(--color-swan));
    box-shadow: none
}

.web-ui__SelectBase-module--label-secondary,.web-ui__SelectBase-module--label.web-ui__SelectBase-module--disabled,.web-ui__SelectBase-module--label.web-ui__SelectBase-module--empty {
    color: rgb(var(--color-hare))
}

.web-ui__SelectBase-module--label-secondary {
}

.web-ui__SelectBase-module--label-secondary.web-ui__SelectBase-module--disabled {
    color: rgb(var(--color-swan))
}

.web-ui__SelectBase-module--icon {
    display: flex;
    margin-right: 8px
}

.web-ui__SelectBase-module--icon,.web-ui__SelectBase-module--text {
    position: relative
}

.web-ui__SelectBase-module--text {
    flex: 1;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .8px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap
}

.web-ui__SelectBase-module--option {
    color: initial
}

.web-ui__Popover-module--bubble {
    background-color: var(--web-ui_popover-background-color,rgb(var(--color-snow)));
    border: 2px solid var(--web-ui_popover-border-color,rgb(var(--color-swan)));
    border-radius: var(--web-ui_popover-border-radius,15px);
    box-sizing: border-box;
    overflow: hidden;
    transform: translateZ(0)
}

.web-ui__Popover-module--close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 20px;
    justify-content: center;
    position: absolute;
    right: 6px;
    top: 6px;
    width: 20px
}

.web-ui__Popover-module--close-icon {
    height: 12px;
    width: 12px
}

.web-ui__Popover-module--direction-down {
    margin-top: 8px
}

.web-ui__Popover-module--direction-down>.web-ui__Popover-module--stem-container {
    margin: 0 var(--web-ui_popover-border-radius,15px);
    top: -8px
}

.web-ui__Popover-module--direction-down.web-ui__Popover-module--positioned {
    left: 50%;
    top: 100%;
    transform: translateX(-50%)
}

.web-ui__Popover-module--direction-down.web-ui__Popover-module--positioned>.web-ui__Popover-module--stem-container {
    left: calc(50% - var(--web-ui_popover-border-radius, 15px));
    transform: translateX(-50%)
}

.web-ui__Popover-module--direction-left {
    margin-right: 8px
}

.web-ui__Popover-module--direction-left>.web-ui__Popover-module--stem-container {
    left: calc(100% - 7px);
    margin: var(--web-ui_popover-border-radius,15px) 0;
    transform: rotate(90deg)
}

.web-ui__Popover-module--direction-left.web-ui__Popover-module--positioned {
    right: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.web-ui__Popover-module--direction-left.web-ui__Popover-module--positioned>.web-ui__Popover-module--stem-container {
    top: calc(50% - var(--web-ui_popover-border-radius, 15px));
    transform: translateY(-50%) rotate(90deg)
}

.web-ui__Popover-module--direction-right {
    margin-left: 8px
}

.web-ui__Popover-module--direction-right>.web-ui__Popover-module--stem-container {
    left: -13px;
    margin: var(--web-ui_popover-border-radius,15px) 0;
    transform: rotate(-90deg)
}

.web-ui__Popover-module--direction-right.web-ui__Popover-module--positioned {
    left: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.web-ui__Popover-module--direction-right.web-ui__Popover-module--positioned>.web-ui__Popover-module--stem-container {
    top: calc(50% - var(--web-ui_popover-border-radius, 15px));
    transform: translateY(-50%) rotate(-90deg)
}

.web-ui__Popover-module--direction-up {
    margin-bottom: 8px
}

.web-ui__Popover-module--direction-up>.web-ui__Popover-module--stem-container {
    margin: 0 var(--web-ui_popover-border-radius,15px);
    top: calc(100% - 2px);
    transform: rotate(180deg)
}

.web-ui__Popover-module--direction-up.web-ui__Popover-module--positioned {
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.web-ui__Popover-module--direction-up.web-ui__Popover-module--positioned>.web-ui__Popover-module--stem-container {
    left: calc(50% - var(--web-ui_popover-border-radius, 15px));
    transform: translateX(-50%) rotate(180deg)
}

.web-ui__Popover-module--stem {
    background-color: var(--web-ui_popover-background-color,rgb(var(--color-snow)));
    border: 2px solid var(--web-ui_popover-border-color,rgb(var(--color-swan)));
    border-radius: 2px;
    content: "";
    height: 14.14427157px;
    left: 50%;
    transform: translateZ(0) rotate(45deg);
    transform-origin: top left;
    width: 14.14427157px
}

.web-ui__Popover-module--stem,.web-ui__Popover-module--stem-container {
    box-sizing: border-box;
    position: absolute
}

.web-ui__Popover-module--stem-container {
    height: 10px;
    overflow: hidden;
    width: 20px
}

.web-ui__Popover-module--wrap {
    box-sizing: border-box;
    position: relative
}

.web-ui__Popover-module--wrap.web-ui__Popover-module--positioned {
    position: absolute
}

.web-ui__IconButton-module--button {
    --web-ui_button-filter-hover: none;
    align-items: center;
    border-radius: 12px;
    height: 48px;
    justify-content: center;
    width: 48px
}

.web-ui__Waveform-module--bar {
    transform: translateY(-50%);
    transform-box: border-box;
    transition: height .2s ease-in
}

.web-ui__SpeechBubble-module--alignment-center.web-ui__SpeechBubble-module--position-bottom {
    left: 50%;
    transform: translateX(-50%)
}

.web-ui__SpeechBubble-module--alignment-center.web-ui__SpeechBubble-module--position-left,.web-ui__SpeechBubble-module--alignment-center.web-ui__SpeechBubble-module--position-right {
    top: 50%;
    transform: translateY(-50%)
}

.web-ui__SpeechBubble-module--alignment-custom.web-ui__SpeechBubble-module--position-bottom {
    left: min(max(var(--__internal__-alignment) - 10px,24px),100% - 24px - 20px)
}

.web-ui__SpeechBubble-module--alignment-custom.web-ui__SpeechBubble-module--position-left,.web-ui__SpeechBubble-module--alignment-custom.web-ui__SpeechBubble-module--position-right {
    top: min(max(var(--__internal__-alignment) - 18px,12px),100% - 12px - 20px)
}

.web-ui__SpeechBubble-module--small .web-ui__SpeechBubble-module--alignment-custom.web-ui__SpeechBubble-module--position-left,.web-ui__SpeechBubble-module--small .web-ui__SpeechBubble-module--alignment-custom.web-ui__SpeechBubble-module--position-right {
    top: min(max(var(--__internal__-alignment) - 12px,12px),100% - 12px - 14px)
}

.web-ui__SpeechBubble-module--alignment-end.web-ui__SpeechBubble-module--position-bottom {
    right: 24px
}

.web-ui__SpeechBubble-module--alignment-end.web-ui__SpeechBubble-module--position-left,.web-ui__SpeechBubble-module--alignment-end.web-ui__SpeechBubble-module--position-right {
    bottom: 12px
}

.web-ui__SpeechBubble-module--alignment-start.web-ui__SpeechBubble-module--position-bottom {
    left: 24px
}

.web-ui__SpeechBubble-module--alignment-start.web-ui__SpeechBubble-module--position-left,.web-ui__SpeechBubble-module--alignment-start.web-ui__SpeechBubble-module--position-right {
    top: 12px
}

.web-ui__SpeechBubble-module--bubble {
    position: relative
}

.web-ui__SpeechBubble-module--caret {
    position: absolute
}

.web-ui__SpeechBubble-module--caret-border {
    fill: rgb(var(--color-swan))
}

.web-ui__SpeechBubble-module--caret-fill {
    fill: rgb(var(--color-snow))
}

.web-ui__SpeechBubble-module--container {
    align-items: end;
    display: inline-flex;
    flex-direction: column;
    gap: 8px
}

.web-ui__SpeechBubble-module--contents {
    font: var(--text-body-weight-spacious) var(--text-body-size-spacious)/var(--text-body-line-height-spacious) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-body-letter-spacing-spacious);
    text-transform: var(--text-body-casing-spacious);
    background: rgb(var(--color-snow));
    border: 2px solid rgb(var(--color-swan));
    border-radius: 12px;
    color: rgb(var(--color-eel));
    padding: 10px 14px
}

.web-ui__SpeechBubble-module--contents-hint-transliterations {
    line-height: 55.5px;
    padding-bottom: 0
}

.web-ui__SpeechBubble-module--contents-text {
    font: var(--text-body-weight) var(--text-body-size)/var(--text-body-line-height) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-body-letter-spacing);
    text-transform: var(--text-body-casing);
    padding-bottom: 14px
}

.web-ui__SpeechBubble-module--leading {
    align-items: center;
    display: inline-flex;
    height: var(--text-body-line-height-spacious);
    margin-inline-end:8px;vertical-align: top
}

.web-ui__SpeechBubble-module--leading-hint-transliterations {
    height: 55.5px
}

.web-ui__SpeechBubble-module--leading-text {
    height: var(--text-body-line-height)
}

.web-ui__SpeechBubble-module--position-bottom {
    bottom: -12px
}

.web-ui__SpeechBubble-module--position-left {
    left: -16px
}

.web-ui__SpeechBubble-module--small .web-ui__SpeechBubble-module--position-left {
    left: -10px
}

html[dir=rtl] .web-ui__SpeechBubble-module--position-left {
    scale: -1 1
}

.web-ui__SpeechBubble-module--position-right {
    right: -16px;
    scale: -1 1
}

.web-ui__SpeechBubble-module--small .web-ui__SpeechBubble-module--position-right {
    right: -10px
}

html[dir=rtl] .web-ui__SpeechBubble-module--position-right {
    scale: none
}

.web-ui__LoadingScreen-module--container {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 16px
}

.web-ui__LoadingScreen-module--lottie {
    height: 177px;
    margin-bottom: 24px;
    width: 150px
}

.web-ui__LoadingScreen-module--text {
    font: 500 17px/25px din-round,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: rgb(var(--color-eel));
    margin-top: 12px;
    max-width: 320px;
    text-align: center
}

.web-ui__LoadingScreen-module--text,.web-ui__LoadingScreen-module--title {
    -moz-osx-font-smoothing: grayscale
}

.web-ui__LoadingScreen-module--title {
    font: 700 17px/25px din-round,sans-serif;
    -webkit-font-smoothing: antialiased;
    color: rgb(var(--color-hare));
    letter-spacing: .04em;
    text-transform: uppercase
}

.web-ui__LoadingScreen-module--wrap {
    align-items: center;
    background: rgb(var(--color-snow));
    display: flex;
    justify-content: center
}

.web-ui__LoadingScreen-module--wrap-positioned {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.web-ui__GenericProgressBar-module--_text {
    font: var(--text-label-weight-medium) var(--text-label-size-medium)/var(--text-label-line-height-medium) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-label-letter-spacing-medium);
    text-transform: var(--text-label-casing-medium);
    left: 50%;
    letter-spacing: .04em;
    position: absolute;
    text-transform: uppercase;
    transform: translateX(-50%);
    white-space: nowrap
}

.web-ui__GenericProgressBar-module--bar {
    background: var(--web-ui_progress-bar-background,rgb(var(--color-swan)));
    border-radius: calc(var(--__internal__progress-bar-height)/2);
    position: relative
}

.web-ui__GenericProgressBar-module--bar.web-ui__GenericProgressBar-module--has-leftmost-checkpoint {
    margin-left: calc(var(--__internal__progress-bar-height)/2 + 4px)
}

.web-ui__GenericProgressBar-module--bar.web-ui__GenericProgressBar-module--has-rightmost-checkpoint {
    margin-right: calc(var(--__internal__progress-bar-height)/2 + 4px)
}

.web-ui__GenericProgressBar-module--bar-squared {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.web-ui__GenericProgressBar-module--container {
    position: relative
}

.web-ui__GenericProgressBar-module--filled-wrapper {
    bottom: 0;
    position: absolute;
    max-width: 100%;
    width: var(--__internal__progress-bar-value);
    transition-property: width
}

.web-ui__GenericProgressBar-module--filled-wrapper,.web-ui__GenericProgressBar-module--juice {
    border-radius: inherit;
    color: var(--web-ui_progress-bar-color,rgb(var(--color-owl)));
    height: var(--__internal__progress-bar-height);
    min-width: calc(var(--__internal__progress-bar-height)*1.5);
    transition-duration: .4s
}

.web-ui__GenericProgressBar-module--juice {
    background: currentcolor;
    clip-path: inset(0 calc(100% - var(--__internal__progress-bar-value)) 0 0 round calc(var(--__internal__progress-bar-height)/2));
    position: relative;
    transition-property: background,color,opacity,clip-path;
    width: 100%
}

html[dir=rtl] .web-ui__GenericProgressBar-module--juice {
    clip-path: inset(0 0 0 calc(100% - var(--__internal__progress-bar-value)) round calc(var(--__internal__progress-bar-height)/2))
}

.web-ui__GenericProgressBar-module--juice-inner {
    clip-path: inset(0 calc(100% - var(--__internal__progress-bar-inner-value)) 0 0 round calc(var(--__internal__progress-bar-height)/2));
    color: var(--web-ui_progress-bar-color-secondary,rgb(var(--color-bee)))
}

html[dir=rtl] .web-ui__GenericProgressBar-module--juice-inner {
    clip-path: inset(0 0 0 calc(100% - var(--__internal__progress-bar-inner-value)) round calc(var(--__internal__progress-bar-height)/2))
}

.web-ui__GenericProgressBar-module--juice-inner-square {
    clip-path: inset(0 calc(100% - var(--__internal__progress-bar-inner-value)) 0 0)
}

html[dir=rtl] .web-ui__GenericProgressBar-module--juice-inner-square {
    clip-path: inset(0 0 0 calc(100% - var(--__internal__progress-bar-inner-value)))
}

.web-ui__GenericProgressBar-module--juice-square {
    clip-path: inset(0 calc(100% - var(--__internal__progress-bar-value)) 0 0)
}

html[dir=rtl] .web-ui__GenericProgressBar-module--juice-square {
    clip-path: inset(0 0 0 calc(100% - var(--__internal__progress-bar-value)))
}

.web-ui__GenericProgressBar-module--shine {
    background: rgb(var(--color-snow-always-light));
    border-radius: 9999px;
    height: var(--web-ui_progress-bar-shine-height,30%);
    left: calc(var(--__internal__progress-bar-height)/4);
    opacity: .2;
    position: absolute;
    top: 25%;
    width: calc(var(--__internal__progress-bar-value) - var(--__internal__progress-bar-height)/2);
    transition-duration: .4s;
    transition-property: width
}

.web-ui__GenericProgressBar-module--shine-square-filled {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
    width: calc(var(--__internal__progress-bar-value) - var(--__internal__progress-bar-height)/4)
}

.web-ui__GenericProgressBar-module--text {
    top: -18px
}

.web-ui__GenericProgressBar-module--text-inner {
    color: var(--web-ui_progress-bar-inner-text-color,rgb(var(--color-snow)));
    font-size: 14px;
    line-height: var(--__internal__progress-bar-height);
    top: 0
}

.web-ui__GenericProgressBar-module--text-inner-stroke {
    text-shadow: -1px -1px 0 var(--web-ui_progress-bar-inner-text-stroke-color,rgb(var(--color-owl))),0 -1px 0 var(--web-ui_progress-bar-inner-text-stroke-color,rgb(var(--color-owl))),1px -1px 0 var(--web-ui_progress-bar-inner-text-stroke-color,rgb(var(--color-owl))),1px 0 0 var(--web-ui_progress-bar-inner-text-stroke-color,rgb(var(--color-owl))),1px 1px 0 var(--web-ui_progress-bar-inner-text-stroke-color,rgb(var(--color-owl))),0 1px 0 var(--web-ui_progress-bar-inner-text-stroke-color,rgb(var(--color-owl))),-1px 1px 0 var(--web-ui_progress-bar-inner-text-stroke-color,rgb(var(--color-owl))),-1px 0 0 var(--web-ui_progress-bar-inner-text-stroke-color,rgb(var(--color-owl)))
}

.web-ui__GenericProgressBar-module--text-inner-unfilled {
    color: rgb(var(--color-hare-always-light))
}

.web-ui__GenericProgressBar-module--text-with-checkpoints {
    top: -22px
}

.web-ui__GenericProgressBar-module--tip {
    left: 100%;
    position: absolute;
    top: 50%
}

.web-ui__ProgressBarSegmentHighlight-module--highlight {
    background: rgb(var(--color-snow-always-light));
    background-clip: border-box;
    border: 2px solid var(--web-ui_progress-bar-color,rgb(var(--color-owl),.65));
    border-radius: 6px;
    bottom: -3px;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: -6px;
    top: -3px
}

.web-ui__ProgressBarSegmentHighlight-module--highlight:before {
    background: var(--web-ui_progress-bar-color,rgb(var(--color-owl)));
    bottom: 0;
    content: "";
    left: 0;
    opacity: .3;
    position: absolute;
    right: 0;
    top: 0
}

.web-ui__ProgressBarSegmentHighlight-module--highlight-container {
    height: 100%;
    position: absolute
}

.web-ui__ProgressBarSegmentHighlight-module--popover {
    --web-ui_popover-background-color: var(--web-ui_progress-bar-color,rgb(var(--color-owl)));
    --web-ui_popover-border-color: var(--web-ui_progress-bar-color,rgb(var(--color-owl)));
    --web-ui_popover-border-radius: 5px;
    bottom: calc(100% + 11px);
    left: calc(50% + 3px);
    position: absolute!important;
    transform: translateX(-50%)
}

.web-ui__ProgressBarSegmentHighlight-module--popover-inner {
    font: var(--text-label-weight-medium) var(--text-label-size-medium)/var(--text-label-line-height-medium) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-label-letter-spacing-medium);
    text-transform: var(--text-label-casing-medium);
    color: rgb(var(--color-snow-always-light));
    padding: 12px 16px
}

.web-ui__ProgressBarSegmentHighlight-module--rounded-left {
    border-bottom-left-radius: calc(var(--__internal__progress-bar-height)/2 + 3px);
    border-top-left-radius: calc(var(--__internal__progress-bar-height)/2 + 3px)
}

.web-ui__ProgressBarSegmentHighlight-module--rounded-right {
    border-bottom-right-radius: calc(var(--__internal__progress-bar-height)/2 + 3px);
    border-top-right-radius: calc(var(--__internal__progress-bar-height)/2 + 3px)
}

.web-ui__ProgressBarCheckpoint-module--_background {
    border-radius: calc(var(--__internal__progress-bar-height) + 8px);
    height: 100%;
    width: 100%
}

.web-ui__ProgressBarCheckpoint-module--background-container {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.web-ui__ProgressBarCheckpoint-module--background-empty {
    background-color: rgb(var(--color-hare))
}

.web-ui__ProgressBarCheckpoint-module--background-filled,.web-ui__ProgressBarCheckpoint-module--background-pulse {
    background-color: var(--__internal__background-color)
}

.web-ui__ProgressBarCheckpoint-module--background-pulse:after {
    animation: web-ui__ProgressBarCheckpoint-module--checkpoint-pulse 1s 1s infinite;
    background-color: var(--__internal__background-color);
    border-radius: calc(var(--__internal__progress-bar-height) + 8px);
    content: "";
    height: 100%;
    width: 100%;
    display: block
}

@keyframes web-ui__ProgressBarCheckpoint-module--checkpoint-pulse {
    0% {
        opacity: 1;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.web-ui__ProgressBarCheckpoint-module--checkpoint {
    height: calc(var(--__internal__progress-bar-height) + 8px);
    min-width: calc(var(--__internal__progress-bar-height) + 8px);
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.web-ui__ProgressBarCheckpoint-module--checkpoint,.web-ui__ProgressBarCheckpoint-module--label {
    align-items: center;
    display: flex;
    justify-content: center
}

.web-ui__ProgressBarCheckpoint-module--label {
    font: var(--text-label-weight-medium) var(--text-label-size-medium)/var(--text-label-line-height-medium) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-label-letter-spacing-medium);
    text-transform: var(--text-label-casing-medium);
    color: var(--__internal__color);
    z-index: 1
}

.web-ui__AvatarPlaceholderBase-module--add {
    color: rgb(var(--color-hare));
    margin: -1px
}

.web-ui__AvatarPlaceholder-module--button {
    --web-ui_button-filter-hover: none
}

.web-ui__AvatarPlaceholder-module--button-unclickable {
    cursor: default!important
}

.web-ui__AvatarBase-module--avatar {
    border-radius: 50%;
    margin: calc(var(--__internal__border-width)*-1/2);
    z-index: -1
}

.web-ui__AvatarBase-module--container {
    border: calc(var(--__internal__border-width)/2) solid transparent;
    border-radius: 50%;
    display: flex
}

.web-ui__AvatarBase-module--container-outline {
    border-color: rgb(var(--color-snow));
    box-sizing: border-box;
    outline: calc(var(--__internal__border-width)/2) solid rgb(var(--color-snow))
}

.web-ui__AvatarBase-module--dot {
    bottom: -3px;
    position: absolute;
    right: 0
}

.web-ui__AvatarBase-module--dot-display {
    bottom: 1px;
    right: 3px
}

.web-ui__AvatarBase-module--letter {
    align-items: center;
    color: rgb(var(--color-snow));
    display: flex;
    justify-content: center
}

.web-ui__AvatarBase-module--letter-display {
    font: var(--text-heading-weight-large) var(--text-heading-size-large)/var(--text-heading-line-height-large) din-round,sans-serif;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-heading-letter-spacing-large);
    text-transform: var(--text-heading-casing-large)
}

.web-ui__AvatarBase-module--letter-display,.web-ui__AvatarBase-module--letter-large {
    -moz-osx-font-smoothing: grayscale
}

.web-ui__AvatarBase-module--letter-large {
    font: var(--text-heading-weight-medium) var(--text-heading-size-medium)/var(--text-heading-line-height-medium) din-round,sans-serif;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-heading-letter-spacing-medium);
    text-transform: var(--text-heading-casing-medium)
}

.web-ui__AvatarBase-module--letter-medium {
    font: var(--text-heading-weight-small) var(--text-heading-size-small)/var(--text-heading-line-height-small) din-round,sans-serif;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-heading-letter-spacing-small);
    text-transform: var(--text-heading-casing-small)
}

.web-ui__AvatarBase-module--letter-medium,.web-ui__AvatarBase-module--letter-small {
    -moz-osx-font-smoothing: grayscale
}

.web-ui__AvatarBase-module--letter-small {
    font: var(--text-heading-weight-xsmall) var(--text-heading-size-xsmall)/var(--text-heading-line-height-xsmall) din-round,sans-serif;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-heading-letter-spacing-xsmall);
    text-transform: var(--text-heading-casing-xsmall)
}

.web-ui__AvatarBase-module--reaction {
    bottom: 18px;
    left: 24px;
    position: absolute!important
}

.web-ui__AvatarBase-module--reaction-display {
    bottom: 39px;
    left: 50px
}

.web-ui__AvatarBase-module--wrap {
    display: inline-flex;
    position: relative
}

.web-ui__StatusIndicator-module--_dot {
    border: 2px solid rgb(var(--color-snow));
    border-radius: 50%
}

.web-ui__StatusIndicator-module--dot-large {
    border-width: 3px;
    height: 12px;
    width: 12px
}

.web-ui__StatusIndicator-module--dot-medium {
    height: 8px;
    width: 8px
}

.web-ui__StatusIndicator-module--dot-small {
    height: 6px;
    width: 6px
}

.web-ui__AvatarReaction-module--button {
    --web-ui_button-filter-hover: none
}

.web-ui__AvatarReaction-module--button-unclickable {
    cursor: default!important
}

.web-ui__AvatarReaction-module--content,.web-ui__AvatarReaction-module--flag {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%)
}

.web-ui__AvatarReaction-module--lottie {
}

.web-ui__Avatar-module--button {
    --web-ui_button-filter-hover: none
}

.web-ui__Avatar-module--button-unclickable {
    cursor: default!important
}

.web-ui__Card-module--card {
    --__internal__border-color: var(--web-ui_card-border-color,rgb(var(--color-swan)));
    border-radius: var(--web-ui_card-border-radius,12px);
    border: solid transparent;
    border-width: 2px 2px 4px;
    cursor: pointer;
    display: inline-flex;
    outline: 0;
    position: relative;
    touch-action: manipulation;
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.web-ui__Card-module--card:before {
    background-color: var(--web-ui_card-background-color,rgb(var(--color-snow)));
    border: 2px solid var(--__internal__border-color);
    border-radius: var(--web-ui_card-border-radius,12px);
    bottom: -2px;
    box-shadow: 0 2px 0 var(--__internal__border-color);
    content: "";
    left: -2px;
    position: absolute;
    right: -2px;
    top: -2px;
    z-index: -1
}

.web-ui__Card-module--card.web-ui__Card-module--disabled:not(.web-ui__Card-module--checked):not(.web-ui__Card-module--unstyled-disabled),.web-ui__Card-module--card:active:not(.web-ui__Card-module--disabled) {
    transform: translateY(2px) translateZ(0)
}

.web-ui__Card-module--card.web-ui__Card-module--disabled:not(.web-ui__Card-module--checked):not(.web-ui__Card-module--unstyled-disabled):before,.web-ui__Card-module--card:active:not(.web-ui__Card-module--disabled):before {
    box-shadow: none
}

.web-ui__Card-module--card.web-ui__Card-module--checked,.web-ui__Card-module--card:active:not(.web-ui__Card-module--disabled) {
    --__internal__border-color: var(--web-ui_card-border-color-checked,rgb(var(--color-blue-jay)));
    color: var(--web-ui_card-color-checked,rgb(var(--color-whale)))
}

.web-ui__Card-module--card.web-ui__Card-module--checked:before,.web-ui__Card-module--card:active:not(.web-ui__Card-module--disabled):before {
    background-color: var(--web-ui_card-background-color-checked,rgb(var(--color-iguana)))
}

.web-ui__Card-module--card.web-ui__Card-module--disabled {
    cursor: default
}

.web-ui__Card-module--card.web-ui__Card-module--disabled:not(.web-ui__Card-module--checked):not(.web-ui__Card-module--unstyled-disabled) {
    color: var(--web-ui_card-color-disabled,rgb(var(--color-swan)))
}

@media(hover: hover) {
    .web-ui__Card-module--card:hover:not(:active):not(.web-ui__Card-module--checked):not(.web-ui__Card-module--disabled):before {
        background-color:var(--web-ui_card-color-hover,rgb(var(--color-polar)))
    }
}

.web-ui__Radio-module--dot {
    background: rgb(var(--color-macaw));
    border-radius: 8px;
    height: 16px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 16px
}

.web-ui__Radio-module--disabled .web-ui__Radio-module--dot {
    background: rgb(var(--color-swan))
}

.web-ui__Radio-module--radio {
    background: rgb(var(--color-snow));
    border: 2px solid rgb(var(--color-swan));
    border-radius: 16px;
    box-sizing: border-box;
    display: inline-flex;
    height: 32px;
    outline: 0;
    position: relative;
    width: 32px
}

.web-ui__Radio-module--radio.web-ui__Radio-module--checked {
    border-color: rgb(var(--color-macaw))
}

.web-ui__Radio-module--radio.web-ui__Radio-module--disabled {
    background: rgb(var(--color-polar));
    border-color: rgb(var(--color-swan))
}

.rc-slider {
    position: relative;
    height: 14px;
    padding: 5px 0;
    width: 100%;
    border-radius: 6px;
    touch-action: none
}

.rc-slider,.rc-slider * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.rc-slider-rail {
    width: 100%;
    background-color: #e9e9e9
}

.rc-slider-rail,.rc-slider-track {
    position: absolute;
    height: 4px;
    border-radius: 6px
}

.rc-slider-track {
    left: 0;
    background-color: #abe2fb
}

.rc-slider-handle {
    position: absolute;
    width: 14px;
    height: 14px;
    cursor: pointer;
    cursor: -webkit-grab;
    margin-top: -5px;
    cursor: grab;
    border-radius: 50%;
    border: 2px solid #96dbfa;
    background-color: #fff;
    touch-action: pan-x
}

.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging {
    border-color: #57c5f7;
    box-shadow: 0 0 0 5px #96dbfa
}

.rc-slider-handle:focus {
    outline: none
}

.rc-slider-handle-click-focused:focus {
    border-color: #96dbfa;
    box-shadow: unset
}

.rc-slider-handle:hover {
    border-color: #57c5f7
}

.rc-slider-handle:active {
    border-color: #57c5f7;
    box-shadow: 0 0 5px #57c5f7;
    cursor: grabbing
}

.rc-slider-mark {
    position: absolute;
    top: 18px;
    left: 0;
    width: 100%;
    font-size: 12px
}

.rc-slider-mark-text {
    position: absolute;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    color: #999
}

.rc-slider-mark-text-active {
    color: #666
}

.rc-slider-step {
    position: absolute;
    width: 100%;
    height: 4px;
    background: transparent
}

.rc-slider-dot {
    position: absolute;
    bottom: -2px;
    margin-left: -4px;
    width: 8px;
    height: 8px;
    border: 2px solid #e9e9e9;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    vertical-align: middle
}

.rc-slider-dot-active {
    border-color: #96dbfa
}

.rc-slider-dot-reverse {
    margin-right: -4px
}

.rc-slider-disabled {
    background-color: #e9e9e9
}

.rc-slider-disabled .rc-slider-track {
    background-color: #ccc
}

.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle {
    border-color: #ccc;
    box-shadow: none;
    background-color: #fff;
    cursor: not-allowed
}

.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text {
    cursor: not-allowed!important
}

.rc-slider-vertical {
    width: 14px;
    height: 100%;
    padding: 0 5px
}

.rc-slider-vertical .rc-slider-rail {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-track {
    left: 5px;
    bottom: 0;
    width: 4px
}

.rc-slider-vertical .rc-slider-handle {
    margin-left: -5px;
    touch-action: pan-y
}

.rc-slider-vertical .rc-slider-mark {
    top: 0;
    left: 18px;
    height: 100%
}

.rc-slider-vertical .rc-slider-step {
    height: 100%;
    width: 4px
}

.rc-slider-vertical .rc-slider-dot {
    left: 2px;
    margin-bottom: -4px
}

.rc-slider-vertical .rc-slider-dot:first-child,.rc-slider-vertical .rc-slider-dot:last-child {
    margin-bottom: -4px
}

.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave {
    animation-duration: .3s;
    animation-fill-mode: both;
    display: block!important;
    animation-play-state: paused
}

.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active {
    animation-name: rcSliderTooltipZoomDownIn;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active {
    animation-name: rcSliderTooltipZoomDownOut;
    animation-play-state: running
}

.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter {
    transform: scale(0);
    animation-timing-function: cubic-bezier(.23,1,.32,1)
}

.rc-slider-tooltip-zoom-down-leave {
    animation-timing-function: cubic-bezier(.755,.05,.855,.06)
}

@keyframes rcSliderTooltipZoomDownIn {
    0% {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0)
    }

    to {
        transform-origin: 50% 100%;
        transform: scale(1)
    }
}

@keyframes rcSliderTooltipZoomDownOut {
    0% {
        transform-origin: 50% 100%;
        transform: scale(1)
    }

    to {
        opacity: 0;
        transform-origin: 50% 100%;
        transform: scale(0)
    }
}

.rc-slider-tooltip {
    position: absolute;
    left: -9999px;
    top: -9999px;
    visibility: visible
}

.rc-slider-tooltip,.rc-slider-tooltip * {
    box-sizing: border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.rc-slider-tooltip-hidden {
    display: none
}

.rc-slider-tooltip-placement-top {
    padding: 4px 0 8px
}

.rc-slider-tooltip-inner {
    padding: 6px 2px;
    min-width: 24px;
    height: 24px;
    font-size: 12px;
    line-height: 1;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #6c6c6c;
    border-radius: 6px;
    box-shadow: 0 0 4px #d9d9d9
}

.rc-slider-tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
    bottom: 4px;
    left: 50%;
    margin-left: -4px;
    border-width: 4px 4px 0;
    border-top-color: #6c6c6c
}

.web-ui__Badge-module--_badge {
    font: var(--text-label-weight-medium) var(--text-label-size-medium)/var(--text-label-line-height-medium) din-round,sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: var(--text-label-letter-spacing-medium);
    text-transform: var(--text-label-casing-medium);
    border-radius: 8px;
    display: inline-flex
}

.web-ui__Badge-module--badge-large {
    padding: 8px
}

.web-ui__Badge-module--badge-large.web-ui__Badge-module--outline {
    border: 1px solid var(--__internal__outline-color,rgb(var(--color-snow)));
    outline: 1px solid var(--__internal__outline-color,rgb(var(--color-snow)));
    padding: 7px
}

.web-ui__Badge-module--badge-small {
    font-size: .875rem;
    line-height: .875rem;
    padding: 7px 8px
}

.web-ui__Badge-module--badge-small.web-ui__Badge-module--outline {
    border: 1px solid var(--__internal__outline-color,rgb(var(--color-snow)));
    outline: 1px solid var(--__internal__outline-color,rgb(var(--color-snow)));
    padding: 6px 7px
}

.web-ui__SearchSuggestions-module--input {
    visibility: hidden
}

.web-ui__SearchSuggestions-module--list {
    --web-ui_list-border-radius: 12px;
    max-height: var(--web-ui_search-suggestions-max-height);
    position: absolute;
    width: 100%
}

.web-ui__SearchSuggestions-module--wrap {
    display: inline-flex;
    flex-direction: column;
    position: relative
}
.ItJnw {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #ffeba5
}

@media (min-width: 1024px) {
    .ItJnw {
        flex-direction:row
    }
}

._3KFd9 {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

._1Hqxi {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding-bottom: 24px
}

@media (min-width: 1024px) {
    ._1Hqxi {
        padding-bottom:0
    }
}

.FgbpF {
    padding: 6px;
    position: relative;
    margin: 0;
    z-index: 900;
    color: #cd7900
}

.eUgA4 {
    font-weight: 700
}

._3dg1L {
    text-decoration: underline!important
}

._3eOfS {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center
}

._3Rz-f {
    color: #cd7900
}

._2NBfH {
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    display: inline-flex;
    width: -moz-fit-content;
    width: fit-content
}

._2qXCg {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2qXCg::-webkit-scrollbar {
    display: none
}

._2pMUp {
    margin-left: 8px;
    margin-right: 8px;
    max-width: 100%;
    padding: 32px 24px 28px
}

._2pMUp._1HIAk {
    padding-bottom: 12px
}

._3BxXq {
    max-width: unset!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    padding-bottom: var(--safe-area-inset-bottom,0)
}

._3BxXq,._1WrDl {
    width: 100%!important;
    position: absolute;
    bottom: 0
}

._1WrDl {
    align-content: center;
    border-radius: 0!important;
    margin: 0;
    max-width: unset;
    padding: 60px 32px 100px;
    top: 0
}

._1WrDl._1HIAk {
    padding-bottom: 130px
}

._2bqyW {
    position: absolute;
    top: 12px
}

._1jS2q {
    align-items: center;
    display: flex;
    flex-direction: column
}

._1VN2V {
    padding-bottom: 16px;
    text-align: center
}

._3Q1ZE {
    padding-bottom: 24px;
    text-align: center
}

._1ad4h {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

._1dIMM {
    position: absolute;
    bottom: 8px;
    left: 16px;
    right: 16px;
    width: auto
}

._3U_Dw {
    transition: all .3s ease-in-out
}

._1W8og {
    animation: _1H_oC .5s
}

@keyframes _1H_oC {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.pjNzo {
    animation: _2M0q0 .5s
}

@keyframes _2M0q0 {
    0% {
        opacity: 0
    }

    to {
        opacity: .5
    }
}

._2Zsvy {
    animation: _1GYm3 .2s ease-in-out forwards
}

@keyframes _1GYm3 {
    0% {
        transform: scale(0)
    }

    80% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

._1t-st {
    animation: _2e7T9 2s infinite
}

@keyframes _2e7T9 {
    0%,to {
        transform: rotate(0deg)
    }

    10% {
        transform: rotate(5deg)
    }

    30% {
        transform: rotate(-5deg)
    }

    40% {
        transform: rotate(0deg)
    }
}

.pYJEW {
    animation: _1sH60 .3s ease forwards
}

@keyframes _1sH60 {
    0% {
        transform: scale(1)
    }

    to {
        transform: scale(1.07)
    }
}

.Yalnt {
    animation: _1cDKD .2s forwards
}

._2RD-g {
    animation: _2hyny .2s forwards
}

@keyframes _1cDKD {
    0% {
        transform: translateX(0);
        opacity: 1
    }

    to {
        transform: translateX(-5%);
        opacity: 0
    }
}

@keyframes _2hyny {
    0% {
        transform: translateX(5%);
        opacity: 0
    }

    to {
        transform: translateX(0);
        opacity: 1
    }
}

._2z7OU {
    animation: _1Gq5f .2s forwards
}

@keyframes _1Gq5f {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

._1w5U1 {
    animation: _3ce_N .2s ease-in-out
}

@keyframes _3ce_N {
    0% {
        transform: translateY(100%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.QsChI {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.QsChI::-webkit-scrollbar {
    display: none
}

._1lefq {
    background: #fff;
    border-radius: 16px;
    max-height: 100vh;
    max-height: 100dvh;
    overflow: auto;
    width: 380px
}

@media (min-width: 992px) {
    ._1lefq {
        overflow-x:unset
    }
}

._1lefq.urTc0 {
    border-radius: 0;
    height: 100vh;
    height: 100dvh;
    max-width: 600px;
    width: 100%
}

._3YWKC {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 1200
}

._1rUkA {
    background: rgba(32,47,54,.4)
}

.P23CK {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.P23CK::-webkit-scrollbar {
    display: none
}

._2n4ED {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    position: absolute;
    left: 24px;
    top: 24px
}

._3UUvR {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 24px;
    position: relative;
    height: 72px
}

._2ak_Y {
    width: 100%
}

._1yYJU {
    border-bottom: 2px solid #e5e5e5
}

._1PXW1 {
    border-top: 2px solid #e5e5e5
}

h1,h2,h3,h4,h5,label,p {
    margin: 0;
    padding: 0
}

h1 {
    margin-top: -2px
}

h2 {
    margin-top: -4px
}

.eMSb- {
    font-size: var(--text-pageTitle-size-large);
    font-weight: var(--text-pageTitle-weight-large);
    line-height: var(--text-pageTitle-line-height-large);
    color: #4b4b4b
}

.liYxU {
    font-size: var(--text-pageTitle-size-small);
    font-weight: var(--text-pageTitle-weight-small);
    line-height: var(--text-pageTitle-line-height-small);
    color: #4b4b4b
}

.cbXxZ {
    font-size: var(--text-heading-size-large);
    font-weight: var(--text-heading-weight-large);
    line-height: var(--text-heading-line-height-large);
    color: #4b4b4b
}

.U9vjW {
    font-size: var(--text-heading-size-medium);
    font-weight: var(--text-heading-weight-medium);
    line-height: var(--text-heading-line-height-medium);
    color: #4b4b4b
}

._2PQ62 {
    font-size: var(--text-heading-size-small);
    font-weight: var(--text-heading-weight-small);
    line-height: var(--text-heading-line-height-small);
    color: #4b4b4b
}

.CeEDn {
    font-size: var(--text-heading-size-xsmall);
    font-weight: var(--text-heading-weight-xsmall);
    line-height: var(--text-heading-line-height-xsmall);
    color: #4b4b4b
}

._1NQK- {
    font-size: var(--text-heading-size-xxsmall);
    font-weight: var(--text-heading-weight-xxsmall);
    line-height: var(--text-heading-line-height-xxsmall);
    color: #afafaf
}

._3KS0P {
    font-weight: var(--text-body-weight);
    line-height: var(--text-body-line-height)
}

._3KS0P,._20Yo1 {
    font-size: var(--text-body-size);
    color: #4b4b4b
}

._20Yo1 {
    font-weight: var(--text-body-weight-spacious);
    line-height: var(--text-body-line-height-spacious)
}

.MXncZ {
    font-size: var(--text-caption-size);
    font-weight: var(--text-caption-weight);
    line-height: var(--text-caption-line-height);
    color: #777
}

._3Un_V {
    font-size: var(--text-label-size-large);
    font-weight: var(--text-label-weight-large);
    line-height: var(--text-label-line-height-large);
    text-transform: var(--text-label-casing-large);
    letter-spacing: var(--text-label-letter-spacing-large);
    color: #1cb0f6
}

._1rU7V {
    font-size: var(--text-label-size-medium);
    font-weight: var(--text-label-weight-medium);
    line-height: var(--text-label-line-height-medium);
    text-transform: var(--text-label-casing-medium);
    letter-spacing: var(--text-label-letter-spacing-medium);
    color: #1cb0f6
}

._3IgOj {
    font-size: var(--text-label-size-small);
    font-weight: var(--text-label-weight-small);
    line-height: var(--text-label-line-height-small);
    text-transform: var(--text-label-casing-small);
    letter-spacing: var(--text-label-letter-spacing-small);
    color: #1cb0f6
}

._2-rJ0 {
    text-wrap: balance;
    text-wrap: pretty
}

._308v9 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._308v9::-webkit-scrollbar {
    display: none
}

._28UHh {
    cursor: pointer
}

._2lOwd {
    height: 32px;
    width: 214px
}

._2DN2D {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2DN2D::-webkit-scrollbar {
    display: none
}

._1rHgi {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1rHgi::-webkit-scrollbar {
    display: none
}

._2Ks12 {
    text-align: center;
    margin-top: 48px
}

@media (min-width: 768px) {
    ._2Ks12 {
        margin-top:96px
    }
}

._24OT7 {
    height: 48px;
    width: 100%;
    margin-top: 32px;
    text-align: center
}

@media (min-width: 480px) {
    ._24OT7 {
        width:343px
    }
}

@media (min-width: 768px) {
    ._24OT7 {
        margin-top:48px
    }
}

._EOnB {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._EOnB::-webkit-scrollbar {
    display: none
}

._36OXH {
    background-color: transparent;
    border-radius: 10px;
    border: none;
    border-bottom: 2px solid #e5e5e5;
    margin: 2px -16px 0;
    width: auto
}

@media (min-width: 768px) {
    ._36OXH {
        margin:2px 0 0;
        width: 100%
    }
}

._2rjT1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2rjT1::-webkit-scrollbar {
    display: none
}

._2ieYE {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px
}

@media (min-width: 768px) {
    ._2ieYE {
        gap:12px
    }
}

._3bcpd {
    justify-content: space-between
}

._3bcpd,._2Lqaj {
}

._1QeE0 {
    height: 16px;
    width: 16px
}

._36AZm {
    color: #fff;
    font-size: 14px;
    text-decoration: none
}

@media (min-width: 768px) {
    ._36AZm {
        font-size:16px
    }
}

._3oUfi:not(:disabled) {
    cursor: pointer
}

._3oUfi:not(:disabled):hover {
    filter: brightness(1.05)
}

._3oUfi:not(:disabled):active,._3oUfi:not(:disabled):focus-within {
    filter: brightness(.9)
}

._268JG {
    border: 1px solid;
    display: inline-grid;
    font-weight: 700;
    letter-spacing: .5px
}

._268JG,._268JG ._3L1UU {
    align-items: center;
    justify-items: center
}

._268JG ._3L1UU {
    display: grid;
    display: inline-grid;
    grid-auto-flow: column;
    grid-row: 1;
    grid-column: 1
}

._2G8O7 {
    font-size: 13px;
    height: 36px
}

._2G8O7 ._3L1UU {
    gap: 8px
}

._2G8O7._1kxAN {
    padding: 0 16px
}

._2G8O7._1kxAN._2ZomC {
    padding: 0 14px
}

._2G8O7._13rRo {
    border-radius: 4px
}

._2G8O7.kJBQe {
    border-radius: 6px
}

.DR1Mp {
    font-size: 15px;
    height: 40px
}

.DR1Mp ._3L1UU {
    gap: 10px
}

.DR1Mp._1kxAN {
    padding: 0 24px
}

.DR1Mp._1kxAN._2ZomC {
    padding: 0 14px
}

.DR1Mp._13rRo {
    border-radius: 6px
}

.DR1Mp.kJBQe {
    border-radius: 12px
}

._1OLvn {
    font-size: 16px;
    height: 48px
}

._1OLvn ._3L1UU {
    gap: 12px
}

._1OLvn._1kxAN {
    padding: 0 28px
}

._1OLvn._1kxAN._2ZomC {
    padding: 0 16px
}

._1OLvn._13rRo {
    border-radius: 6px
}

._1OLvn.kJBQe {
    border-radius: 12px
}

._3LUos {
    font-size: 16px;
    height: 48px
}

@media (min-width: 768px) {
    ._3LUos {
        font-size:18px;
        height: 56px
    }
}

._3LUos ._3L1UU {
    gap: 12px
}

._3LUos._1kxAN {
    padding: 0 32px
}

._3LUos._1kxAN._2ZomC {
    padding: 0 18px
}

._3LUos._13rRo {
    border-radius: 6px
}

._3LUos.kJBQe {
    border-radius: 12px
}

@media (min-width: 768px) {
    ._358WK {
        min-width:150px
    }
}

._2tNhf:disabled {
    background-color: #f1f4f6;
    border-color: #f1f4f6;
    color: #8c96a1
}

._2tNhf:disabled ._3gmqX {
    background-color: #8c96a1
}

._2jywy:disabled {
    background-color: #f9fafb;
    border-color: #e1e5ea;
    color: #8c96a1
}

._2jywy:disabled ._3gmqX {
    background-color: #8c96a1
}

._9Bxab {
    background-color: #3c5d87;
    border-color: #fff;
    color: #fff
}

._9Bxab ._3gmqX {
    background-color: #fff
}

._3Wlc_ {
    background-color: #f0faff;
    border-color: #2285d0;
    color: #3c5d87
}

._3Wlc_ ._3gmqX {
    background-color: #3c5d87
}

._1g8lu {
    background-color: #fff;
    border-color: #3c5d87;
    color: #3c5d87
}

._1g8lu ._3gmqX {
    background-color: #3c5d87
}

._3HrMh {
    background-color: #fef6f0;
    border-color: #fa811b;
    color: #bf4900
}

._3HrMh ._3gmqX,.P8wMm {
    background-color: #bf4900
}

.P8wMm {
    border-color: #bf4900;
    color: #fff
}

.P8wMm ._3gmqX {
    background-color: #fff
}

._1nkDA {
    background-color: #f7fff1;
    border-color: #007a4b;
    color: #007a4b
}

._1nkDA ._3gmqX {
    background-color: #007a4b
}

._3hMYx {
    background-color: #083156;
    border-color: #083156;
    color: #fbe56d
}

._3hMYx ._3gmqX,._3xai9 {
    background-color: #fbe56d
}

._3xai9 {
    border-color: #fbe56d;
    color: #001836
}

._3xai9 ._3gmqX {
    background-color: #001836
}

._35jov {
    background-color: rgba(255,217,171,.8);
    border-color: rgba(255,217,171,.8);
    color: #3c5d87
}

._35jov ._3gmqX {
    background-color: #3c5d87
}

._36g17 {
    background-color: rgba(255,217,171,.4);
    border-color: rgba(255,217,171,.4);
    color: #3c5d87
}

._36g17 ._3gmqX {
    background-color: #3c5d87
}

._11Jp_ {
    background-color: #fff;
    border-color: #cacfd3;
    color: #3c5d87
}

._11Jp_ ._3gmqX {
    background-color: #3c5d87
}

._1xE_S {
    font-weight: 700
}

._1xE_S:not(._1m7W9)._3Q1J4 {
    color: #2285d0
}

._1xE_S:not(._1m7W9)._1OjGV {
    color: #3c5d87
}

._1xE_S:not(._1m7W9)._2jlsF {
    color: #8c96a1;
    cursor: default
}

._1xE_S._1qUbZ {
    letter-spacing: .5px
}

.Is5s4 {
    opacity: .8
}

._1xE_S._3Q1J4 .AgEb6 {
    background-color: #2285d0
}

._1xE_S._1OjGV .AgEb6 {
    background-color: #3c5d87
}

._3wPXf {
    align-items: center;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: inline-grid;
    grid-auto-flow: column
}

._1jQvk {
    transform: rotate(180deg)
}

.cRe-J {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.cRe-J::-webkit-scrollbar {
    display: none
}

._8xBbT {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._33Kmv {
    align-items: center;
    display: flex;
    font-size: 13px;
    gap: 4px;
    text-decoration: none
}

._3YAPf {
    margin-top: 24px
}

@media (min-width: 624px) {
    ._3YAPf {
        align-items:flex-end;
        flex-direction: row;
        justify-content: flex-end;
        gap: 16px
    }
}

._3YAPf ._33Kmv {
    color: #fff
}

._3tqsl {
    align-items: flex-start;
    gap: 16px;
    justify-content: center;
    padding-bottom: 32px
}

@media (min-width: 480px) {
    ._3tqsl {
        align-items:center;
        flex-direction: row
    }
}

._3tqsl ._33Kmv {
    color: #afafaf
}

._3b5f_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3b5f_::-webkit-scrollbar {
    display: none
}

._2ua3h {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 40px
}

@media (min-width: 992px) {
    ._2ua3h {
        margin-top:48px
    }
}

.Cr9rG {
    margin-bottom: -40px;
    width: 260px
}

@media (min-width: 992px) {
    .Cr9rG {
        width:360px
    }
}

._1uxGd {
    background-image: url(../images/green_waves.svg);
    background-position: 50%;
    background-repeat: repeat-x;
    height: 23.75px;
    margin-bottom: -.75px;
    width: 100%
}

._2uA6- {
    align-items: center;
    background-color: #58cc02;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px 16px;
    width: 100%
}

@media (min-width: 480px) {
    ._2uA6- {
        padding:40px 24px 64px
    }
}

@media (min-width: 1280px) {
    ._2uA6- {
        padding:64px 40px 80px
    }
}

@media (min-width: 1440px) {
    ._2uA6- {
        padding:80px 186px 96px
    }
}

._4wWMC {
    max-width: 1068px;
    width: 90vw
}

@media (min-width: 667px) {
    ._4wWMC {
        width:80vw
    }
}

.DbNWq {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

@media (min-width: 667px) {
    .DbNWq {
        flex-direction:row
    }
}

._3ziXj {
    width: 100%
}

@media (min-width: 667px) {
    ._3ziXj {
        margin-right:40px;
        max-width: 240px
    }
}

@media (min-width: 1280px) {
    ._3ziXj {
        margin-right:64px;
        max-width: 360px
    }
}

.oRbx- {
    display: grid;
    -moz-column-gap: 24px;
    column-gap: 24px;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows: auto auto;
    row-gap: 26px
}

@media (min-width: 768px) {
    .oRbx- {
        -moz-column-gap:36px;
        column-gap: 36px
    }
}

@media (min-width: 1280px) {
    .oRbx- {
        -moz-column-gap:48px;
        column-gap: 48px;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: auto;
        row-gap: 36px
    }
}

.xc_Af {
    margin-bottom: 54px
}

._2ltHO {
    color: #fff;
    font-size: 16px;
    margin: 8px 32px 16px 0
}

@media (min-width: 768px) {
    ._2ltHO {
        font-size:20px
    }
}

._3yp8Y {
    display: flex;
    flex-direction: column
}

@media (min-width: 480px) {
    ._3yp8Y {
        min-width:140px
    }
}

@media (min-width: 1280px) {
    ._3yp8Y {
        min-width:-moz-max-content;
        min-width: max-content
    }
}

._38F5V {
    color: #fff;
    font-size: 15px;
    margin-bottom: 10px;
    text-decoration: none
}

._1Acy8 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

._1-Pn1 {
    margin: 54px 0 32px;
    opacity: .5;
    width: 100%
}

._3dSAx {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    row-gap: 24px;
    width: 100%
}

._1qg1R {
    display: flex;
    flex-direction: column;
    row-gap: 24px;
    width: 100%
}

@media (min-width: 667px) {
    ._1qg1R {
        flex-direction:row;
        justify-content: space-between
    }
}

._27hB- {
    align-items: center;
    display: flex;
    flex-direction: row;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0
}

._1oDUa {
    height: 20px;
    margin-right: 8px;
    width: 20px
}

._1MHhr {
    color: #fff;
    font-size: 16px;
    margin-right: 32px
}

@media (min-width: 768px) {
    ._1MHhr {
        font-size:20px
    }
}

._1vFME {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
    min-width: 150px
}

@media (min-width: 768px) {
    ._1vFME {
        min-width:192px
    }
}

@media (min-width: 1280px) {
    ._1vFME {
        min-width:310px
    }
}

._3aYOS {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3aYOS::-webkit-scrollbar {
    display: none
}

._3RgdF {
    width: 100%
}

@media (min-width: 480px) {
    ._3RgdF {
        max-width:480px
    }
}

._2a4Ra {
    color: #afafaf
}

._34H7T {
    border-top: 2px solid #e5e5e5;
    padding: 24px
}

._1U2nl {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2,1fr);
    justify-content: center
}

@media (min-width: 480px) {
    ._1U2nl {
        grid-template-columns:repeat(3,1fr)
    }
}

._3T79N {
    height: -moz-min-content;
    height: min-content
}

.sjwX5 {
    border-radius: 12px;
    font-size: 15px;
    padding: 8px 12px;
    text-align: left;
    width: 100%
}

.KpUWu {
    background: none;
    border: none
}

.KpUWu:hover {
    background-color: #e5e5e5
}

._364GC {
    background-color: #ddf4ff;
    border: 2px solid #84d8ff;
    color: #1899d6;
    font-weight: 700
}

._2p16b {
    cursor: pointer;
    font-weight: 500
}

.SX2u4 {
    color: #1899d6
}

._1ssM- {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1ssM-::-webkit-scrollbar {
    display: none
}

._1muD_ {
    background-color: #fff;
    margin: auto;
    display: flex;
    flex-direction: column;
    min-height: 100vh
}

.nKt-_ {
    overflow: clip
}

.v6tRX {
    max-width: 1280px;
    padding: 0 16px;
    width: 100%
}

@media (min-width: 480px) {
    .v6tRX {
        padding:0 24px
    }
}

@media (min-width: 768px) {
    .v6tRX {
        padding:0 48px
    }
}

@media (min-width: 992px) {
    .v6tRX {
        padding:0 72px
    }
}

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

._1L8UI {
    background-color: #fff;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    align-self: center;
    flex: 1
}

._1L8UI hr {
    width: 100%
}

._1gl7w {
    position: sticky;
    top: 0;
    z-index: 600
}

._1xx1q {
    display: flex;
    justify-content: center;
    padding: 16px 0
}

._2IiAO {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2IiAO::-webkit-scrollbar {
    display: none
}

._1MrfT {
    max-width: 270px
}

._1_zjh,._1MrfT {
    height: 32px;
    width: auto
}

._2O8vJ {
    align-items: center;
    display: flex;
    gap: 16px
}

._2EXAR {
    width: 24px;
    height: 24px
}

._3qeKA {
    display: flex;
    padding: 12px 16px;
    justify-content: space-between;
    align-items: center;
    max-width: 1136px;
    margin: 0 auto;
    width: 100%
}

@media (min-width: 1136px) {
    ._3qeKA {
        padding:16px 24px;
        height: auto
    }
}

._3X36s {
    border-bottom: 2px solid #e5e5e5
}

.TMIPe {
    height: 32px
}

._1BpAx {
    height: 24px;
    padding: 0;
    border: none;
    background: none
}

._1iSfs {
    width: 24px;
    height: 24px;
    background-color: #afafaf
}

._2Iyf4 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2Iyf4::-webkit-scrollbar {
    display: none
}

._2dmlp {
    --web-ui_button-padding: 13px 16px
}

.sZVw8 {
    width: 24px;
    height: 24px
}

._2ZU6P {
    width: 100%
}

._1Of3b {
    align-items: center;
    background-color: inherit;
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 12px 16px;
    position: sticky;
    top: 0;
    z-index: 1350;
    margin-bottom: 22px
}

._1iFf0 {
    flex-direction: row
}

._1iFf0,._3JF0q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

._3JF0q {
    gap: 8px
}

._2Kvob {
    width: 100%
}

._1h-rx {
    height: 32px;
    width: auto
}

.PUVAv,._2hxNl {
    display: flex;
    flex-direction: row;
    align-items: center
}

._2hxNl {
    gap: 16px
}

._29Jm1 {
    align-items: center;
    background-color: inherit;
    border: none;
    margin: 0;
    padding: 0
}

._29Jm1,._3kFLo {
    display: flex;
    justify-content: center
}

._3kFLo {
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    padding: 0 16px
}

._3eTiI {
    color: #afafaf;
    font-weight: 700;
    line-height: 16px;
    padding: 8px 16px
}

._25cl- {
    align-items: flex-start;
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    width: 100%
}

.COWk5 {
    padding: 12px 16px;
    width: 100%
}

.wGtDt {
    line-height: 28px
}

._28ddN {
    background: #fff;
    z-index: 1300;
    max-height: 100dvh;
    overflow-y: auto
}

._2AdRR {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1200
}

.clRbT {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.clRbT::-webkit-scrollbar {
    display: none
}

._2YxGL {
    align-items: center;
    display: flex;
    gap: 8px
}

._3kBVe {
    width: 100%
}

._2j2Bq {
    padding: 13px 16px
}

.ga-pp {
    flex: 1;
    width: 100%
}

._1MqM8 {
    --web-ui_button-padding: 13px 16px;
    padding: 13px 16px
}

._4SUAq {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._4SUAq::-webkit-scrollbar {
    display: none
}

.DGbsH {
    justify-content: center
}

.DGbsH,._1IiK6 {
    display: flex;
    align-items: center
}

._1IiK6 {
    max-width: 1136px;
    justify-content: space-between;
    flex: 1 0 0
}

._2S6_E {
    padding: 12px 16px;
    flex: 1 0 0;
    border-bottom: 2px solid #e5e5e5;
    background: #fff
}

._2TZOG {
    height: 38px
}

._1c6in {
    cursor: pointer;
    margin-right: 24px
}

._2Ik8i {
    display: flex;
    align-items: center;
    gap: 32px
}

.g3gWc {
    gap: 32px
}

._921H- {
    cursor: pointer;
    gap: 8px
}

.bR9Hw {
    font-weight: var(--text-caption-weight-bold)
}

._1H68_ {
    padding: 20px;
    width: 100%;
    border-radius: 0
}

._1NdRh {
    background-color: #f7f7f7
}

.GSMJc {
    border-radius: 12px 12px 0 0
}

.CHYUr {
    border-radius: 0 0 12px 12px
}

._1ULQw {
    color: #777;
    padding: 0;
    border: 0;
    font-size: 16px;
    height: 16px;
    line-height: 16px
}

._3MNGy {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3MNGy::-webkit-scrollbar {
    display: none
}

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

._2yuIA {
    top: 40px;
    position: absolute;
    transform: translateX(-50%)
}

._1gM03 {
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    cursor: pointer;
    flex-direction: column;
    min-width: 212px;
    z-index: 1300
}

._1uZI4 {
    position: relative;
    top: 6.7px;
    z-index: 1301
}

._1Z5bd {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1Z5bd::-webkit-scrollbar {
    display: none
}

._3ue5x {
    width: 350px
}

._3jjnl {
    width: 100%;
    text-align: center;
    color: #afafaf
}

._2S8qF {
    color: #777
}

._3YSPP {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-around;
    gap: 24px;
    padding: 24px 24px 0
}

._121Oi {
    font-size: 12px;
    line-height: 120%;
    color: #cc2f38;
    margin-top: 6px;
    width: 100%;
    text-align: center
}

._28fab {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 12px;
    margin-bottom: 12px
}

._28V6V,._2sA_P {
    width: 100%
}

._2sA_P {
    text-align: center;
    color: #a8b0b8
}

.UfYWk {
    width: 100%
}

._17ZBm {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._17ZBm::-webkit-scrollbar {
    display: none
}

._1BF4f {
    padding: 32px 24px 12px;
    gap: 24px
}

._2HUOY,._1BF4f {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._2HUOY {
    gap: 16px
}

.b3W-T {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center
}

._3jZA3 {
    width: 100%
}

._1L6xs,._1L4EU {
    text-align: center
}

._2VPtP {
    width: -moz-fit-content;
    width: fit-content
}

.RGusM {
    min-width: 300px;
    gap: 16px
}

.RGusM,._3eyUZ {
    display: flex;
    flex-direction: column
}

._3eyUZ {
    align-items: center
}

._3x-JE {
    background: #fff;
    border-radius: 8px;
    max-height: 100vh;
    max-height: 100dvh;
    overflow: auto;
    max-width: 100vw;
    margin: 0 8px
}

@media (min-width: 992px) {
    ._3x-JE {
        overflow-x:unset
    }
}

._3x-JE._26yNz {
    border-radius: 0;
    height: 100vh;
    height: 100dvh;
    max-width: 600px;
    width: 100%
}

.GSil7 {
    align-items: center;
    border-bottom: 1px solid #dbdee1;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    gap: 20px
}

._3gRfN {
    border-top: 1px solid #dbdee1;
    padding: 16px 20px
}

._1DiK7 {
    padding: 20px
}

@media (min-width: 768px) {
    ._1DiK7 {
        padding:32px
    }
}

._3-jum {
    padding: 0
}

._1KVdz {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 800
}

._3bLTI {
    background: rgba(0,24,54,.6)
}

._1fy6V {
    align-items: center;
    display: flex;
    border: none;
    background-color: #fff;
    height: 24px;
    justify-content: center;
    width: 24px
}

.ecnqB.sgGY5,.ecnqB.cwZ9a,.ecnqB._3TyjY,.ecnqB._1NsZa,.ecnqB._24h6W,.ecnqB.pHNNE,.ecnqB.zu_oA {
    color: #083156
}

.ecnqB._1TV73 {
    color: #8c96a1
}

.ecnqB.UNYqv,.ecnqB.POLY5 {
    color: #3d4d5c
}

.ecnqB._1p5KH {
    color: #083156
}

._2lN60.sgGY5,._2lN60.cwZ9a,._2lN60._3TyjY,._2lN60._1NsZa,._2lN60._24h6W,._2lN60.pHNNE,._2lN60.zu_oA {
    color: #4b4b4b
}

._2lN60._1TV73 {
    color: #777
}

._2lN60._1p5KH,._2lN60.UNYqv,._2lN60.POLY5 {
    color: #4b4b4b
}

.sgGY5,.cwZ9a,._3TyjY,._1NsZa,._24h6W,._1TV73,.UNYqv,.POLY5,._3n0TS,.pHNNE,.zu_oA {
    margin: 0;
    text-wrap: pretty
}

.pHNNE {
    font-size: 48px;
    line-height: 56px
}

@media (max-width: 768px) {
    ._1NZke {
        font-size:32px;
        line-height: 36px
    }
}

.zu_oA {
    font-size: 40px;
    line-height: 48px
}

@media (max-width: 768px) {
    ._3ODnK {
        font-size:28px;
        line-height: 36px
    }
}

.sgGY5 {
    font-size: 28px;
    line-height: 36px
}

@media (max-width: 480px) {
    .XDILg {
        font-size:24px;
        line-height: 32px
    }
}

.cwZ9a {
    font-size: 24px;
    line-height: 32px
}

@media (max-width: 480px) {
    .BUm0m {
        font-size:20px;
        line-height: 28px
    }
}

._3TyjY {
    font-size: 20px;
    line-height: 28px
}

@media (max-width: 480px) {
    ._3pBsG {
        font-size:18px;
        line-height: 24px
    }
}

._1NsZa {
    font-size: 18px;
    line-height: 24px
}

@media (max-width: 480px) {
    ._5eehK {
        font-size:16px;
        line-height: 22px
    }
}

._24h6W {
    font-size: 16px
}

._1TV73 {
    font-size: 12px;
    letter-spacing: .44px;
    font-weight: 700
}

.POLY5 {
    text-wrap: pretty
}

.POLY5._3i8fS {
    font-size: 14px;
    line-height: 22px
}

.POLY5._1VNgA {
    font-size: 15px;
    line-height: 24px
}

.POLY5.AatLS {
    font-size: 16px;
    line-height: 28px
}

.POLY5._3Vts7 {
    display: inline
}

._3ctsu {
    display: flex;
    justify-content: flex-end
}

._1SF-V,._1stZ_ {
    display: flex;
    flex-direction: column
}

._1stZ_ {
    height: 100%;
    overflow: scroll;
    gap: 16px
}

._3NUbO {
    padding: 0 16px
}

._1PxKP {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #f9fafb;
    border: 3px dashed #dbdee1;
    border-radius: 8px;
    padding: 16px;
    gap: 12px
}

._1PxKP.J_Czw {
    border: 3px solid #58cc02
}

._2yP7E {
    color: #2285d0;
    text-decoration: underline
}

._3I3Yi {
    margin: 0 auto;
    color: #ff4b4b;
    font-weight: 700
}

._1-bDX {
    margin: auto
}

._2qDz1,.jXPpV {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._2qDz1 {
    align-items: center
}

._3v3S7 {
    width: 100%;
    position: relative
}

.N2gHX {
    border: 1px solid #dbdee1;
    border-radius: 8px;
    background-color: #fff
}

._1ISDf {
    overflow: hidden
}

._1hP9E {
    border-bottom: 1px solid #e1e5ea
}

.jZ2RG {
}

.adnUg {
    background-color: #f9fafb
}

._2irng:hover {
    cursor: pointer
}

._1aklt {
    vertical-align: middle;
    padding: 16px 16px 16px 0
}

._1aklt:first-child {
    padding-left: 16px
}

._2NN1E {
    padding: 48px;
    margin: auto;
    align-items: center;
    display: flex;
    flex-direction: column
}

._3JMcj {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 500
}

.t7GNm {
    background-color: #f9fafb;
    font-weight: 700;
    text-align: left;
    color: #8c96a1;
    vertical-align: center
}

._1mnAN:hover {
    cursor: pointer
}

.wsk0u {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: inherit
}

._1zvte {
    border-radius: 8px;
    overflow: clip
}

._3F6al:hover {
    cursor: pointer
}

.yCRQJ {
    padding: 3px
}

._1nKrs {
    text-align: center;
    justify-content: center
}

._1W1cm {
    border-color: currentcolor #dbdee1 #dbdee1;
    border-top: 1px solid #dbdee1
}

._1Bv_W {
    position: sticky;
    width: 100%;
    z-index: 520
}

._3pTW7 {
    background-color: #fff;
    opacity: .95;
    padding: 0;
    border-radius: 8px
}

._1TW0q {
    border-top: 1px solid #dbdee1;
    border-bottom: 1px solid #dbdee1;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #8c96a1;
    font-weight: 700;
    font-size: 12px
}

.Jo2-J {
    width: 100%
}

.vGREg {
    flex-direction: column
}

.vGREg,._2IQwi {
    display: flex
}

._2IQwi {
    background-color: #fff;
    align-items: center;
    justify-content: left;
    border: 1px solid #cacfd3;
    border-radius: 4px;
    line-height: 125%;
    gap: 10px;
    padding: 12px
}

._2IQwi:focus-within {
    border-color: #a8b0b8
}

._2IQwi._2dRGE {
    border-color: #ff4b4b
}

._2IQwi._1HrXq {
    border-color: #58cc02
}

._2IQwi._1FCQv {
    background-color: #f8fafc;
    border-color: #dbdee1
}

._uRR9 {
    align-items: flex-start
}

._7m3R7 {
    border: none;
    background-color: inherit;
    width: inherit
}

._7m3R7::-moz-placeholder {
    color: #8c96a1
}

._7m3R7::placeholder {
    color: #8c96a1
}

._7m3R7:disabled {
    color: #a8b0b8
}

._7m3R7:-webkit-autofill,._7m3R7:-webkit-autofill:active,._7m3R7:-webkit-autofill:focus,._7m3R7:-webkit-autofill:hover {
    box-shadow: inset 1000px 1000px #fff!important
}

._3WO2k {
    margin-bottom: 4px;
    line-height: 120%;
    color: #3d4d5c;
    height: -moz-fit-content!important;
    height: fit-content!important
}

._3WO2k._15RSr {
    font-size: 13px
}

._3WO2k._2YXFO {
    font-size: 14px
}

._3WO2k._2CIM7 {
    font-size: 15px
}

._3WO2k:disabled {
    color: #8c96a1
}

._1qb7- {
    display: flex;
    align-items: center
}

._2Hpoz {
    color: #cc2f38
}

._2Hpoz,._3dnuD {
    font-size: 12px;
    line-height: 120%;
    margin-top: 6px
}

._3dnuD {
    color: #007a4b
}

._15RSr {
    height: 40px;
    font-size: 15px
}

._2YXFO {
    height: 44px;
    font-size: 16px
}

._2CIM7 {
    height: 48px;
    font-size: 17px
}

._24P6Y {
    height: 80px;
    font-size: 15px
}

._1MlBz {
    height: 88px;
    font-size: 16px
}

._2xohe {
    height: 96px;
    font-size: 17px
}

._1Qh6e {
    white-space: nowrap;
    display: flex;
    height: 0;
    visibility: hidden
}

._2e3TH {
    display: flex;
    flex-direction: column;
    flex: 1
}

._2wuRh {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 688px;
    padding: 24px
}

._3fbVR {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3fbVR::-webkit-scrollbar {
    display: none
}

._3HDUa {
    background-color: #fff;
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    border: 2px solid #e5e5e5;
    border-radius: 24px;
    margin-top: 48px;
    margin-bottom: 48px
}

._3HDUa.ccLyM {
    margin: 0
}

.jzy3M {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%,-50%)
}

._1IeD- {
    border-bottom: 2px solid #e5e5e5;
    padding: 24px 32px 21px
}

.Qkiu0 {
    color: #777
}

.-Ah4A {
    position: relative;
    width: 100%;
    min-height: calc(100vh - 400px);
    padding: 20px;
    display: flex;
    flex-direction: column
}

@media (min-width: 480px) {
    .-Ah4A {
        padding:48px
    }
}

._2b64_ {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-bottom: 24px
}

@media (min-width: 480px) {
    ._2b64_ {
        flex-direction:row
    }
}

.NexWP {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 480px) {
    .NexWP {
        align-items:start
    }
}

._2qNHG {
    font-weight: 700!important
}

._20coF {
    color: #777
}

._2r--Z {
    height: 130px
}

._1ono3 {
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    padding: 32px 0
}

.fi6aO {
    margin-top: 24px;
    display: grid;
    grid-template-areas: "question" "question-content" "response" "response-content"
}

@media (min-width: 992px) {
    .fi6aO {
        margin-top:32px;
        grid-template-areas: "question response" "question-content response-content";
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 40px
    }
}

._27cac {
    grid-area: question;
    color: #777;
    margin-bottom: 12px
}

._3UR38 {
    grid-area: response;
    color: #777;
    margin-bottom: 12px
}

._3-rEL {
    grid-area: question-content;
    font-weight: 400;
    color: #4b4b4b;
    margin-bottom: 24px
}

._2blTu {
    grid-area: response-content
}

._3iBOI {
    height: 200px;
    width: 303px;
    max-width: 100%;
    border-radius: 20px;
    background-color: #000
}

@media (min-width: 480px) {
    ._3iBOI {
        height:240px;
        width: 382px
    }
}

._226Vp {
    display: flex;
    flex-direction: column;
    align-items: start;
    margin-top: 32px
}

._2F4aV {
    margin-top: 24px
}

@media (min-width: 992px) {
    ._2F4aV {
        margin-top:32px
    }
}

._1_SeA,._3C0UG {
    color: #777
}

.pm35D {
    font-weight: 400
}

.pm35D,.H9ynm {
    margin-top: 12px;
    text-wrap: unset;
    color: #4b4b4b
}

._1BMbH {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1BMbH::-webkit-scrollbar {
    display: none
}

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

._1cOjX {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: relative
}

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

._394-A {
    width: 100%;
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0 4px
}

._3R5Ks {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 32px 24px;
    max-width: 600px;
    margin: 48px auto
}

._3VM_m {
    padding: 24px 0 12px
}

._1zKaO {
    text-align: center
}

._1PZMb {
    flex-direction: column;
    padding: 15px 0;
    flex: 1
}

._2mEnz,._1PZMb {
    display: flex
}

._1V5Cx {
    text-align: end;
    font-size: 31px;
    font-weight: 500;
    line-height: 100%;
    color: #fa811b;
    margin: 0 24px 0 0!important;
    min-width: 126px
}

._3qX6T {
    font-size: 65px
}

._1AOqa {
    text-align: left;
    list-style-type: disc;
    list-style-position: outside;
    font-size: 15px;
    color: #777;
    margin: 20px 10px 0 16px;
    padding-inline-start:0}

._3xI6f {
    padding-bottom: 5px
}

._2Oo6z {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-start
}

._2Wcdg {
    line-height: 27px
}

._2wJqt,._2Wcdg {
    margin: 0!important
}

._8Km01 {
    margin-top: 24px
}

._2irDm {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 15px;
    font-weight: 700;
    color: #afafaf
}

._3lC3S {
    margin-right: 7px
}

._2l3O1 {
    margin-left: 7px
}

._2v2ov,._2fbJn {
    fill: #cfcfcf
}

._2O1JD {
    fill: #fa811b
}

.LSXH1 {
    fill: #ffc800
}

.TxR4u {
    min-height: calc(100vh - 74px)
}

@media (min-width: 1024px) {
    .TxR4u {
        min-height:calc(100vh - 90px)
    }
}

.n7Rv0 {
    min-height: 100vh
}

._2HG-o {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

._2gZ9n {
    background-color: #f0f0f0
}

@media (max-width: 768px -1) {
    ._4S_Aq {
        min-height:100vh;
        background-color: #fff
    }
}

._3y_wi {
}

._3LRtw {
}

._2vkgM {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2vkgM::-webkit-scrollbar {
    display: none
}

._3SvZz {
    width: 380px
}

._1uJfr {
    padding: 32px 24px 12px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 8px
}

._3fnuc {
    margin: 8px 0 16px
}

._2x4bz {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-bottom: 16px
}

._2ebSe {
    display: flex;
    justify-content: space-between
}

._2RPGs {
    color: #afafaf
}

.h_bAN {
    cursor: pointer
}

._1ByBW {
    width: 100%;
    padding: 11px 16px;
    border-radius: 16px;
    border: 2px solid #e5e5e5;
    color: #4b4b4b;
    line-height: 24px
}

._34JP2 {
    color: #58cc02;
    display: flex;
    align-items: center;
    gap: 8px;
    height: 16px
}

._2v8Qp {
    border-style: solid;
    transform: translateZ(0)
}

._9UW3R,.NeroB {
    border-radius: 6px
}

._1YTFf {
    border-radius: 1rem
}

._3IOUK {
    border-radius: 999rem
}

.JsCYd {
    cursor: pointer;
    touch-action: manipulation;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.JsCYd:disabled {
    cursor: not-allowed;
    pointer-events: none
}

._2N0O1 {
    width: 100%
}

@media (min-width: 768px) {
    ._2N0O1 {
        width:auto
    }
}

.YJnko {
    width: 100%
}

@media (min-width: 1024px) {
    .YJnko {
        width:auto
    }
}

._29zbS {
    font-size: 18px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase
}

[lang=ar] ._29zbS {
    letter-spacing: 0
}

._3G5Pn {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase
}

[lang=ar] ._3G5Pn {
    letter-spacing: 0
}

._3Geth {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
    white-space: nowrap
}

.dGom7 {
    line-height: 27px
}

.w3SXa {
    line-height: 16px
}

._2t_C5 {
}

._3DHvG {
}

@media (hover: hover) {
    ._3F6wx:hover {
        filter:brightness(1.05)
    }
}

@media (hover: hover) {
    ._1rPti:hover {
        filter:brightness(.9)
    }
}

.chxL4:active,.chxL4:focus-within {
    filter: brightness(.9)
}

.Cljtb {
    border-width: 2px;
    padding: 11px 20px
}

.Cljtb:disabled {
    color: #afafaf;
    background-color: #ddd;
    border-width: 0
}

._2FYoe {
    border-width: 1px;
    padding: 9px 17px
}

._2FYoe:disabled {
    color: #afafaf;
    background-color: #ddd;
    border-width: 0
}

._25k7W {
}

._1jm3C {
}

._124CL {
    min-width: 150px;
    height: 48px
}

._2AbvZ {
    min-width: 163px;
    height: 42px
}

.QT_1E {
    background-color: #ffd178;
    color: #202f36;
    border: none
}

._1SaiM {
}

._1SaiM,._1LYXq {
    background-color: #fa811b;
    color: #fff;
    border-color: #fa811b
}

._1LYXq {
}

._2WVfz {
    background-color: #3c5d87;
    color: #fff;
    border: none
}

._3nQ1K {
    background-color: #fff;
    color: #fa811b;
    border-color: #fa811b
}

._11VNH {
    background-color: #fff;
    color: #3c5d87;
    border: 1px solid #3c5d87
}

._3pzmp {
    border-color: #ddd
}

._3pzmp,._1PSDb {
    background-color: #ddd;
    color: #afafaf
}

._1PSDb {
    border: 2px solid #ddd
}

._3Ffdb {
    background-color: #fa811b;
    color: #fff
}

._3Ffdb,.QP4Yt {
    border: 2px solid #fa811b
}

.QP4Yt {
    background-color: #fff;
    color: #fa811b
}

._2MKav {
    background-color: #2b80c9;
    border: 2px solid #2b80c9
}

._2MKav,._6vvYI {
    color: #fff
}

._6vvYI {
    background-color: #1cb0f6;
    border: 2px solid #1cb0f6
}

._2nRJB {
    background-color: #ea2b2b;
    color: #fff;
    border: 2px solid #ea2b2b
}

.c3p7C {
    box-shadow: 0 1px 5px 0 rgba(0,0,0,.24),0 0 1px 0 rgba(0,0,0,.12)
}

.UO1zL {
    background-color: #fff;
    color: #777;
    border: none
}

._3iBSc {
    cursor: pointer
}

._30Pnx {
    border: none;
    background: none;
    padding: 0
}

._30Pnx:disabled {
    color: #afafaf
}

._2oSyN {
    color: #fa811b
}

._1Y3mF {
}

.rvjxI {
}

.VRavR {
    color: #afafaf
}

.G7558 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #777;
    width: 22px;
    height: 22px;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    border-radius: 50%
}

._3Qzx4 {
    background-color: #2285d0;
    border-color: #2285d0;
    color: #fff;
    font-weight: 700
}

.G-KvM {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.G-KvM::-webkit-scrollbar {
    display: none
}

._3UJnX {
    display: flex;
    flex-direction: column;
    width: 900px;
    margin: 48px 0;
    padding: 0;
    border-radius: 20px;
    border: 1px solid rgba(0,0,0,.1);
    background-color: #fff;
    font-size: 18px
}

@media print {
    ._3UJnX {
        border: none;
        margin: 0
    }

    @page {
        size: portrait
    }
}

._3RA5c {
    width: 360px
}

@media (min-width: 768px) {
    ._3RA5c {
        width:900px
    }
}

._1Y15k {
    color: #fa811b
}

._2Qpr9 {
    display: flex;
    justify-content: space-between;
    padding: 24px 36px;
    border-bottom: 1px solid rgba(0,0,0,.1)
}

@media print {
    ._2Qpr9 {
        display: none
    }
}

._1Ycii {
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    color: #777
}

._3Rs-V,._3mZxb {
    display: flex
}

._3Rs-V {
    align-items: center
}

@media print {
    ._3ZVET {
        display: none
    }
}

._1svC_ {
    padding-right: 8px
}

._1qQXB {
}

.fhOwo,.lidYP,._364vA {
    margin-left: 24px
}

.eA6n0 {
    padding: 48px 48px 24px
}

._1ROd- {
    display: flex;
    justify-content: space-between;
    padding-bottom: 48px
}

._3QPZD {
    display: flex
}

._1E5fO {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

._3jaWH {
    font-size: 24px;
    font-weight: 700;
    margin: 0
}

.wTjFs {
    color: #afafaf;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    margin: 15px 0 0
}

._2YisG {
    width: 140px;
    height: 140px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: .5rem;
    margin-right: 24px
}

._2zDwg {
    font-weight: 700;
    font-size: 16px;
    margin: 6px 0 0
}

._2DWJx {
    display: flex;
    justify-content: space-between;
    margin-left: 150px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 2px solid rgba(0,0,0,.1)
}

._9M0g9 {
    font-size: 16px;
    color: #afafaf;
    margin: 0
}

._26x46:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 7px;
    content: ""
}

._2wHaw {
}

._2wHaw:before {
    box-shadow: inset 0 0 0 1000px #fa811b
}

._1S9lB {
    margin-left: 15px
}

._1S9lB:before {
    box-shadow: inset 0 0 0 1000px #ffc800
}

.WGbAF {
    padding: 24px 0;
    text-align: left
}

@media print {
    .WGbAF {
        padding-bottom: 0
    }
}

._2P9y4 {
    padding: 0 0 8px;
    margin: 12px 0 0
}

._1ECeA {
    color: #fa811b
}

._2y6cl {
    color: #979797;
    margin: 0
}

._2EDV0 {
    color: #1cb0f6!important
}

._37I5l {
    background-color: #1cb0f6
}

._1P20r {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1P20r::-webkit-scrollbar {
    display: none
}

._35GV4 {
    border-radius: 20px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 48px;
    text-align: start;
    width: 900px;
    display: flex;
    flex-direction: column;
    gap: 32px
}

._35GV4 .rddVn {
    margin: 40px 0
}

@media print {
    ._35GV4 {
        border: none;
        height: 100vh;
        margin: 0;
        overflow: hidden;
        padding: 32px
    }

    ._35GV4 .rddVn {
        margin: 28px 0
    }
}

._10zjk {
    border: 1px solid #e5e5e5
}

._1xr-i {
    width: 246px;
    padding: 12px;
    height: 100%;
    border-right: 2px solid #e5e5e5
}

._1uXeI {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 32px;
    border-bottom: 2px solid #e5e5e5
}

._1eXky {
    width: 260px
}

._2_6HY {
    font-weight: 700;
    color: #777
}

._1i92O {
    font-size: 16px
}

._2O4N_ {
    padding-bottom: 32px;
    border-bottom: 2px solid #e5e5e5
}

.cb5cZ {
    width: 128px;
    height: 128px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px
}

._6dLAc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    font-size: 16px
}

._2O4N_ {
    display: flex;
    gap: 16px
}

._1WnY9 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    color: #777
}

._1y4hU {
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 24px;
    min-width: 300px
}

._3bqL3 {
    font-weight: 700;
    padding-right: 4px;
    font-size: 16px
}

._1j5J7 {
    font-size: 16px;
    color: #1cb0f6!important
}

.E7aZw {
    margin-bottom: 16px
}

._2D1vZ {
    border: 2px solid #e5e5e5;
    border-radius: 16px
}

._2Nq1a {
    display: flex;
    height: 240px;
    align-items: center;
    gap: 20px
}

._1tD0Y {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 0
}

._2r08x {
    display: flex;
    align-items: start;
    gap: 8px;
    width: 520px
}

._3JK3z {
    display: flex;
    height: 136px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    gap: 20px;
    padding-left: 20px
}

._1F2d1 {
    display: flex;
    flex-direction: column;
    width: 176px;
    justify-content: center;
    align-items: center
}

._1D2Ma {
    color: #777;
    font-weight: 700
}

._1zT_K {
    line-height: 48px
}

._38S_D {
    display: flex;
    gap: 4px;
    color: #777;
    justify-content: center;
    font-size: 16px
}

.U8a6N {
    color: #777;
    font-size: 14px;
    line-height: 20px
}

._3xRZI {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3xRZI::-webkit-scrollbar {
    display: none
}

._3yVr2 {
    background: #fff;
    border-radius: 16px;
    max-height: 100vh;
    max-height: 100dvh;
    overflow: auto;
    width: 380px;
    max-width: 100vw
}

@media (min-width: 992px) {
    ._3yVr2 {
        overflow-x:unset
    }
}

._3yVr2._1mSgt {
    border-radius: 0;
    height: 100vh;
    height: 100dvh;
    max-width: 600px;
    width: 100%
}

._3ztEf {
    max-width: unset!important;
    border-bottom-left-radius: 0!important;
    border-bottom-right-radius: 0!important;
    padding-bottom: var(--safe-area-inset-bottom,0)
}

._3ztEf,._2BgVg {
    width: 100%!important;
    position: absolute;
    bottom: 0
}

._2BgVg {
    align-content: center;
    border-radius: 0!important;
    margin: 0;
    max-width: unset;
    padding: 60px 32px 100px;
    top: 0
}

._2BgVg.fxFC4 {
    padding-bottom: 130px
}

._30DoY {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 1200
}

._1cmG_ {
    background: rgba(32,47,54,.4)
}

._2zJ1e {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2zJ1e::-webkit-scrollbar {
    display: none
}

._30oqI {
    width: 100%;
    padding: 24px
}

._30oqI._2tAgl {
    padding-top: 32px;
    padding-bottom: 12px
}

.V2Olh {
    gap: 8px
}

.V2Olh,._2ggq5 {
    display: flex;
    flex-direction: column;
    width: 100%
}

._2ggq5 {
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    overflow-wrap: break-word;
    text-align: center
}

._1xr8S {
    width: 100%
}

._28qcL {
    --web-ui_button-background-color: #ff4b4b;
    --web-ui_button-border-color: #ea2b2b
}

._1WBaK {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1WBaK::-webkit-scrollbar {
    display: none
}

._3vaYh {
    width: 380px;
    max-width: 100%;
    padding: 24px
}

._32mfX {
    gap: 8px
}

._32mfX,._1-Pd5 {
    display: flex;
    flex-direction: column;
    width: 100%
}

._1-Pd5 {
    align-items: center;
    gap: 16px;
    margin-bottom: 24px;
    overflow-wrap: break-word;
    text-align: center
}

._2Fqq- {
    display: flex!important;
    width: 40px;
    height: 40px;
    position: fixed!important;
    right: 10px;
    bottom: 10px;
    z-index: 1000
}

._2vuGV {
    height: 25px
}

._1eRH3 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1eRH3::-webkit-scrollbar {
    display: none
}

._2WSV5 {
    flex-basis: 500px;
    max-height: calc(100vh - 48px)
}

._2WSV5,._1_zr8 {
    display: flex;
    flex-direction: column
}

._1_zr8 {
    padding: 36px 24px;
    gap: 16px
}

._1K4Ye {
    align-items: center;
    display: flex
}

._3KLMU {
    display: grid;
    grid-gap: 12px;
    grid-template-columns: minmax(0,1fr);
    overflow-y: auto
}

.YkGOq {
    height: -moz-max-content;
    height: max-content;
    padding: 8px 0;
    width: 100%
}

._1stKt {
    color: #1cb0f6;
    font-weight: 700
}

._2exRS {
    border-radius: 12px;
    display: flex;
    justify-content: center;
    padding: 8px
}

._1XrR8 {
    max-height: 200px;
    max-width: 100%
}

._2dwvh {
    color: #1899d6
}

._1j5sZ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1j5sZ::-webkit-scrollbar {
    display: none
}

._3KUOL {
    display: flex;
    height: 96px;
    padding: 24px 40px;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
    align-self: stretch;
    border-top: 2px solid #e5e5e5
}

.HW_5S {
    visibility: hidden
}

._3sZVT {
    min-width: 160px
}

._1aoy3 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1aoy3::-webkit-scrollbar {
    display: none
}

._1ggX- {
    flex-direction: column
}

._1ggX-,._3YRvE {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px
}

._3YRvE {
    flex-direction: row;
    width: 100%;
    padding: 100px
}

._10vnG {
    width: 343px;
    height: 80px
}

._2b8ZG {
    display: none
}

._3qqSj {
    width: 24px;
    height: 28px
}

.FOJN8 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.FOJN8::-webkit-scrollbar {
    display: none
}

._6jBKd {
    display: flex;
    flex-direction: column;
    width: 600px;
    height: 520px
}

._6jBKd.RFGwy {
    width: 800px
}

._1FDJs {
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 35px 0 40px;
    height: 32px
}

._2EXHA {
    text-wrap: pretty
}

.animated-speaker-icon-lottie {
    fill: var(--animated-speaker-icon-color);
    stroke: var(--animated-speaker-icon-color)
}

._1vdn6 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1vdn6::-webkit-scrollbar {
    display: none
}

._3ihEK {
    align-items: center;
    display: flex;
    height: 80px;
    position: relative
}

._3log_ {
    background: #1cb0f6;
    position: relative;
    z-index: 2
}

._3log_,._1mzyj {
    border-radius: 6px;
    display: block;
    transition: height .2s ease-in;
    width: 6px
}

._1mzyj {
    background: #84d8ff;
    position: absolute;
    z-index: 1
}

._2v_Cd {
    display: flex;
    position: relative
}

._2VQD3 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2VQD3::-webkit-scrollbar {
    display: none
}

._11cH7 {
    justify-content: center;
    height: 100%;
    width: 100%;
    padding-bottom: 64px
}

._3q4Kn,._11cH7 {
    display: flex;
    flex-direction: column;
    align-items: center
}

._3q4Kn {
    width: 400px;
    gap: 12px
}

._2CMSW {
    text-align: center
}

.hmFoV {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

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

._13_D7 {
    width: 100%;
    min-height: 100%;
    position: relative
}

._12Inw {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    padding: 80px 0
}

._37JWE {
    width: 400px;
    text-align: center
}

._2nt3U {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2nt3U::-webkit-scrollbar {
    display: none
}

._24F8h:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._24F8h:focus-visible:active:after {
    bottom: -5px
}

._1iuDr:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3GHAH {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100vw;
    max-width: 1280px;
    height: 720px;
    background-color: #fff
}

@media (min-width: 1280px) and (min-height:720px) {
    ._3GHAH {
        border-radius:8px
    }
}

@media (max-width: 768px) {
    ._3GHAH {
        max-height:100dvh;
        height: 100vh
    }
}

._2khmw {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2khmw::-webkit-scrollbar {
    display: none
}

._28G5G {
    justify-content: space-between
}

._28G5G,._3pHTb {
    display: flex;
    flex-direction: column;
    align-items: center
}

._3pHTb {
    width: 400px;
    max-width: 100%;
    padding: 0 20px 64px;
    gap: 12px;
    text-align: center
}

._171pa {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%
}

@keyframes O7x6F {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

._3F57E {
    position: absolute;
    top: 48%;
    left: 50%;
    width: 50px;
    animation: O7x6F 1s linear infinite;
    z-index: 1
}

._1VYfA {
    display: flex;
    height: 96px
}

._3vFdy {
    display: flex;
    height: 104px
}

._3wqvm {
    margin-top: 4px;
    color: #777
}

._2gPA0 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2gPA0::-webkit-scrollbar {
    display: none
}

.PmypM {
    flex-direction: column
}

.PmypM,._3twai {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px
}

._3twai {
    flex-direction: row;
    width: 100%
}

._3S2WP {
    flex: 1
}

._3pIux {
    flex: 2
}

._E1YW {
    font-weight: 700;
    color: #1cb0f6
}

._13Pf0 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-bottom: 24px
}

.ZhV-u {
    display: flex;
    gap: 16px;
    cursor: pointer
}

._3DJxq {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3DJxq::-webkit-scrollbar {
    display: none
}

._3S8Oo {
    justify-content: center;
    height: 100%;
    width: 100%;
    padding-top: 40px
}

.WbvFF,._3S8Oo {
    display: flex;
    flex-direction: column;
    align-items: center
}

.WbvFF {
    height: 340px;
    width: 400px;
    gap: 12px;
    position: relative
}

._18l2i {
    text-align: center;
    margin-bottom: 64px
}

@keyframes _3-ZDl {
    0% {
        transform: translate(-50%,-50%) rotate(0deg)
    }

    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

._3UUWr {
    position: absolute;
    top: 28%;
    left: 50%;
    width: 50px;
    animation: _3-ZDl 1s linear infinite;
    z-index: 1
}

._3q-41 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3q-41::-webkit-scrollbar {
    display: none
}

._2iH8I {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0
}

._1UCgB {
    pointer-events: none;
    z-index: 1001
}

._2-tFR {
    display: none
}

._10Uui {
}

.tVSaK {
    display: none
}

.KYKMd {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.KYKMd::-webkit-scrollbar {
    display: none
}

.jnhlY {
    display: flex;
    flex-direction: column
}

._3e68r {
    visibility: hidden
}

._4yGBl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: -20px
}

._3A1aw {
    margin-top: 20px
}

._2jQBJ {
    background: #fff;
    border-radius: 18px
}

._1ieJ7 {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--camera-crop-size);
    height: var(--camera-crop-size);
    background-color: #e5e5e5
}

.x4XCR {
    transform: scaleX(-1)
}

._3hor4 {
    visibility: hidden
}

._2MAkB {
    position: relative;
    display: flex;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    margin: 0 auto
}

.jnhlY ._2MAkB {
    width: 360px;
    height: 360px
}

.R82Zu {
    visibility: hidden
}

.daBoz {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--camera-crop-size);
    height: var(--camera-crop-size)
}

.ztJzY {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2
}

._3z0ah {
    background-color: rgba(0,0,0,.5)
}

._3z0ah,._39MqV {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2
}

._39MqV {
    background-color: rgba(0,0,0,.2);
    backdrop-filter: blur(4px)
}

._1YZ2L {
    position: absolute;
    width: var(--camera-crop-size);
    height: var(--camera-crop-size);
    background: transparent;
    pointer-events: none;
    -o-object-fit: cover;
    object-fit: cover
}

.Tmb4F {
    transform: scaleX(-1)
}

.VWQ2- {
    position: absolute
}

._1NRG0 {
    bottom: 81.2px;
    right: calc(50% - 170px);
    animation: _1E5go 3.6s linear forwards
}

._31eAu {
    bottom: 81.2px;
    left: calc(50% - 170px);
    animation: _39E47 3.6s linear forwards
}

._3hsBO {
    top: 56px;
    right: calc(50% - 120px);
    animation: M6gwv .5s ease-in-out
}

@keyframes _1E5go {
    0%,22.2% {
        transform: translateX(0)
    }

    44.4%,to {
        transform: translateX(-70px)
    }
}

@keyframes _39E47 {
    0%,22.2% {
        transform: translateX(0)
    }

    44.4%,to {
        transform: translateX(70px)
    }
}

@keyframes M6gwv {
    0% {
        transform: scale(0);
        opacity: 0
    }

    60% {
        transform: scale(1.06666667);
        opacity: 1
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

._3cDTO {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding-top: 40px;
    gap: 32px
}

._290nd {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 16px;
    width: 180px
}

._3tAad {
    color: #4b4b4b;
    text-align: center;
    font-size: 18px;
    padding: 0 8px
}

._18Y9L {
    color: #1cb0f6
}

.OK2qk {
    transform: scale(1.5) rotateY(180deg);
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%!important;
    height: 100%!important
}

._2_qo8 {
    display: flex;
    gap: 12px
}

.EwQg1 {
    width: 28px;
    height: 28px
}

._3szmO {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

._1EFjU {
    font-size: 16px;
    line-height: 27px
}

._1stXD {
    font-weight: 700
}

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

._20bUB,._1v31Z {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    gap: 40px
}

.ImNKk {
    width: 100%;
    flex: 1;
    position: relative
}

.jzK6L {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center
}

._2KI9V {
    width: 62px;
    height: 48px;
    font-size: 16px
}

._3aKCm {
    margin-top: 24px
}

._3aKCm._3ht_8 {
    margin-top: 0;
    margin-bottom: 24px;
    order: -1
}

._1bI1b {
    width: 32px
}

._1bI1b._3ht_8 {
    transform: rotate(180deg)
}

._20VmR {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.ePNbt {
    top: 0;
    left: 80px
}

._3kZZs {
    top: 0;
    right: 80px
}

._1RIDH {
    bottom: 0;
    left: 80px
}

._1xLJJ {
    bottom: 0;
    right: 80px
}

._3O7Mf {
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._3rQHa {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
}

._3hngL {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3hngL::-webkit-scrollbar {
    display: none
}

.wO9rp {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
    padding: 5px 0 16px
}

._1z9Rf {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 16px
}

.Y1Ges {
    width: 33.33333%
}

.Y1Ges .web-ui__SelectBase-module--label:before {
    background-color: #f7f7f7;
    box-shadow: none
}

.Y1Ges .web-ui__SelectList-module--wrap {
    width: 100%
}

._7hQDf {
    display: flex;
    align-items: center;
    gap: 12px
}

._1qkZZ {
    text-transform: none;
    letter-spacing: normal;
    font-size: 18px;
    line-height: 112.5%;
    font-weight: 400
}

._3Rk9S {
    color: #4b4b4b
}

._2WTzh {
    color: #afafaf
}

._3ZZRC {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    height: 10px
}

.hTPr5 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.hTPr5::-webkit-scrollbar {
    display: none
}

._2ya9q li.web-ui__ListItem-module--item {
    font-size: 20px
}

.web-ui__SelectList-module--wrap {
    width: 100%
}

.web-ui__SelectBase-module--text {
    text-transform: none;
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0
}

.XiBFO {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.XiBFO::-webkit-scrollbar {
    display: none
}

.KPvr4 {
    height: 100%;
    gap: 16px
}

.KPvr4,._3EFai {
    display: flex;
    flex-direction: column
}

._3EFai {
    gap: 4px
}

._1MVKO {
    height: 48px
}

._1MVKO ::-moz-placeholder {
    color: #afafaf
}

._1MVKO ::placeholder {
    color: #afafaf
}

._1poiA {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 0 0
}

._3EFod {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

._2QYn_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2QYn_::-webkit-scrollbar {
    display: none
}

._2QuIW,.HMCFu {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.HMCFu {
    gap: 32px
}

._3ltPq {
    display: flex;
    gap: 20px;
    width: 100%
}

._18YnO {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
    flex: 3
}

._1aXmf {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

.Vj1FB {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Vj1FB::-webkit-scrollbar {
    display: none
}

._1pVNF {
    display: flex;
    justify-content: center;
    gap: 96px
}

._1e9-m,._2Ucaj {
    display: flex;
    flex-direction: column
}

._2CvUv {
    display: flex;
    align-items: baseline;
    flex-direction: row;
    width: 100%
}

._2dpym {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    width: 250px;
    min-width: 0
}

._1O2rF {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #1cb0f6;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-right: 8px;
    flex-shrink: 0
}

._1KJ0t {
    white-space: normal;
    width: 100%
}

.ChoyQ {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 24px
}

.MoQRl {
    font-size: 48px;
    white-space: nowrap
}

._1e3GO {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    margin: 35px 0
}

._DSRe {
    width: 400px;
    text-align: center
}

._3CXnD {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3CXnD::-webkit-scrollbar {
    display: none
}

._1vIYh {
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--camera-crop-size)!important;
    height: var(--camera-crop-size)!important;
    position: absolute
}

@media (orientation: landscape) {
    ._1vIYh {
        border-radius:12px 12px 0 0
    }
}

._3Q3Xy {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 0;
    position: relative
}

._3SY_x {
    background-color: #fff;
    height: 2px;
    z-index: 1
}

._3SY_x,._3eZ9W {
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%
}

._3eZ9W {
    background-color: rgba(0,0,0,.4);
    height: 54px;
    z-index: 0
}

._2O0c7 {
    height: 33px;
    width: 38px;
    pointer-events: none;
    position: absolute;
    transform: translate(-50%,-50%);
    z-index: 2
}

.V31gj {
    opacity: .7
}

.aNua8 {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

._3oPoM,.aNua8 {
    position: absolute;
    pointer-events: none;
    z-index: 3
}

._3oPoM {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._2lBf- {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    width: 281px;
    height: 148px;
    border: 4px solid #fff;
    border-radius: 16px;
    pointer-events: none;
    z-index: 3
}

._27Uu1 {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border-radius: 8px
}

._1kYav {
    display: flex;
    justify-content: center;
    gap: 8px
}

._1BIPz {
    background-color: hsla(0,0%,100%,.5);
    border-radius: 4px;
    flex-shrink: 0
}

._3vtf_ {
    width: 20px;
    height: 20px
}

._9cYec {
    width: 34px;
    height: 20px
}

._1SMtI {
    width: 48px;
    height: 20px
}

.CCv3T {
    width: 132px;
    height: 20px
}

._3xoTV {
    background-color: rgba(0,0,0,.5)
}

._25CDc,._3xoTV {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 2
}

._25CDc {
    background-color: rgba(0,0,0,.4);
    backdrop-filter: blur(4px)
}

._1Z743 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    pointer-events: none;
    z-index: 2
}

._3Ac24 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 281px;
    height: 148px;
    border-radius: 16px;
    box-shadow: 0 0 0 999vmax rgba(0,0,0,.5);
    pointer-events: none;
    z-index: 2
}

._1VU_I {
    text-align: center;
    text-wrap: auto;
    padding-top: 16px
}

._3-sea {
    text-align: center;
    padding-top: 24px
}

.-z57y {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%
}

._3Oi5t {
    min-height: 92px
}

.r9mKQ,._3Oi5t {
    font-size: 24px;
    display: flex;
    flex-direction: column;
    margin-right: auto
}

.UYaxk {
    justify-content: flex-start;
    padding-top: 40px
}

.UYaxk,._2I2Ba {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 4
}

._2I2Ba {
    justify-content: center;
    transform: translateY(-20px)
}

@keyframes JTudF {
    0%,15.4% {
        transform: translateY(0)
    }

    53.8% {
        transform: translateY(-98px)
    }

    to {
        transform: translateY(-98px)
    }
}

._1AFsx {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%
}

._1HQ5i {
    position: absolute;
    z-index: 5;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-20px)
}

._3dWPI,._1HQ5i {
    will-change: transform
}

._3dWPI {
    animation-name: JTudF;
    animation-duration: 2.6s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

._3SJyB {
    position: absolute;
    z-index: 4;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

._14HVH {
    position: absolute;
    pointer-events: none;
    z-index: 3
}

._1X03n {
    width: 33px;
    height: 38px
}

@keyframes _1aZxZ {
    0%,14.8% {
        transform: translateY(0)
    }

    40.7% {
        transform: translateY(-30px)
    }

    63% {
        transform: translateY(-30px)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes _25hNq {
    0%,14.8% {
        transform: translateX(0)
    }

    40.7% {
        transform: translateX(30px)
    }

    63% {
        transform: translateX(30px)
    }

    to {
        transform: translateX(0)
    }
}

._2r0n7 {
    animation-name: _1aZxZ;
    animation-duration: 1.35s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

._3jm-T {
    animation-name: _25hNq;
    animation-duration: 1.35s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite
}

.deeS- {
    flex: 1;
    width: 100%;
    font-size: 20px;
    padding-top: 16px!important
}

._2f1E1 {
    width: 24px;
    height: 24px;
    background-color: #1cb0f6;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

a {
    -webkit-tap-highlight-color: transparent
}

._3J0u3 {
    font-size: 24px;
    min-height: 92px;
    margin-right: auto
}

._3J0u3,.bLpWJ {
    display: flex;
    flex-direction: column
}

.bLpWJ {
    align-items: center;
    justify-content: center;
    border: 2px solid #e3e3e3;
    border-radius: 14px;
    background-color: #f7f7f7;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 40px);
    max-width: 280px
}

._15gDP {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 22px 24px 20px
}

._2xXoz {
    text-align: center;
    color: #afafaf;
    font-size: 18px;
    font-weight: 700;
    line-height: 20px
}

._3soon,._3-746 {
    width: 100%;
    position: relative
}

._3-746 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 48px;
    border-top: 2px solid #e3e3e3
}

.CaKLs {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 2px;
    height: 48px;
    background-color: #e3e3e3
}

._2NO1D,._2S7CR {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    height: 100%
}

._2S7CR {
    position: relative
}

._189Wl {
    display: flex;
    padding: 0;
    color: #1cb0f6
}

._189Wl._2-qsb {
    color: #afafaf
}

._3Odpc {
    position: relative;
    display: inline-block
}

._1ngRA {
    position: absolute;
    top: calc(100% + 20px);
    left: 12%;
    transform: translateX(-50%)
}

.PBs1a {
    width: 33px;
    height: 38px
}

._2Rcqx {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2Rcqx::-webkit-scrollbar {
    display: none
}

._1R-2q {
    height: 100vh;
    height: 100dvh;
    width: 100vw;
    width: 100dvw;
    padding: var(--safe-area-inset-top,0) var(--safe-area-inset-right,0) var(--safe-area-inset-bottom,0) var(--safe-area-inset-left,0);
    display: flex;
    flex-direction: column;
    position: fixed;
    background-color: #fff
}

._1R-2q._3ybQu {
    display: block
}

@media screen and (orientation: landscape) {
    ._1R-2q._36iLE {
        display:grid;
        grid-template-columns: 1fr 50%;
        grid-template-rows: auto 1fr auto;
        grid-template-areas: "header header" "content text" "content cta"
    }
}

@media screen and (orientation: landscape) {
    ._36iLE ._386ku {
        grid-area:header
    }
}

._2T2oa {
    flex-grow: 1;
    overflow-y: auto
}

._9UI81 {
    padding: 16px 24px 0
}

@media screen and (orientation: landscape) {
    ._36iLE ._2T2oa {
        grid-area:content;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow-y: auto
    }
}

._1wOMl {
    display: none
}

@media screen and (orientation: landscape) {
    ._36iLE ._1wOMl {
        display:flex;
        grid-area: text;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 16px 24px;
        text-align: center;
        overflow-y: auto
    }
}

@media screen and (orientation: landscape) {
    ._36iLE .P0-WF {
        grid-area:cta;
        display: flex;
        flex-direction: column;
        justify-content: flex-end
    }
}

.GXgxl {
    border-top: 1px solid #e5e5e5
}

._17Wn- {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._17Wn-::-webkit-scrollbar {
    display: none
}

._1m9_Z {
    justify-content: flex-end;
    padding: 16px 24px;
    flex-shrink: 0
}

._1m9_Z,._1aVsN {
    display: flex;
    width: 100%;
    align-items: center
}

._1aVsN {
    justify-content: flex-start
}

._2p_If {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}

._21Cyy {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._21Cyy::-webkit-scrollbar {
    display: none
}

._12o5J {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 56px
}

._6IBy_ {
    background: none;
    border: none;
    padding: 0;
    transition: filter .2s;
    --web-ui_button-filter-hover: none;
    border-radius: 12px
}

._1fO2V,._6IBy_ {
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 56px;
    display: flex
}

._30eRm {
    display: flex;
    justify-content: center;
    gap: 12px
}

._27d4f {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 56px
}

.lVjaE {
    width: 214px;
    height: 32px;
    flex: 1;
    display: flex;
    justify-content: center
}

._3uls_ {
    list-style: none;
    text-align: left;
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content
}

._2Ekbp {
    display: flex;
    align-items: center
}

._2Ekbp:not(:first-child) {
    margin-top: 15px
}

._1h4l7 {
    display: flex;
    align-items: top
}

._1h4l7:not(:first-child) {
    margin-top: 6px
}

._1Iyj2 {
    display: flex
}

.wC6qu {
    align-self: center
}

._4haQ7 {
    font-size: 19px
}

._1Wmh5 {
    color: #777
}

._3iKXy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    min-width: 47px;
    height: 32px;
    line-height: 32px;
    padding-right: 15px;
    text-align: center
}

._3iKXy img {
    max-width: 100%
}

.Q-pJb {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Q-pJb::-webkit-scrollbar {
    display: none
}

._15WW3 {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin-top: 35px;
    gap: 40px
}

._15WW3 .O7_pR {
    display: none
}

._3QeQl {
    width: 344px;
    padding-bottom: 40px;
    flex-direction: column;
    gap: 24px;
    text-align: center;
    height: 100%
}

._32F1Z,._3QeQl,._2VrvR {
    display: flex;
    justify-content: center;
    align-items: center
}

._32F1Z {
    margin: 0 auto;
    position: relative;
    width: 360px;
    height: 360px;
    overflow: visible;
    gap: 24px
}

._3KTLk {
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
    max-height: 300px
}

._1msV4 {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-row: 2
}

._2x6NK {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 56px;
    height: 56px
}

._1lAfg {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--camera-crop-size);
    height: var(--camera-crop-size);
    background-color: #e5e5e5
}

.l4DKO {
    width: 360px;
    height: 360px;
    position: relative;
    display: flex;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

._3biIV {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--camera-crop-size);
    height: var(--camera-crop-size)
}

._2NGGJ {
    width: 100%;
    min-height: 100%;
    position: relative
}

._12WL9 {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    padding: 80px 0
}

.U2-NX {
    width: 400px;
    text-align: center
}

.mkf1b {
    visibility: hidden;
    position: absolute
}

.h1nHH {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.h1nHH::-webkit-scrollbar {
    display: none
}

._3KXsP {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-start;
    margin-top: 35px;
    gap: 40px
}

._3KXsP ._2LhhO {
    display: none
}

._2WJGI {
    width: 344px;
    padding-bottom: 40px;
    flex-direction: column;
    align-self: center;
    gap: 24px;
    text-align: center;
    height: 100%
}

._239OI,._2WJGI,.QCIKU {
    display: flex;
    justify-content: center;
    align-items: center
}

._239OI {
    margin: 0 auto;
    position: relative;
    width: 360px;
    height: 360px;
    overflow: visible;
    gap: 24px
}

.AkcEK {
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
    max-height: 300px
}

._3jpUb {
    display: flex;
    flex-direction: row;
    align-items: center;
    grid-row: 2
}

._1trnm {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 56px;
    height: 56px
}

.JtX1q {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--camera-crop-size);
    height: var(--camera-crop-size);
    background-color: #e5e5e5
}

.FU86w {
    width: 360px;
    height: 360px;
    position: relative;
    display: flex;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

._6QdJ_ {
    position: absolute;
    -o-object-fit: cover;
    object-fit: cover;
    width: var(--camera-crop-size);
    height: var(--camera-crop-size)
}

.XGYrn {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 24px
}

._2VgD3 {
    width: 343px;
    text-align: center
}

._26zHR {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._26zHR::-webkit-scrollbar {
    display: none
}

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

._2a_wb {
    background: #fff;
    border-radius: 18px;
    width: 280px;
    height: 280px;
    overflow: hidden;
    position: relative
}

._2jQT3 {
    width: 100%;
    max-width: 520px;
    text-align: center;
    margin: 35px 0 40px
}

._3u019 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3u019::-webkit-scrollbar {
    display: none
}

._2sxbU {
    flex-direction: column
}

._2sxbU,._1crYe {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px
}

._1crYe {
    flex-direction: row;
    width: 100%;
    padding: 100px
}

._2mt19 {
    width: 343px;
    height: 80px
}

.bjWEQ {
    display: none
}

._36GIh {
    width: 24px;
    height: 28px
}

._3UT3W {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3UT3W::-webkit-scrollbar {
    display: none
}

.PNYMD {
    justify-content: center;
    width: 440px;
    height: 280px
}

.EtgRr,.PNYMD {
    display: flex;
    align-items: center
}

.EtgRr {
    flex-direction: column;
    overflow: hidden;
    max-height: 720px;
    height: 720px
}

@media (max-height: 720px),(max-width:768px) {
    .EtgRr {
        height:100vh;
        height: 100dvh;
        max-height: 100vh;
        max-height: 100dvh
    }
}

.-cLae {
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow: auto;
    overscroll-behavior: contain
}

._2BWMA {
    min-height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center
}

._1K2H9 {
    flex: 1;
    min-height: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden
}

._1K2H9>:first-child {
    flex: 1;
    min-height: 0;
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
    padding-bottom: 40px;
    overscroll-behavior: contain
}

._1K2H9>:not(:first-child),._2SFCz {
    width: 100%;
    flex-shrink: 0
}

._1f8VO {
    display: flex!important;
    width: 40px;
    height: 40px;
    position: fixed!important;
    right: 55px;
    bottom: 10px;
    z-index: 1000
}

._3DGZK {
    height: 25px
}

._1l7Y1 {
    margin: 0
}

.OacAN {
    align-items: center;
    display: flex;
    grid-gap: 12px;
    margin-bottom: 24px
}

._34pw4 {
    display: flex;
    flex-basis: 500px;
    flex-direction: column;
    max-height: calc(100vh - 48px)
}

._1guTn {
    display: grid;
    grid-gap: 12px
}

._29P5W {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._29P5W::-webkit-scrollbar {
    display: none
}

._1PWsV:focus-visible {
    outline: 2px solid #1cb0f6;
    outline-offset: 5px
}

._1nUZM {
    border-bottom-width: 1px
}

._1nUZM:focus-visible {
    outline: 2px solid #1cb0f6;
    border-radius: 12px
}

.p03Qk {
    min-width: 160px
}

._25XRh {
    max-width: 400px;
    justify-content: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: center
}

._2ZYnl {
    width: 140px;
    height: 140px
}

._1NhXZ {
    text-align: center
}

._3WZI4 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3WZI4::-webkit-scrollbar {
    display: none
}

.SSQXr {
    width: 100%
}

._2lSRN {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 32px 24px 28px
}

._2PY4S {
    width: 343px
}

._229bT {
    text-align: center;
    font-size: 16px;
    color: #777
}

._2fV0b {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2fV0b::-webkit-scrollbar {
    display: none
}

._2U6m4:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2U6m4:focus-visible:active:after {
    bottom: -5px
}

._1TkVt:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.TPNY5,.EQgfC {
    width: 100vw;
    height: 100vh
}

.TPNY5 {
    background: #fff;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%)
}

@media (min-width: 768px) {
    .TPNY5 {
        border-radius:8px;
        width: min(100vw,1280px);
        height: min(100vh,720px)
    }
}

._2PcDN {
    height: 104px;
    padding: 38px
}

._2PcDN._3eZCd {
    border-bottom: 2px solid #e5e5e5
}

._1JO4D {
    width: 24px;
    height: 24px
}

._16i69 {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    overflow: hidden auto
}

._3-3mp {
    min-height: 96px;
    padding: 20px 40px;
    display: flex;
    justify-content: center
}

._3-3mp._12a4x {
    border-top: 2px solid #e5e5e5
}

.zcKrT {
    min-width: 160px;
    height: 44px
}

._21J2e {
    position: absolute;
    bottom: 24px;
    right: 40px
}

._1GbPd {
    position: absolute;
    bottom: 24px;
    left: 40px
}

.VySie {
    position: absolute;
    bottom: 120px;
    left: 50%;
    transform: translateX(-50%)
}

.LVc2_ {
    display: none
}

._2f24s {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.ixm8l {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.ixm8l::-webkit-scrollbar {
    display: none
}

._1zzSc {
    padding: 12px 20px;
    background-color: #fff;
    color: #4b4b4b;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    gap: 12px;
    align-items: center;
    min-width: 252px;
    box-shadow: 0 10px 0 -6px #f4f4f4;
    -webkit-box-shadow: 0 10px 0 -6px #f4f4f4;
    -moz-box-shadow: 0 10px 0 -6px #f4f4f4
}

._1zzSc._3hFZh {
    padding: 12px 12px 12px 20px
}

._28OG3 {
    line-height: 24px;
    color: #4b4b4b;
    flex: 1
}

._2nzCB {
    background-color: #4b4b4b;
    height: 24px;
    width: 24px;
    border-radius: 12px
}

._2XWvL {
    cursor: pointer;
    height: 16px;
    width: 16px
}

.Hb4L8 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 420px
}

.kCqEm {
    padding-bottom: 12px
}

.cK3je {
    text-align: center
}

._3hAce {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3hAce::-webkit-scrollbar {
    display: none
}

._6NjtN {
    background-color: #fff;
    max-width: 100vw;
    min-height: 100dvh
}

._2Z9yx,._8a5T3 {
    display: flex;
    flex-direction: column
}

._8a5T3 {
    margin-top: 24px;
    padding: 0 20px;
    width: 100%;
    max-width: 520px;
    align-self: center
}

@media (min-width: 768px) {
    ._8a5T3 {
        max-width:none;
        padding: 0
    }
}

@media (min-width: 1280px) {
    ._8a5T3 {
        display:grid;
        margin: 24px 16px 0;
        grid-template-columns: minmax(0,1fr) 560px minmax(260px,1fr);
        justify-items: center
    }

    ._8a5T3._8o8k4 {
        padding: 48px 0 0;
        margin: 0;
        -moz-column-gap: 28px;
        column-gap: 28px;
        align-self: center;
        width: -moz-fit-content;
        width: fit-content;
        max-width: 1200px
    }
}

._2gfc1 {
    flex: 1
}

._1P3pK {
    display: flex;
    flex-direction: column;
    min-height: 100dvh
}

.T-iVG,._3lIDW {
    display: none
}

@media (min-width: 1280px) {
    .T-iVG,._3lIDW {
        display:flex
    }
}

._1ku03 {
    padding-top: 32px;
    width: 100%;
    max-width: 480px;
    align-self: center
}

@media (min-width: 1280px) {
    ._1ku03 {
        padding-top:0;
        max-width: 260px;
        align-self: auto
    }
}

._1ku03._2wysj {
    display: none
}

@media (min-width: 1280px) {
    ._1ku03._2wysj {
        display:flex;
        width: 260px
    }
}

._1-PKF {
    display: flex;
    flex-direction: column;
    max-width: 480px;
    width: 100%;
    justify-content: center;
    align-self: center
}

@media (min-width: 768px) {
    ._1-PKF {
        margin-left:40px;
        margin-right: 40px
    }
}

@media (min-width: 1280px) {
    ._1-PKF {
        margin:0;
        max-width: 500px
    }
}

.li9Va {
    margin-top: 20px
}

@media (min-width: 768px) {
    .li9Va {
        display:flex;
        justify-content: center
    }
}

.HNgEp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.HNgEp::-webkit-scrollbar {
    display: none
}

.U1akU {
    background-color: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 16px;
    position: sticky;
    top: -1px;
    z-index: 600
}

@media (min-width: 768px) {
    .U1akU {
        padding:20px 48px
    }
}

._1kUB9 {
    border-bottom: 2px solid #e5e5e5
}

._3Efrh:hover {
    cursor: pointer
}

._1fCRv {
    visibility: hidden
}

.k3tvL {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.k3tvL::-webkit-scrollbar {
    display: none
}

._1eYZ4 {
    align-items: center;
    display: flex;
    flex-direction: column
}

._3kYhr {
    font-size: 12px;
    margin: 0
}

._1VzXx {
    align-items: center;
    justify-content: flex-end;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: flex;
    flex-wrap: wrap;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    color: #4b4b4b
}

@media (min-width: 480px) {
    ._1VzXx {
        font-size:20px
    }
}

._3mTNr {
    display: flex;
    gap: 4px
}

.wJez2 {
    color: #afafaf;
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

._1aE5V {
    color: #777
}

._2gHpg {
    display: flex;
    flex-direction: column;
    height: 64px;
    line-height: 32px;
    margin-bottom: 24px;
    text-align: center
}

@media (min-width: 768px) {
    ._2gHpg {
        margin-bottom:16px
    }
}

@media (min-width: 1280px) {
    ._2gHpg {
        height:80px;
        margin: 0
    }
}

._1YgaB {
    position: fixed;
    left: 16px;
    right: 16px;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px;
    align-self: center
}

@media (min-width: 480px) {
    ._1YgaB {
        position:static;
        margin-left: 16px;
        margin-right: 16px;
        width: 343px
    }
}

._1LptU {
}

@media (min-width: 480px) {
    ._1LptU {
        margin-top:20px
    }
}

._3wKjP {
    width: 64px;
    height: 64px
}

@media (min-width: 768px) {
    ._3wKjP {
        width:80px;
        height: 80px
    }
}

._20drR {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._20drR::-webkit-scrollbar {
    display: none
}

._2pfgN {
    display: flex;
    margin: auto;
    text-align: center;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    max-width: 343px
}

@media (min-width: 480px) {
    ._2pfgN {
        padding-bottom:40px;
        flex: 0
    }
}

._2hyYV {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 16px;
    padding-bottom: 80px
}

@media (min-width: 480px) {
    ._2hyYV {
        gap:24px;
        padding-bottom: 32px
    }
}

.avDJC {
    max-width: 343px;
    margin-top: 16px
}

._3dsTR {
    width: 200px;
    align-self: center
}

._2Rp5b {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2Rp5b::-webkit-scrollbar {
    display: none
}

.sN4Q2 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._6exHH {
    color: #777;
    font-size: 14px;
    text-wrap: pretty
}

._3-S5- {
    text-align: center
}

._2_4UN {
    text-align: right
}

._6exHH._35w-A {
    margin: 24px 24px 0
}

@media (min-width: 768px) {
    ._6exHH._35w-A {
        margin:36px 36px 0
    }
}

@media (min-width: 768px) {
    ._3wFlg {
        display:none
    }
}

._1f5Kp {
    display: none
}

@media (min-width: 768px) {
    ._1f5Kp {
        display:block
    }
}

._3XZdz {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3XZdz::-webkit-scrollbar {
    display: none
}

._1HIhU {
    padding-bottom: 125px
}

@media (min-width: 480px) {
    ._1HIhU {
        padding-bottom:8px
    }
}

._2wVyn {
    display: grid;
    gap: 16px;
    width: 100%
}

@media (min-width: 768px) {
    ._2wVyn {
        grid-template-columns:repeat(auto-fit,minmax(150px,1fr))
    }
}

._329cC {
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr))
}

._3Naye {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._3Nkmv {
    padding-bottom: 16px
}

.vdSuG {
    margin-bottom: -8px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ea2b2b
}

._1ChG7 {
    display: flex;
    padding: 8px 12px;
    gap: 12px;
    border-radius: 16px;
    background-color: #ddf4ff
}

.KQ8WE {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    color: #1cb0f6;
    font-size: 16px
}

._3ZrZJ {
    font-weight: 700!important
}

._3pF0V {
    text-align: center;
    padding-bottom: 32px
}

@media (min-width: 768px) {
    ._3pF0V {
        height:72px;
        padding: 0
    }
}

._1GHij {
    padding-bottom: 0;
    margin-bottom: -16px
}

._3cjTO {
    width: 343px
}

@media (max-width: 479px) {
    ._3cjTO {
        display:none!important
    }
}

._32O2w {
    width: 100%
}

@media (min-width: 480px) {
    ._32O2w {
        display:none!important
    }
}

._3e1c5 {
    width: 100%;
    padding: 24px 20px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px
}

@media (min-width: 1280px) {
    ._3e1c5 {
        position:sticky;
        top: 88px;
        padding: 20px
    }
}

._7jfqh {
    width: 100%;
    padding: 20px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px
}

._1L6jy {
    border-top: 2px solid #e5e5e5;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    width: 100%;
    max-width: none;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    gap: 20px
}

@media (min-width: 480px) {
    ._1L6jy {
        border-top:none;
        position: relative
    }
}

@media (min-width: 1280px) {
    ._1L6jy {
        margin-left:-24px
    }
}

.rXSjn {
    display: flex;
    flex-direction: row;
    gap: 40px
}

.MgHGr {
    width: 296px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 12px;
    height: -moz-fit-content;
    height: fit-content
}

._1ADv2 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 480px
}

._3BTX7 {
    margin-right: 0;
    padding-bottom: 13px;
    margin-top: -8px
}

.xNk_O {
    font-size: 14px;
    margin: 0;
    max-width: 480px
}

.xNk_O a {
    color: #777;
    font-weight: 700
}

._3OMlN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3OMlN::-webkit-scrollbar {
    display: none
}

.QSY94 {
    margin-bottom: 4px
}

._3DC4l {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    gap: 20px
}

._2S80Z {
    margin: 0 0 4px
}

._2pDYY {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px
}

.XDFtT {
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    text-align: start
}

._9RFD0 {
    font-weight: 400
}

._9RFD0._3ctDP {
    font-weight: 700
}

@media (min-width: 1280px) {
    ._9RFD0 {
        font-size:16px;
        line-height: 24px
    }
}

._2lIFH {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2lIFH::-webkit-scrollbar {
    display: none
}

._1tpv8 {
    background-color: transparent!important
}

._3aMxJ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3aMxJ::-webkit-scrollbar {
    display: none
}

._3Ptut {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative
}

._1Dtgx,._3Ptut {
    width: 100%
}

._1U_lw {
    width: 100%
}

._1U_lw .web-ui__SelectBase-module--label:before {
    background-color: #f7f7f7;
    box-shadow: none
}

._1U_lw .web-ui__SelectList-module--wrap {
    width: 100%
}

._1vzIO {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 480px) {
    ._1vzIO {
        flex-direction:row;
        align-items: flex-start;
        gap: 20px
    }
}

._1vzIO._3DvkS {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 8px;
    width: 100%
}

.-X6ty {
    width: 100%
}

@media (min-width: 480px) {
    .-X6ty {
        width:calc(100% - 10px)
    }
}

._2lODL,.-X6ty._3DvkS {
    width: 100%
}

._15NUR {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._2IXMs {
    display: flex;
    align-items: center;
    gap: 8px
}

.RH3r3 {
    color: #cc2f38;
    margin: 0;
    font-size: 13px
}

._2JZRA {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

._1alNZ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1alNZ::-webkit-scrollbar {
    display: none
}

._106bj {
    gap: 24px;
    padding: 20px
}

._106bj,._1ackB {
    display: flex;
    flex-direction: column
}

._1ackB {
    gap: 8px
}

._3UOsA {
    color: #afafaf
}

._1U0yD {
    color: #777
}

._1im7q {
    width: 343px;
    max-width: calc(100% - 32px)
}

.sponsor-name {
    font-weight: 700
}

.XQqc_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.XQqc_::-webkit-scrollbar {
    display: none
}

._2Om9R {
    display: grid;
    gap: 16px;
    grid-template-columns: 1fr
}

.TMa2E {
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
    text-align: center
}

._3vckQ {
    color: #58cc02;
    line-height: 16px
}

._2OOeU {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2OOeU::-webkit-scrollbar {
    display: none
}

._14737 {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative
}

.quMNt,._14737 {
    width: 100%
}

._3BM98 {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 12px
}

._3nvE- {
    width: 200px;
    height: 200px
}

._2a2B5 {
    width: 442px;
    text-align: center
}

._36Wre {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._36Wre::-webkit-scrollbar {
    display: none
}

._340Ps {
    color: #afafaf
}

._2FyaV {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative
}

._36f7U {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._36f7U::-webkit-scrollbar {
    display: none
}

._3pV5B {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative
}

._3qrnp {
    color: #afafaf
}

.KAP_j {
    margin: 35px auto 40px;
    text-align: center
}

._3zFdN {
    width: 400px;
    margin-bottom: 20px
}

.DOkhr {
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

._3p_uL {
    width: 270px;
    height: 225px
}

._3fIo4 {
    width: 423px;
    text-align: center
}

.ehB0E {
    margin: 35px auto 40px;
    text-align: center
}

._1eCa9 {
    width: 676px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 16px
}

._1IFFy {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1IFFy::-webkit-scrollbar {
    display: none
}

.fwgfc {
    display: inline-grid;
    justify-items: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-top: 2px;
    cursor: pointer
}

.fwgfc._3LoTy {
    cursor: unset
}

._2YS1h {
    visibility: hidden
}

._1QMyF {
    visibility: visible
}

._2jVgF {
    grid-row: 1;
    grid-column: 1
}

._3zIrb {
    opacity: 0;
    width: 0;
    height: 0
}

._14dgc,._1AiQP {
    background-color: #1cb0f6
}

._1FnoR {
    background-color: #cc348d
}

._1en9K {
    background-color: #e5e5e5
}

._26HTZ,._2SAG8 {
    background-color: #afafaf
}

._204ox {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._204ox::-webkit-scrollbar {
    display: none
}

._1R9KD:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._1R9KD:focus-visible:active:after {
    bottom: -5px
}

._12D12:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3z4CG {
    color: #4b4b4b;
    height: auto;
    padding: 12px 14px!important
}

@media (min-width: 768px) {
    ._3z4CG {
        width:100%
    }
}

._3z4CG:hover {
    filter: brightness(1)!important;
    --__internal__background-color: #f7f7f7
}

._3z4CG._1TM3h {
    --__internal__background-color: #ddf4ff;
    --__internal__border-color: #84d8ff;
    color: #1899d6;
    outline: none
}

._3z4CG:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._8btYf {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    width: 100%
}

._1momx {
    line-height: 0
}

.DMltw {
    font-weight: 400;
    font-size: 18px;
    letter-spacing: normal;
    line-height: 150%;
    text-align: left;
    text-transform: none;
    white-space: normal;
    color: inherit
}

._2fO-w {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2fO-w::-webkit-scrollbar {
    display: none
}

._2yKvu {
    width: 600px;
    margin-top: 35px
}

._2ISJw,._1Qpsg {
    text-align: center
}

._2ISJw {
    margin: 20px auto 40px;
    color: #777
}

._3-_XG {
    color: #afafaf
}

._1xynp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1xynp::-webkit-scrollbar {
    display: none
}

._1x2KT {
    display: flex;
    padding: 18px 24px 22px;
    gap: 16px;
    width: 100%;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    height: 84px
}

._1-JFO {
    min-width: 160px
}

._1ECmS {
    display: none
}

._3-vHm {
    color: #afafaf;
    flex: 1;
    line-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap
}

._3-vHm._1PiVY {
    color: #4b4b4b
}

._2n8Sh {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2n8Sh::-webkit-scrollbar {
    display: none
}

._3hHRA {
    width: 600px;
    padding-top: 35px
}

.o37q4 {
    display: grid;
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 40px;
    margin-top: 40px;
    grid-template-columns: repeat(10,1fr);
    grid-template-rows: auto auto;
    width: 100%
}

.o37q4>:first-child,.o37q4>:nth-child(2) {
    grid-column: span 5
}

.o37q4>:nth-child(n+3) {
    grid-column: span 2
}

._1GOHM {
    text-align: center
}

._3WCGX {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._1S3TM {
    color: #afafaf
}

._3pf2O>div>svg {
    display: none
}

._1a6Tp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1a6Tp::-webkit-scrollbar {
    display: none
}

._1Orrp {
    display: flex;
    flex-direction: column;
    gap: 4px;
    position: relative
}

._5ML1z {
    color: #afafaf
}

._2pD73 {
    margin: 35px auto 40px;
    text-align: center
}

._2Vpy0 {
    width: 400px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._1dIbS {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1dIbS::-webkit-scrollbar {
    display: none
}

.UoZCB:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.UoZCB:focus-visible:active:after {
    bottom: -5px
}

.O4-GK:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._2bIa9 {
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    position: relative
}

._283GM {
    height: 24px;
    width: 24px
}

@media (min-width: 768px) {
    ._283GM {
        height:28px;
        width: 28px
    }
}

._3VIpu {
    color: #4b4b4b;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    margin-left: 4px
}

@media (min-width: 768px) {
    ._3VIpu {
        font-size:24px
    }
}

.V7e4f {
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin-left: 6px
}

.RlJyD,._1Hz7c {
    display: flex;
    align-items: center
}

.RlJyD {
    width: 100%
}

._3yGy3 {
    background-color: #f7f7f7;
    border-radius: 6px;
    color: #777;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    padding: 3.5px 8px;
    height: -moz-fit-content;
    height: fit-content
}

._3yGy3 ._2xWvW {
    background-color: #f9fafb;
    color: #3d4d5c;
    font-size: 14px;
    line-height: 150%
}

@media (min-width: 768px) {
    ._1tz7z {
        font-weight:700;
        font-size: 32px;
        line-height: 44px
    }
}

._1tz7z._3IE3B {
    visibility: hidden
}

.kjTNL {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.kjTNL::-webkit-scrollbar {
    display: none
}

.DUEau {
    margin: 0 auto;
    width: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-gutter: stable both-edges;
    height: 100%;
    padding: 24px calc(50% - 300px);
    gap: 24px;
    display: flex;
    flex-direction: column
}

@media (max-width: 768px) {
    .DUEau {
        padding:16px
    }
}

@media (min-width: 768px) {
    ._3Ikj0 {
        mask-image:linear-gradient(180deg,#000 70%,transparent),linear-gradient(270deg,#000 5px,transparent 6px);
        -webkit-mask-image: linear-gradient(180deg,#000 70%,transparent),linear-gradient(270deg,#000 10px,transparent 11px)
    }
}

@media (max-width: 768px) {
    ._2bGzP {
        padding:0!important;
        overflow: hidden
    }
}

@keyframes HxfiK {
    0% {
        margin-top: 20px
    }

    to {
        margin-top: 0
    }
}

@keyframes _3uOBX {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.D0Rgb {
    display: none
}

.D0Rgb._38MPD {
    display: flex;
    flex-direction: column;
    gap: 16px;
    opacity: 0;
    animation: HxfiK .3s ease-in-out .8s forwards,_3uOBX .3s ease-in-out .8s forwards
}

.D0Rgb._3sVvc {
    display: flex;
    flex-direction: column;
    gap: 16px;
    animation: _3uOBX .5s ease-in-out forwards
}

@keyframes _2dkGl {
    to {
        visibility: visible
    }
}

._1vfTS {
    padding: 16px 0;
    text-align: center
}

._1vfTS._3bVcy {
    opacity: 0;
    margin-top: 20px;
    animation: HxfiK .3s ease-in-out .8s forwards,_3uOBX .3s ease-in-out .8s forwards
}

._2fmqF {
    padding-inline-start:16px;list-style-position: inside;
    margin: 0
}

._3VJsz:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3VJsz:focus-visible:active:after {
    bottom: -5px
}

.C8sG1:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1fCR4 {
    width: 24px;
    height: 30px
}

._2AhRA,._32J0L {
    width: 24px;
    height: 24px
}

._11q2I {
    flex: 1;
    height: 25px
}

.hZpO_:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.hZpO_:focus-visible:active:after {
    bottom: -5px
}

._2eibz {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2eibz::-webkit-scrollbar {
    display: none
}

.EA_Im {
    width: 100%;
    transition: margin .5s
}

@media (min-width: 768px) {
    .EA_Im {
        margin:100px auto 16px
    }
}

.EA_Im._1RDBu {
    margin: 0 auto 16px
}

._2AgMo {
    text-align: left
}

@media (min-width: 768px) {
    ._2AgMo {
        text-align:center
    }
}

._2daKP {
    font-size: 24px;
    line-height: 32px;
    text-align: center
}

._3D9TY {
    padding: 24px;
    font-size: 18px;
    color: #4b4b4b;
    line-height: 26px
}

._2sTIS,._3D9TY {
    margin-top: 24px;
    border-radius: 16px;
    border: 2px solid #e5e5e5
}

._2sTIS {
    display: flex;
    padding: 16px;
    align-items: center;
    gap: 8px;
    scroll-margin-top: 24px
}

.CEbyg,.cO0h7 {
    line-height: 28px;
    font-size: 18px
}

.CEbyg {
    background-color: #f7f7f7;
    border-radius: 16px;
    border: 2px solid #e5e5e5;
    padding: 16px
}

.CEbyg._23EU_ {
    border: none
}

._3sgS7 {
    border: none;
    border-bottom: 2px solid #afafaf;
    background-color: #f7f7f7;
    color: #4b4b4b;
    display: inline;
    height: 27px
}

._3sgS7._3safn {
    display: inline-block;
    min-width: 150px
}

._3sgS7:focus {
    border-bottom: 2px solid #1cb0f6
}

._3sgS7._23EU_ {
    border-bottom: 2px solid #e5e5e5
}

._23EU_ {
    color: #afafaf
}

._215v1 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 30px;
    text-align: center
}

._2hH36 {
    margin-top: 10px
}

._31P4A {
    text-align: center
}

._2Ao9H {
    margin-top: 54px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    opacity: 0
}

._2Ao9H._2wOUp {
    opacity: 1;
    margin-top: 24px;
    transition-duration: .5s;
    transition-delay: .5s
}

.CfMp_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.CfMp_::-webkit-scrollbar {
    display: none
}

.QYEFB {
    font-size: 18px;
    line-height: 26px
}

._253kW {
    gap: 24px
}

._253kW,.OZOs9 {
    display: flex;
    flex-direction: column
}

.OZOs9 {
    gap: 8px;
    scroll-margin-top: 16px;
    opacity: 1;
    transition: opacity .2s
}

._2xsEK {
    color: #777;
    text-transform: uppercase
}

._3P5Cl {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 8px
}

._3mkjl {
    color: #4b4b4b
}

._278E0 {
    display: flex;
    flex-direction: row;
    align-items: center
}

._2L39p {
    gap: 24px
}

@keyframes _1shVH {
    0% {
        margin-top: 20px;
        opacity: 0
    }

    to {
        margin-top: 0;
        opacity: 1
    }
}

._2jU-x {
    padding-right: 16px;
    animation: _1shVH .3s ease-in-out forwards
}

._1rDzc {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: start;
    padding: 6px 2px
}

.R-Yqw {
    text-decoration: line-through
}

._2qv1E {
    display: flex;
    flex-direction: column
}

._2Zgg4 {
    width: 50px
}

._1qvrh {
    color: #4b4b4b
}

.poTac {
    padding: 6px 2px;
    gap: 12px;
    color: #4b4b4b
}

.wAmfI {
    margin-top: 12px;
    margin-bottom: 4px
}

.CgBb8 {
    color: #4b4b4b
}

rect {
    transform-box: fill-box!important;
    transform-box: border-box!important
}

.UeOYa {
    margin-top: 1px
}

._2Oy5T {
    margin-top: 8px;
    font-size: 18px
}

._3N69k {
    opacity: 0
}

.LJfW6 {
    opacity: 1
}

._1pek1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1pek1::-webkit-scrollbar {
    display: none
}

._1fbYT {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 16px;
    height: 100%;
    overflow-y: auto
}

@media (min-width: 768px) {
    ._1fbYT {
        width:600px;
        padding: 48px 16px;
        margin: 0 auto
    }
}

._1detw {
    text-align: left
}

@media (min-width: 768px) {
    ._1detw {
        text-align:center
    }
}

.PRLg2 {
    height: 400px
}

.S3XfN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.S3XfN::-webkit-scrollbar {
    display: none
}

.XVpEV:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.XVpEV:focus-visible:active:after {
    bottom: -5px
}

._2xU2x:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1OWEG {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    overflow: scroll;
    padding: 16px;
    resize: none;
    color: #4b4b4b;
    background-color: #f7f7f7;
    caret-color: #1cb0f6
}

@media not all and (min-width: 768px) {
    ._1OWEG {
        height:100%;
        line-height: 28px;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._1OWEG {
        overflow:auto
    }
}

._1OWEG::-moz-placeholder {
    color: #afafaf
}

._1OWEG::placeholder {
    color: #afafaf
}

._3uoH0 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3uoH0::-webkit-scrollbar {
    display: none
}

._3aQzP:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3aQzP:focus-visible:active:after {
    bottom: -5px
}

._37UrR:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._33p2Z {
    height: 100vh;
    height: 100dvh;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

@media (min-width: 768px) {
    ._33p2Z {
        width:min(100vw,1280px);
        position: relative
    }
}

@media (min-width: 1280px) and (min-height:720px) {
    ._33p2Z {
        border-radius:8px
    }
}

@media (min-width: 768px) {
    ._3eNeT {
        height:min(100vh,720px)
    }
}

@media (min-width: 768px) {
    ._1IURv {
        height:unset
    }
}

._14-8b {
    display: flex;
    justify-content: center;
    flex-grow: 1;
    overflow-y: auto;
    padding: 16px;
    position: relative
}

@media (min-width: 768px) {
    ._14-8b {
        display:block;
        overflow-y: hidden;
        padding: 0
    }
}

._14-8b._22I1W {
    padding-bottom: 0
}

._3RG3C {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._2s4Ha {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2s4Ha::-webkit-scrollbar {
    display: none
}

._3D5v8:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3D5v8:focus-visible:active:after {
    bottom: -5px
}

._1Du9K:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.x-Wco {
    display: flex;
    width: 100%;
    padding: 16px;
    align-items: center;
    flex-shrink: 0;
    flex-direction: column-reverse;
    gap: 8px
}

@media (min-width: 768px) {
    .x-Wco {
        justify-content:flex-end;
        flex-direction: row;
        height: 96px;
        padding: 0 40px
    }
}

.x-Wco._2SdwO {
    border-top: 2px solid #e5e5e5
}

._3skAe {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%
}

._3ZLHz {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%
}

._2wPrr {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2wPrr::-webkit-scrollbar {
    display: none
}

._2sGPg:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2sGPg:focus-visible:active:after {
    bottom: -5px
}

._1Y8S_:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._2THxb {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 64px;
    padding: 12px 16px
}

@media (min-width: 768px) {
    ._2THxb {
        min-height:102px;
        padding: 12px 40px
    }
}

._2THxb._9xpNP {
    border-bottom: 2px solid #e5e5e5
}

.sGAtK {
    display: none
}

@media (min-width: 768px) {
    .sGAtK {
        display:block
    }
}

._3ChAc {
    display: block
}

@media (min-width: 768px) {
    ._3ChAc {
        display:none
    }
}

._3Jjpp {
    display: flex;
    justify-content: flex-start;
    gap: 12px
}

._1Clpd {
    display: flex;
    justify-content: flex-end;
    gap: 12px
}

._3ACd9 {
    display: none
}

@media (min-width: 768px) {
    ._3ACd9 {
        display:block;
        width: 78px;
        height: 78px
    }
}

._1Alfy {
    visibility: hidden;
    height: 0
}

.PrRiX {
    height: 0
}

._3Jpym {
    width: 100%;
    height: 100%;
    border-radius: 12px
}

._1vcGT {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1vcGT::-webkit-scrollbar {
    display: none
}

.-umeJ:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.-umeJ:focus-visible:active:after {
    bottom: -5px
}

._1GFNu:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

@media (max-width: 767px) {
    ._1pWbS {
        width:100%
    }
}

._1pWbS:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3d7JR {
    display: flex;
    align-content: center;
    gap: 8px
}

._2J59j {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2J59j::-webkit-scrollbar {
    display: none
}

._3Owcd:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3Owcd:focus-visible:active:after {
    bottom: -5px
}

._1L0Zo:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.u1qcz {
    flex-shrink: 0;
    align-self: flex-end;
    width: 100%
}

@media (min-width: 768px) {
    .u1qcz {
        width:160px
    }
}

._2wf3r {
    --web-ui_button-background-color: #58cc02;
    --web-ui_button-border-color: #58a700
}

._2wf3r:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2wf3r:focus-visible:active:after {
    bottom: -5px
}

._2wf3r:focus-visible:after {
    border-color: #58cc02
}

._1qBef {
    --web-ui_button-background-color: #ff4b4b;
    --web-ui_button-border-color: #ea2b2b
}

._1qBef:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._1qBef:focus-visible:active:after {
    bottom: -5px
}

._1qBef:focus-visible:after {
    border-color: #ff4b4b
}

.JVtDG {
    --web-ui_button-background-color: #ffc800;
    --web-ui_button-border-color: #e7a601
}

.JVtDG:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.JVtDG:focus-visible:active:after {
    bottom: -5px
}

.JVtDG:focus-visible:after {
    border-color: #ffc800
}

._3qeQd {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3qeQd::-webkit-scrollbar {
    display: none
}

._1O8ir:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._1O8ir:focus-visible:active:after {
    bottom: -5px
}

._3z-wL:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

@keyframes fa432 {
    0% {
        transform: translateY(145%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes _3yk0N {
    0% {
        opacity: 1
    }

    to {
        display: none
    }
}

.E1dOb {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px;
    position: relative;
    z-index: 999;
    padding: 0 16px 16px
}

@media (min-width: 768px) {
    .E1dOb {
        padding:0 40px
    }
}

._2NY7h {
    position: absolute;
    bottom: 0;
    left: 0;
    pointer-events: none;
    z-index: 1000
}

._2NY7h>button {
    z-index: 1000;
    pointer-events: auto
}

._3BEzs,._2YfrN>button {
    visibility: hidden
}

._1Uhoe {
    animation: fa432 .35s cubic-bezier(.1,.7,.25,1) forwards
}

@media (min-width: 768px) {
    ._1Uhoe {
        position:absolute;
        bottom: 0;
        flex-direction: row;
        border-bottom-left-radius: 8px;
        border-bottom-right-radius: 8px;
        justify-content: space-between
    }
}

._1NqwD {
    display: none;
    animation: none
}

@media (min-width: 768px) {
    ._1NqwD {
        display:block;
        width: 100%;
        height: 100vh;
        z-index: 1001;
        position: absolute;
        top: 100%;
        left: 0;
        background-color: #f0f0f0;
        animation: _3yk0N .35s forwards
    }
}

._3W1F4 {
    position: relative;
    width: 100%
}

._2Zc4f {
    position: absolute;
    left: 0;
    right: 0;
    height: 48px;
    pointer-events: none;
    z-index: 1000
}

._3ROvA {
    top: 0
}

.pl9At {
    bottom: 0
}

._2UCWV {
    background: linear-gradient(0deg,rgba(215,255,184,0),#d7ffb8)
}

.bUnWw {
    background: linear-gradient(180deg,rgba(215,255,184,0),#d7ffb8)
}

._1yn7m {
    background: linear-gradient(0deg,rgba(255,223,224,0),#ffdfe0)
}

._1dN_s {
    background: linear-gradient(180deg,rgba(255,223,224,0),#ffdfe0)
}

.IgAQL {
    background: linear-gradient(0deg,rgba(255,245,211,0),#fff5d3)
}

.Znvlf {
    background: linear-gradient(180deg,rgba(255,245,211,0),#fff5d3)
}

._3Chg3 {
    background-color: #d7ffb8;
    color: #58a700
}

._1kqQ2 {
    background-color: #ffdfe0;
    color: #ea2b2b
}

._38_Ln {
    background-color: #fff5d3;
    color: #cd7900
}

._1DkpC {
    position: absolute;
    bottom: 0
}

.V80YU {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.V80YU::-webkit-scrollbar {
    display: none
}

._32N7E {
    max-height: 160px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    padding-top: 16px
}

@media (min-width: 768px) {
    ._32N7E {
        padding-top:24px;
        padding-bottom: 24px
    }
}

._2ku-_ {
    display: flex;
    width: 100%;
    gap: 8px;
    align-items: flex-end
}

@media (min-width: 768px) {
    ._2ku-_ {
        gap:16px
    }
}

._3dPxd {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0
}

.yCJbe {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

@media (min-width: 768px) {
    ._3qLxf {
        margin-bottom:24px
    }
}

._3YN8x {
    gap: 8px
}

.ibVHP {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.ibVHP::-webkit-scrollbar {
    display: none
}

._19244 {
    display: contents
}

._20-oj {
    transition: max-height .2s cubic-bezier(.4,0,.2,1)
}

._2gpLn {
    max-height: 176px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    overflow-y: hidden;
    padding-top: 16px
}

@media (min-width: 768px) {
    ._2gpLn {
        max-height:100dvh;
        padding-top: 24px;
        padding-bottom: 24px;
        overflow-y: auto
    }
}

._2gpLn._1xleZ {
    max-height: calc(100dvh - 80px);
    overflow-y: auto
}

._3BWLl {
    cursor: pointer;
    position: absolute;
    height: 60px;
    width: 100%;
    left: 0;
    top: 0
}

._1VkGD {
    height: 32px;
    width: 20px
}

._1VkGD._3A47- {
    margin-top: 16px
}

._1CQSL {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between
}

._3a76O {
    font-size: 18px;
    line-height: 140%;
    overflow: visible
}

@media (min-width: 768px) {
    ._3a76O {
        max-height:100dvh
    }
}

._3-D08 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 0 0
}

.HOBDS {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

@media (min-width: 768px) {
    ._1lwTI {
        margin-bottom:24px
    }
}

._38WHF {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._38WHF::-webkit-scrollbar {
    display: none
}

._16YrO {
    transition: max-height .2s cubic-bezier(.4,0,.2,1)
}

._31qX2 {
    padding-top: 16px;
    max-height: 176px;
    width: 100%;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (min-width: 768px) {
    ._31qX2 {
        padding-top:24px;
        padding-bottom: 24px;
        max-height: 100dvh;
        overflow-y: auto
    }
}

._31qX2._2ZLUq {
    max-height: calc(100dvh - 80px);
    overflow-y: auto
}

._3rcRA {
    cursor: pointer;
    position: absolute;
    height: 60px;
    width: 100%;
    left: 0;
    top: 0
}

.Bk7IG {
    height: 32px;
    width: 20px
}

.Bk7IG.eBUvH {
    margin-top: 16px
}

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

._3Qrpy {
    font-size: 18px;
    line-height: 28px;
    height: -moz-fit-content;
    height: fit-content;
    overflow: visible;
    margin-top: 8px
}

@media (min-width: 768px) {
    ._3Qrpy {
        max-height:100dvh
    }
}

._2Ee66,.m2L-Q {
    font-weight: 700
}

.m2L-Q {
    display: flex;
    gap: 8px;
    font-size: 24px;
    height: 32px;
    align-items: center
}

@media (min-width: 768px) {
    ._31qX2:has(.m2L-Q:only-child) {
        margin-top:8px;
        margin-bottom: 8px
    }
}

@media (min-width: 768px) {
    .XjKuc {
        margin-bottom:24px
    }
}

._3W79I {
    display: contents
}

._2Lpn4 {
    overscroll-behavior: none;
    overscroll-behavior-x: none
}

._36elU {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._36elU::-webkit-scrollbar {
    display: none
}

._2Zc2_ {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #f1f7fb
}

._3IhGW {
    color: #f1f7fb;
    font-size: 18px;
    text-wrap: nowrap
}

._2j1z2 {
    position: absolute;
    right: 50%;
    transform: translateX(50%);
    bottom: 20px;
    animation: _1Hs2k .2s ease-in forwards;
    will-change: opacity
}

.mo0rt {
    position: relative;
    padding: 12px 18px 12px 16px;
    min-height: 56px;
    border-radius: 16px;
    background-color: #202f36;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    z-index: 1
}

._17QJ6 {
    position: absolute;
    bottom: -6px;
    height: 100%;
    right: 50%;
    transform: translateX(50%);
    width: calc(100% - 12px);
    border-radius: 12px;
    opacity: .12;
    background: #202f36;
    z-index: 0
}

@keyframes _1Hs2k {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

._2rSAN:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2rSAN:focus-visible:active:after {
    bottom: -5px
}

._1zP2o:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._2bLAH {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2bLAH::-webkit-scrollbar {
    display: none
}

._1VBvD {
    width: 100%
}

@media (min-width: 768px) {
    ._1VBvD {
        width:auto;
        min-width: 160px;
        padding: 0 16px
    }
}

._1VBvD:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._1VBvD:focus-visible:active:after {
    bottom: -5px
}

.Ncuvo {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Ncuvo::-webkit-scrollbar {
    display: none
}

._21uWD::-webkit-scrollbar {
    width: 6px
}

._21uWD::-webkit-scrollbar-thumb {
    background-color: hsla(0,0%,46.7%,.4);
    border-radius: 8px
}

._5osrr {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._5osrr::-webkit-scrollbar {
    display: none
}

._2vdZH:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2vdZH:focus-visible:active:after {
    bottom: -5px
}

._1zUib:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3N7hr::-webkit-scrollbar {
    width: 6px
}

._3N7hr::-webkit-scrollbar-thumb {
    background-color: hsla(0,0%,46.7%,.4);
    border-radius: 8px
}

._2KVkS {
    color: #4b4b4b;
    font-size: 18px!important;
    line-height: 1.2!important;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    ._2KVkS {
        text-align:center
    }
}

._1n3pF {
    text-decoration: underline;
    font-weight: 700
}

._1twS2 {
    margin-top: 32px
}

@media (min-width: 768px) {
    ._1twS2 {
        max-width:920px;
        margin: 48px 40px 0
    }
}

@media (min-width: 768px) {
    .N6v7V {
        margin-right:5px
    }
}

._3ZriZ {
    display: inline
}

._3pXOT {
    display: inline-block
}

._2lW8F {
    line-height: 40px;
    color: #4b4b4b;
    font-size: 18px
}

@media (min-width: 768px) {
    ._11jun {
        display:flex;
        flex-direction: column;
        align-items: center;
        padding: 40px 0;
        height: 100%;
        overflow-y: auto
    }
}

._3w2JT {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    justify-content: center
}

._1W3C6 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1W3C6::-webkit-scrollbar {
    display: none
}

.Xig7C:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.Xig7C:focus-visible:active:after {
    bottom: -5px
}

.w7tJP:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.xG-f1 {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-color: #f7f7f7;
    border: 2px solid #e5e5e5;
    padding: 0;
    position: relative;
    text-align: center;
    height: 28px;
    width: 22px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    color: #4b4b4b
}

.xG-f1:-moz-read-only {
    background-color: #fff;
    pointer-events: none
}

.xG-f1:read-only {
    background-color: #fff;
    pointer-events: none
}

.xG-f1:focus {
    border-color: #1cb0f6;
    background-color: #ddf4ff;
    z-index: 1
}

.xG-f1:first-of-type {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.xG-f1:last-of-type {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.xG-f1:not(:first-of-type) {
    margin-left: -2px
}

._2tqu6 {
    color: #4b4b4b!important;
    background-color: #f7f7f7!important;
    border: 2px solid #e5e5e5!important;
    -webkit-text-fill-color: #4b4b4b!important;
    opacity: 1!important
}

.BaCeM {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.BaCeM::-webkit-scrollbar {
    display: none
}

._32tap:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._32tap:focus-visible:active:after {
    bottom: -5px
}

._35z4t:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1F93K {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #4b4b4b
}

@media (min-width: 768px) {
    ._1F93K {
        font-size:28px;
        text-align: center
    }
}

._3ztIW {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3ztIW::-webkit-scrollbar {
    display: none
}

._17PIi:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._17PIi:focus-visible:active:after {
    bottom: -5px
}

._1DduN:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.quymV {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (min-width: 768px) {
    .quymV {
        padding-top:48px;
        overflow-y: auto;
        height: 100%
    }
}

.K928M {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 24px
}

@media (min-width: 768px) {
    .K928M {
        margin:40px 0 48px
    }
}

._2Ur4m {
    height: auto;
    max-height: 300px;
    width: 100%;
    overflow: auto;
    resize: none;
    background-color: #f7f7f7;
    flex-grow: 1
}

._2Ur4m::-moz-placeholder {
    color: #afafaf
}

._2Ur4m::placeholder {
    color: #afafaf
}

@media (min-width: 768px) {
    ._2Ur4m {
        grid-column:2;
        grid-row: 1;
        width: 600px;
        height: 160px
    }
}

._39u9Q {
    width: 154px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 13px;
    margin-bottom: 24px;
    background-color: #f1f7fb;
    border-radius: 8px;
    padding: 10px 0
}

._34ygL {
    background-color: #f7f7f7
}

._19aZD {
    visibility: hidden
}

._3UC8c {
    color: #1cb0f6;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

._29W-G {
    color: #afafaf
}

.EF5_N {
    height: -moz-fit-content;
    height: fit-content
}

@media (min-width: 768px) {
    .EF5_N {
        grid-column:1;
        grid-row: 1
    }
}

._36ESX {
    --web-ui_button-border-radius: 26px;
    width: 116px;
    height: 116px
}

.k_leu {
    font-weight: 700;
    text-decoration: underline
}

.MD4PL:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.MD4PL:focus-visible:active:after {
    bottom: -5px
}

._3EL2O:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.OKaUw {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.OKaUw::-webkit-scrollbar {
    display: none
}

* {
    touch-action: manipulation
}

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

._3U3lI:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3U3lI:focus-visible:active:after {
    bottom: -5px
}

._3U3lI:focus-visible:after {
    border-radius: 30px
}

._2RJv6 {
    cursor: not-allowed!important
}

._2Y5RT {
    width: 58.3%;
    height: 42.7%
}

.Kc2hE:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.Kc2hE:focus-visible:active:after {
    bottom: -5px
}

._27tCX:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3-dGQ {
    width: 170px;
    height: 255px
}

._2cPu6 {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1
}

._3V_ev {
    text-align: left;
    width: 100%
}

@media (min-width: 768px) {
    ._3V_ev {
        margin-top:50px;
        text-align: center
    }
}

._3pxAp {
    margin-top: 8px;
    font-size: 18px
}

._3pxAp:empty:after {
    content: "\00a0";
    display: block;
    height: 56px
}

@media (min-width: 768px) {
    ._3pxAp {
        margin-top:16px
    }

    ._3pxAp:empty:after {
        content: "\00a0";
        display: block;
        height: 28px
    }
}

.AahRr {
    margin: 30px auto;
    width: 200px;
    height: 300px;
    position: relative
}

.AahRr._2xM3g {
    margin-top: 0;
    width: 220px;
    height: 330px
}

.AahRr._1KfgS {
    margin-top: 58px
}

.AahRr._1KfgS._389q4 {
    width: 170px;
    height: 255px
}

@media (min-width: 768px) {
    .AahRr._2xM3g {
        margin-top:-22px
    }

    .AahRr._1KfgS {
        margin-top: 38px
    }
}

@keyframes _2URwn {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes _20U_m {
    0% {
        transform: translateX(-50%) scale(.2);
        opacity: 0
    }

    to {
        transform: translateX(-50%) scale(1);
        opacity: 1
    }
}

._22oWO {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transform-origin: bottom center;
    opacity: 0
}

._22oWO._1B2MT {
    animation: _20U_m .3s ease forwards
}

._22oWO._2U9Cz {
    animation: _2URwn .1s ease forwards
}

._22oWO._2YZDo {
    animation: _2URwn .2s ease forwards
}

._2v9HY {
    bottom: 100%
}

.mo3SW {
    bottom: 95%
}

._2R0ED {
    bottom: 80%
}

.eLWU_ {
    width: 25px;
    height: 25px;
    margin-top: -4px
}

@media (min-width: 768px) {
    .eLWU_ {
        margin-top:unset
    }
}

.wYAeP {
    width: 200px;
    height: 300px;
    -o-object-fit: contain;
    object-fit: contain
}

.wYAeP._1KfgS._389q4 {
    width: 170px;
    height: 255px
}

.B8JNU {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 4px 2px;
    min-width: 40px;
    transition: max-width .5s;
    will-change: max-width
}

@media (min-width: 768px) {
    .B8JNU {
        padding:6px 2px
    }
}

.B8JNU.mLld9 {
    height: 37px
}

._3HZ9Y {
    position: absolute;
    bottom: 16px;
    padding: 0 16px
}

@media (min-width: 768px) {
    ._3HZ9Y {
        bottom:52px
    }
}

._1-8S1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1-8S1::-webkit-scrollbar {
    display: none
}

._2ieJg:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2ieJg:focus-visible:active:after {
    bottom: -5px
}

._36p0b:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._21OmF {
    height: 64px;
    width: 100%
}

@media (min-width: 768px) {
    ._21OmF {
        width:343px
    }
}

._21OmF:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.iv2hw {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    gap: 8px
}

._1qBGt {
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    animation: _3mocf 1.35s ease-out infinite
}

@keyframes _3mocf {
    0%,14.8% {
        transform: translateX(-50%) translateY(-100%)
    }

    40.7%,62.9% {
        transform: translateX(-50%) translateY(calc(-100% + 16px))
    }

    to {
        transform: translateX(-50%) translateY(-100%)
    }
}

._2xK5V {
    padding: 2px 12px;
    border-radius: 99999px;
    background-color: #fff;
    border: 2px solid #e5e5e5;
    margin-bottom: 12px;
    margin-top: 12px
}

._2xK5V.Vna5X {
    visibility: hidden
}

@media (min-height: 640px) {
    ._2xK5V {
        background-color:unset;
        border: none;
        margin-bottom: unset;
        margin-top: unset
    }
}

._1zO0I {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1zO0I::-webkit-scrollbar {
    display: none
}

.DLOL9:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.DLOL9:focus-visible:active:after {
    bottom: -5px
}

.i_8-L:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._2JfL0 {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 16px;
    justify-content: flex-end;
    align-items: center;
    gap: 16px
}

@media (min-width: 768px) {
    ._2JfL0 {
        position:relative;
        flex-direction: row;
        border-top: 2px solid #e5e5e5;
        padding: 24px 40px
    }
}

._12XWl {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    position: relative
}

@media (min-width: 768px) {
    ._12XWl {
        width:auto
    }
}

._2rBhR {
    color: #1cb0f6;
    display: flex;
    align-items: center;
    min-width: 160px
}

.FpvIR {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #1cb0f6;
    margin-right: 8px
}

._3N-r9 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    ._3N-r9 {
        height:48px;
        flex-wrap: nowrap
    }
}

@media (min-width: 768px) {
    .fUTX8 {
        position:absolute;
        left: 50%;
        transform: translateX(-50%);
        display: flex;
        justify-content: center
    }
}

.-FOPp {
    width: 100%;
    height: 100%
}

.Xx1Vf {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Xx1Vf::-webkit-scrollbar {
    display: none
}

._23Gi5:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._23Gi5:focus-visible:active:after {
    bottom: -5px
}

._1L-0T:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._6-JOp {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto
}

@media (min-width: 768px) {
    ._6-JOp {
        align-items:center;
        justify-content: center
    }
}

._5Na6J {
    margin: 12px auto 16px;
    font-size: 18px;
    line-height: 28px;
    color: #4b4b4b
}

@media (min-width: 768px) {
    ._5Na6J {
        margin:16px auto 40px
    }
}

.QgPCD {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #4b4b4b
}

@media (min-width: 768px) {
    .QgPCD {
        padding:24px;
        width: 600px
    }
}

._185fC {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._185fC::-webkit-scrollbar {
    display: none
}

.WVTe9:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.WVTe9:focus-visible:active:after {
    bottom: -5px
}

._2u2lN:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1kEGo {
    height: 100%;
    overflow-y: auto
}

@media (min-width: 768px) {
    ._1kEGo {
        flex-direction:row;
        gap: 40px;
        padding: 32px 40px;
        justify-content: center;
        display: flex
    }
}

._2WXoC {
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: -moz-fit-content;
    height: fit-content
}

@media (min-width: 768px) {
    ._2WXoC {
        height:100%;
        gap: 12px;
        flex: 1;
        flex-direction: row
    }
}

._1VJPC {
    display: none
}

@media (min-width: 768px) {
    ._1VJPC {
        display:flex;
        justify-content: center;
        align-items: center;
        height: 33px;
        width: 24px
    }
}

._1VJPC.P_Vwk {
    color: #afafaf
}

.wdRPM {
    font-weight: 700;
    color: #777
}

.wdRPM.P_Vwk {
    color: #afafaf
}

@media (min-width: 768px) {
    .wdRPM {
        display:none
    }
}

._2lx55 {
    width: 24px;
    height: 24px;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #1cb0f6;
    color: #fff
}

._2lx55.P_Vwk {
    background-color: #afafaf
}

._3n9Lu {
    width: 16px;
    height: 24px
}

._1r9Zv {
    flex: 1;
    display: flex;
    flex-direction: column
}

._1jeDK {
    font-size: 24px;
    color: #4b4b4b;
    text-align: left
}

._1jeDK.P_Vwk {
    color: #afafaf
}

.TUTLA {
    margin: 16px 0;
    width: 100%;
    height: 100%;
    font-size: 18px;
    line-height: 28px
}

@media (min-width: 768px) {
    .TUTLA {
        margin:24px 0
    }
}

.TUTLA.P_Vwk {
    color: #777;
    background-color: #fff
}

.yHFqU {
    display: none
}

@media (min-width: 768px) {
    .yHFqU {
        display:flex;
        justify-content: right;
        min-height: 40px
    }

    .yHFqU._3LDCh {
        visibility: hidden
    }
}

._38-5P {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #4b4b4b;
    margin-top: 12px
}

._38-5P.P_Vwk {
    color: #777
}

._1xjRH {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1xjRH::-webkit-scrollbar {
    display: none
}

._3AwUn:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3AwUn:focus-visible:active:after {
    bottom: -5px
}

._2b3QS:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._2jm8X {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
    padding: 50px 0 0
}

._3jHLi {
    margin-top: 0;
    margin-bottom: 24px;
    text-align: center
}

._3jHLi._1PIov {
    margin-bottom: 0
}

._2jU3_ {
    font-size: 18px;
    line-height: 28px;
    margin: 16px 0 32px;
    max-width: 700px;
    text-align: center
}

._1YwG9 {
    margin-bottom: 32px
}

@media (min-width: 768px) {
    ._1YwG9 {
        margin-bottom:40px
    }
}

.vPLa- {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 2px solid #e5e5e5
}

@media (min-width: 768px) {
    .vPLa- {
        width:480px
    }
}

.vPLa- .GicGF {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 12px 0;
    gap: 4px;
    text-align: center;
    justify-content: center
}

@media (min-width: 768px) {
    .vPLa- .GicGF {
        padding:18px 0 14px;
        gap: 8px
    }
}

.vPLa- .GicGF:first-child {
    border-right: 2px solid #e5e5e5
}

._1EqrT {
    color: #afafaf
}

._1qZI6 {
    color: #1cb0f6
}

._3xPk8 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3xPk8::-webkit-scrollbar {
    display: none
}

._1fvXw {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    justify-content: center;
    height: 100%
}

._3cprm {
    text-align: center;
    text-wrap: balance;
    max-width: 400px
}

._33CC4 {
    width: 160px
}

@media (min-width: 768px) {
    .oHZ6m {
        display:flex;
        height: 100vh;
        width: 100vw;
        justify-content: center;
        align-items: center
    }
}

._3Ifu_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3Ifu_::-webkit-scrollbar {
    display: none
}

._19QA1 {
    display: flex;
    gap: 4px;
    justify-content: center
}

.af_OH {
    color: #fff
}

._3l0hK {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3l0hK::-webkit-scrollbar {
    display: none
}

._3KIBo:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3KIBo:focus-visible:active:after {
    bottom: -5px
}

._2BGKb:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._17GeH {
    width: 30px;
    height: 24px;
    border-radius: 2px
}

@media (min-width: 768px) {
    ._17GeH {
        width:38.625px
    }
}

._1XsoA {
    background-color: #e5e5e5
}

.vTwUs {
    background-color: #ddf4ff;
    outline: 2px solid #84d8ff
}

.YqaPZ {
    background-color: #1cb0f6
}

._34nLw {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px
}

._12_pA {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px
}

._1DkuP {
    background-color: hsla(0,0%,100%,.2);
    border-radius: 17px;
    height: 4px
}

._2g4fy {
    width: 18.625px
}

._2efWi {
    padding: 6px 8px 0 12px
}

._3aX2D {
    width: 22.625px
}

._8eflq {
    padding: 6px 8px 0
}

.IVf8z {
    background-color: #1cb0f6!important;
    border: none!important
}

._1OPFg {
    width: 112px;
    padding: 12px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: 8px;
    border-radius: 12px!important
}

._21dVd {
    position: relative;
    padding-top: 8px;
    margin-top: -8px
}

._2zdwG {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2zdwG::-webkit-scrollbar {
    display: none
}

._6XF_Z {
    display: flex;
    flex-direction: column;
    gap: 48px;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 529px;
    width: 100%
}

._36alG {
    display: flex;
    gap: 24px;
    justify-content: space-around
}

._15cxZ {
    width: 240px;
    height: 240px
}

._15cxZ._1B-bX {
    border-radius: 24px;
    border: 2px solid #e5e5e5
}

._1gSbs {
    max-width: 600px
}

._3jT0W {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3jT0W::-webkit-scrollbar {
    display: none
}

._2vHqp:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2vHqp:focus-visible:active:after {
    bottom: -5px
}

._1HNxl:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1ELrZ {
    margin-bottom: 8px
}

@media (max-width: 767px) {
    ._2yYe7 {
        height:100dvh;
        padding: 20px 16px!important
    }
}

@media (min-width: 768px) {
    ._2tbk- {
        display:none
    }
}

._1lILl {
    line-height: 300%;
    padding-bottom: 16px;
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    align-content: flex-start
}

.-jtDz {
    line-height: 225%
}

._1RZdp {
    display: flex;
    flex-direction: column;
    margin: -12px 0;
    gap: 12px;
    width: 100%;
    font-weight: 700!important
}

.CUIdy {
    display: inline-flex;
    align-items: center;
    border-bottom: 2px solid #e5e5e5;
    height: 40px;
    position: relative;
    min-width: 150px;
    justify-content: space-between;
    font-weight: 700
}

.CUIdy._2224Q {
    border: 2px solid #e5e5e5
}

.CUIdy.ETDGm ._3mkl- {
    color: #4b4b4b;
    min-width: 95px
}

@media (min-width: 768px) {
    .CUIdy {
        height:32px;
        padding: 1px 1px 1px 0;
        justify-content: flex-start;
        gap: 8px
    }
}

._3mkl- {
    white-space: nowrap;
    letter-spacing: 0
}

.jzNuT {
    display: inline;
    margin-right: 4px
}

._11pnJ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._11pnJ::-webkit-scrollbar {
    display: none
}

.jnrj7:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.jnrj7:focus-visible:active:after {
    bottom: -5px
}

._2KNo2:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._2v-cf {
    display: flex;
    position: relative;
    height: 100%
}

@media (max-width: 768px) {
    ._2v-cf {
        display:none
    }
}

._2v-cf>div+div {
    border-left: 2px solid #e5e5e5
}

._10vK1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._10vK1::-webkit-scrollbar {
    display: none
}

._37rHh::-webkit-scrollbar {
    width: 6px
}

._37rHh::-webkit-scrollbar-thumb {
    background-color: hsla(0,0%,46.7%,.4);
    border-radius: 8px
}

._1L7yg {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 8;
    padding: 40px 40px 60px;
    height: 100%;
    overflow-y: auto;
    border-bottom-left-radius: 8px;
    background-color: #fafafa
}

.iBb3R {
    bottom: 0;
    left: 0;
    width: calc(52.8% - 6px);
    background: linear-gradient(transparent,hsla(0,0%,98%,.9) 52px,#fafafa 80px)
}

._1ASBo {
    color: #777;
    font-weight: 700;
    font-size: 16px;
    line-height: 185%;
    letter-spacing: .02em
}

._1tHdx {
    font-size: 18px;
    white-space: pre-line;
    color: #4b4b4b
}

.BAdCh {
    line-height: 160%
}

._2FMFi {
    line-height: 225%
}

._1I6BE {
    position: absolute;
    height: 80px;
    pointer-events: none
}

._2KOpx {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2KOpx::-webkit-scrollbar {
    display: none
}

._1dFU-::-webkit-scrollbar {
    width: 6px
}

._1dFU-::-webkit-scrollbar-thumb {
    background-color: hsla(0,0%,46.7%,.4);
    border-radius: 8px
}

._1v27e {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 7;
    padding: 40px 40px 60px;
    height: 100%;
    overflow-y: auto
}

.EH12S {
    margin-bottom: 24px
}

._39NpR {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
    width: 100%;
    gap: 16px
}

._1SPjB {
    margin-right: auto
}

._3sdJB {
    margin-left: auto
}

._2AIAI {
    bottom: 0;
    right: 6px;
    width: calc(47% - 6px);
    background: linear-gradient(transparent,hsla(0,0%,100%,.9) 52px,#fff 80px)
}

.H32U2:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.H32U2:focus-visible:active:after {
    bottom: -5px
}

._1yt96:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.l1c5Z {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.l1c5Z::-webkit-scrollbar {
    display: none
}

._334K2 {
    display: flex;
    align-items: center;
    line-height: 112.5%;
    color: inherit
}

._1SNuQ {
    position: relative
}

@media (max-width: 767px) {
    ._1SNuQ {
        min-width:190px;
        height: 44px!important;
        padding: 8px!important
    }
}

._1SNuQ:has(:focus-visible):before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6;
    box-shadow: 0 2px 0 #1cb0f6
}

._3S3Ey li {
    padding: 13.5px 24px!important
}

@media (max-width: 767px) {
    ._3S3Ey li {
        display:flex;
        height: 22px!important;
        padding: 12px 16px!important
    }
}

.VDypS {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.VDypS::-webkit-scrollbar {
    display: none
}

.n2tiQ:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.n2tiQ:focus-visible:active:after {
    bottom: -5px
}

._2woyw:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.O_yig {
    font-size: 20px
}

._2ow6C {
    font-size: 24px
}

._6g6QT {
    font-size: 18px
}

._3vnc4 {
    color: #4b4b4b
}

._4QG7Z {
    color: #afafaf
}

._2JP95 {
    color: #1899d6
}

.rg7zf {
    color: inherit
}

._22w-g {
    font-weight: 700
}

.vet15 {
    font-weight: 500
}

._3BUgn {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3BUgn::-webkit-scrollbar {
    display: none
}

._2BTUv {
    width: 24px;
    height: 24px;
    border-radius: 7px;
    border: 2px solid #e5e5e5;
    color: #afafaf;
    background-color: #fff;
    display: flex;
    font-size: 14px;
    align-items: center;
    justify-content: center;
    font-weight: 700
}

.HYM-6:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.HYM-6:focus-visible:active:after {
    bottom: -5px
}

.KHiZI:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._10STh {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._10STh::-webkit-scrollbar {
    display: none
}

._36Psw {
    display: flex;
    align-items: center;
    gap: 8px
}

@media (min-width: 768px) {
    ._36Psw {
        gap:12px
    }
}

._13J9R {
    text-transform: none;
    letter-spacing: normal;
    line-height: 28px;
    letter-spacing: 0
}

._1Yh_k:not(:hover) {
    background-color: #fff!important
}

._39_5G {
    pointer-events: none
}

._391ic:first-child {
    border-radius: 15px 15px 0 0
}

._391ic:last-child {
    border-radius: 0 0 15px 15px
}

._391ic:focus-visible {
    outline: 2px solid #1cb0f6;
    outline-offset: -2px
}

.tjlNl {
    border-left: 2px solid #84d8ff!important;
    border-right: 2px solid #84d8ff!important
}

.tjlNl:first-child {
    border-top: 2px solid #84d8ff!important
}

.tjlNl:last-child {
    border-bottom: 2px solid #84d8ff!important
}

._1dHzi:first-child {
    border-radius: 15px 15px 0 0
}

._1dHzi:last-child {
    border-radius: 0 0 15px 15px
}

._1dHzi:focus-visible {
    outline: 2px solid #1cb0f6;
    outline-offset: -2px
}

._1dHzi:focus-within:not(:hover) {
    background-color: inherit!important
}

._1dHzi:not(:active) {
    border-left: 2px solid #e5e5e5!important;
    border-right: 2px solid #e5e5e5!important
}

._1dHzi:not(:active):first-child {
    border-top: 2px solid #e5e5e5!important
}

._1dHzi:not(:active):last-child {
    border-bottom: 2px solid #e5e5e5!important
}

._1dHzi:active {
    border-left: 2px solid #84d8ff!important;
    border-right: 2px solid #84d8ff!important
}

._1dHzi:active:first-child {
    border-top: 2px solid #84d8ff!important
}

._1dHzi:active:last-child {
    border-bottom: 2px solid #84d8ff!important
}

._3_uu_ {
    border-left: 2px solid #84d8ff!important;
    border-right: 2px solid #84d8ff!important
}

._3_uu_:first-child {
    border-radius: 15px 15px 0 0
}

._3_uu_:last-child {
    border-radius: 0 0 15px 15px
}

._3_uu_:focus-visible {
    outline: 2px solid #1cb0f6;
    outline-offset: -2px
}

._3_uu_:first-child {
    border-top: 2px solid #84d8ff!important
}

._3_uu_:last-child {
    border-bottom: 2px solid #84d8ff!important
}

.dwG6A {
    border: 0!important;
    border-radius: 0!important
}

._3qv-d {
    height: 16px
}

._3_DVQ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3_DVQ::-webkit-scrollbar {
    display: none
}

._2F82p {
    padding-right: 8px
}

._2EQL6 {
    text-decoration: underline;
    font-weight: 700
}

.ytI-7 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.ytI-7::-webkit-scrollbar {
    display: none
}

._1yYga:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._1yYga:focus-visible:active:after {
    bottom: -5px
}

._1U6Xp:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3nEe8 {
    font-size: 20px
}

._1486f {
    font-size: 24px
}

._2PvlR {
    font-size: 18px
}

._2dFh6 {
    color: #4b4b4b
}

._34kHW {
    color: #afafaf
}

._2uql3 {
    color: #1899d6
}

._1cxS9 {
    color: inherit
}

._1ZfM3 {
    font-weight: 700
}

.MwYsO {
    font-weight: 500
}

@media (max-width: 767px) {
    ._3z54e {
        padding:0!important
    }
}

._394iC {
    padding: 20px 0
}

@media (min-width: 768px) {
    ._394iC {
        display:none
    }
}

._1ygin {
    padding: 0 16px
}

@media (max-width: 767px) {
    .WpDMp {
        white-space:pre-line;
        line-height: 156%;
        padding: 12px 16px
    }
}

.WpDMp::-moz-selection {
    background-color: #84d8ff
}

.WpDMp::selection {
    background-color: #84d8ff
}

@media (min-width: 768px) {
    .WpDMp::-moz-selection {
        background-color:#fbe56d
    }

    .WpDMp::selection {
        background-color: #fbe56d
    }
}

.ej8t4 {
    font-size: 18px;
    line-height: 135%;
    color: #4b4b4b;
    padding: 0
}

@media (min-width: 768px) {
    .ej8t4 {
        margin-bottom:12px
    }
}

._2duf3 {
    display: inline-block
}

._1HqA- {
    padding: 0 16px
}

@media (max-width: 767px) {
    ._29i8F {
        z-index:600;
        background-color: #fff;
        position: sticky;
        padding: 12px 16px 0;
        top: 0
    }
}

@media (min-width: 768px) {
    ._29i8F {
        display:flex;
        flex-direction: column;
        width: 100%;
        overflow-y: hidden
    }
}

@media (max-width: 767px) {
    ._29i8F._20Li8 {
        border-bottom:2px solid #e5e5e5
    }
}

.XsP4k {
    background-color: #f7f7f7;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    height: 104px;
    margin: 16px 0;
    overflow: scroll;
    padding: 12px 16px;
    line-height: 156%;
    font-size: 18px
}

@media (min-width: 768px) {
    .XsP4k {
        height:auto;
        margin: 0;
        overflow: auto;
        padding: 12px;
        line-height: 170%
    }
}

.XsP4k._2boUy {
    color: #777
}

._2Eh5j {
    position: relative
}

._2Eh5j._12VfM {
    background-color: #fbe56d
}

._1aUDh {
    margin: -18px -7px 0 -8px
}

._1aUDh,._1_3y- {
    height: 30px;
    width: 15px;
    position: relative
}

._1_3y- {
    margin: -18px -7px -18px -8px
}

.Zs51L {
    position: relative
}

._1e1pR {
    overflow: hidden;
    overscroll-behavior: none;
    overscroll-behavior-x: none
}

._1VxCo {
    position: relative
}

@media (max-width: 767px) {
    ._1VxCo {
        background-color:#fff;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column
    }

    ._1VxCo._2xIdW {
        position: fixed
    }
}

@media (min-width: 768px) {
    ._1VxCo {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 768px;
        max-width: calc(100vw - 40px);
        min-height: 560px;
        margin: auto;
        align-self: center;
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden
    }

    ._1VxCo._2tANc {
        height: 100%
    }
}

@media (min-width: 768px) {
    ._1euC_ {
        width:1200px
    }
}

@media (min-width: 768px) {
    ._2XAYo {
        width:900px
    }
}

@media (max-width: 767px) {
    ._2r4tv {
        display:flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        overflow: auto;
        height: calc(100% - 61px)
    }
}

@media (min-width: 768px) {
    ._2r4tv {
        display:flex;
        flex-direction: column;
        background-color: #fff;
        justify-content: space-between;
        flex: 1
    }
}

._2r4tv._1rMkU {
    overflow-y: hidden
}

._28MKd {
    display: none
}

@media screen and (min-width: 768px) {
    ._28MKd {
        display:block;
        font-size: 14px;
        padding-top: 10px;
        background-color: #f1f4f6;
        color: #a8b0b8
    }
}

._2SK8e {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    gap: 16px;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 16px
}

._2SK8e._112Tp {
    border-top: 1px solid #e1e5ea
}

._2SK8e.ucjNX {
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    ._2SK8e.ucjNX {
        flex-direction:row
    }
}

._2SK8e button {
    width: 100%
}

@media (min-width: 768px) {
    ._2SK8e {
        flex-direction:row;
        justify-content: space-between;
        padding: 36px 0;
        margin: 0 36px;
        border-top: 1px solid #e1e5ea;
        position: relative;
        width: inherit
    }
}

._2iImN {
}

@media (min-width: 768px) {
    ._2iImN {
        padding:24px 40px;
        margin: 0
    }
}

@media (max-width: 767px) {
    .q_Z9A {
        display:flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: 100%;
        height: -moz-available;
        height: -webkit-fill-available;
        margin-bottom: 73px;
        overflow: auto
    }

    .q_Z9A._1q_En {
        padding: 16px
    }
}

._2-urn {
    font-size: 24px!important
}

@media (min-width: 768px) {
    ._2-urn {
        font-size:26px!important;
        text-align: center
    }
}

._3Zo6q {
    margin-right: auto
}

@media (max-width: 767px) {
    ._3Zo6q {
        width:100%
    }
}

._1gp9_ {
    width: 100%;
    margin-left: auto
}

@media screen and (min-width: 768px) {
    ._1gp9_ {
        width:auto;
        white-space: nowrap
    }
}

._2WUYp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px
}

@media (min-width: 768px) {
    ._2WUYp {
        padding:0
    }
}

._MyGG {
    flex-grow: 1
}

@media (max-width: 767px) {
    ._MyGG {
        position:absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._MyGG {
        display:flex;
        flex-direction: column;
        gap: 28px;
        padding: 40px 35px
    }
}

._3w6gS {
    flex-grow: 1
}

@media (max-width: 767px) {
    ._3w6gS {
        position:absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._3w6gS {
        display:flex;
        flex-direction: column;
        gap: 20px;
        padding: 16px 40px;
        border-bottom: 1px solid #e1e5ea
    }
}

._2AOXC {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    ._2AOXC {
        position:sticky;
        top: 0;
        z-index: 600;
        height: 61px
    }
}

._1VxCo {
    position: sticky;
    top: 0;
    z-index: 600
}

@media (max-width: 767px) {
    ._1VxCo {
        height:61px
    }
}

@media (max-width: 767px) {
    ._3ZnwG {
        width:24px;
        height: 24px;
        cursor: pointer
    }
}

@media (min-width: 768px) {
    ._3ZnwG {
        display:none
    }
}

._3hvPD {
    display: none
}

@media (min-width: 768px) {
    ._3hvPD {
        display:block;
        width: 100px;
        height: 100px;
        border: 1px solid #ddd;
        margin: 16px 16px 0 0
    }
}

._3oihP {
    display: none
}

@media (min-width: 768px) {
    ._3oihP {
        display:flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #cacfd3;
        border-radius: 4px;
        color: #67737e;
        font-weight: 700;
        height: 33px;
        margin-left: auto;
        padding: 0 15px;
        text-transform: uppercase;
        white-space: nowrap
    }
}

._3Xwcq:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3Xwcq:focus-visible:active:after {
    bottom: -5px
}

._4nHyK:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.s9xB_ {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 48px 16px 16px
}

@media (min-width: 768px) {
    ._3Csw4 {
        display:none
    }
}

._2LPvw {
    display: flex;
    flex-direction: column;
    margin: -12px 0;
    gap: 12px
}

@media not all and (min-width: 768px) {
    ._2LPvw {
        padding:0 16px
    }
}

@media (min-width: 768px) {
    ._2LPvw {
        width:100%
    }
}

@media (max-width: 767px) {
    ._1gns3 {
        padding:0!important
    }
}

.sudv1:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.sudv1:focus-visible:active:after {
    bottom: -5px
}

._3qZgf:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.J7fta {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.J7fta::-webkit-scrollbar {
    display: none
}

._1u7rx {
    font-size: 20px
}

._1Z-z5 {
    font-size: 24px
}

.Vg9Lm {
    font-size: 18px
}

._2wrMg {
    color: #4b4b4b
}

._29K5q {
    color: #afafaf
}

._1AoD_ {
    color: #1899d6
}

._3VHKi {
    color: inherit
}

.DQRuj {
    font-weight: 700
}

._1gTym {
    font-weight: 500
}

._3ncz5 {
    display: flex;
    border-bottom: 2px solid #e5e5e5;
    padding: 16px;
    position: sticky;
    background-color: #fff;
    top: 0
}

._2QPMF {
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

._3P_W3 {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 16px
}

.lsFzj {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    flex: 1
}

._3yOKC {
    line-height: 156%
}

._3m5h9 {
    margin-top: 20px;
    padding: 0 16px
}

.Pf4T7 {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 12px
}

._2iP8Q {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2iP8Q::-webkit-scrollbar {
    display: none
}

._2ACOo:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2ACOo:focus-visible:active:after {
    bottom: -5px
}

._2If57:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

@media (max-width: 767px) {
    ._39Vcz {
        height:100dvh;
        padding: 20px 16px!important
    }
}

._3YXFv {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._3YXFv._2zdME {
    padding-bottom: 390px
}

@media (min-width: 768px) {
    ._3YXFv {
        display:none
    }
}

.I817b {
    display: flex;
    padding: 12px 16px;
    align-items: flex-start;
    gap: 8px;
    min-height: 56px;
    align-self: stretch;
    border-radius: 12px;
    border: 2px solid #e5e5e5;
    background: #f7f7f7;
    color: #777;
    margin: 16px 0
}

.I817b._1NV5F {
    background-color: #fff;
    border-style: solid;
    color: #4b4b4b
}

@media (min-width: 768px) {
    ._3OAjQ {
        display:flex;
        width: 100%;
        flex-direction: column;
        margin: -12px 0;
        gap: 12px;
        line-height: 24px
    }
}

._3NSUF:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3NSUF:focus-visible:active:after {
    bottom: -5px
}

._3FN6K:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._203k1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._203k1::-webkit-scrollbar {
    display: none
}

._3l15X {
    font-size: 20px
}

._3Op_e {
    font-size: 24px
}

._3F4Ae {
    font-size: 18px
}

._21OY- {
    color: #4b4b4b
}

.x90kE {
    color: #afafaf
}

._15uNx {
    color: #1899d6
}

._2DjjV {
    color: inherit
}

.qfUfm {
    font-weight: 700
}

._28jIk {
    font-weight: 500
}

._33JCR {
    display: flex;
    flex-direction: column;
    line-height: 150%;
    width: 100%
}

@media (min-width: 768px) {
    ._33JCR {
        display:none
    }
}

._2aCCx {
    padding-bottom: 240px
}

._2Kq0k {
    padding: 0!important;
    border: 2px solid #e5e5e5;
    border-radius: 4px
}

._3U8BR {
    width: 100%;
    padding: 12px 16px
}

._3U8BR._1k7B_ {
    border-bottom: 2px solid #e5e5e5
}

._1BCEv {
    background-color: #f7f7f7;
    width: 100%;
    border: #fff;
    padding: 16px;
    border-radius: 6px;
    flex-direction: row;
    justify-content: space-between;
    gap: 8px
}

._3_VEo,._1BCEv {
    display: flex;
    align-items: center
}

._3_VEo {
    line-height: 150%;
    color: inherit
}

._2zFYi li {
    padding: 12px!important
}

._1dld4 {
    margin-bottom: 8px
}

.nzsOj {
    text-wrap: auto
}

.Kf8UF {
    margin: 12px 0
}

._3jmfW {
    height: auto!important
}

._3AJDO {
    line-height: 156%
}

._3bBne {
    padding: 12px 0
}

._3tUGK {
    padding-bottom: 16px
}

._2hstI {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px
}

@media (min-width: 768px) {
    ._2hstI {
        padding:0
    }
}

._2_LH2 {
    flex-grow: 1
}

@media (max-width: 767px) {
    ._2_LH2 {
        position:absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._2_LH2 {
        display:flex;
        flex-direction: column;
        gap: 28px;
        padding: 40px 35px
    }
}

._3Rx_h {
    flex-grow: 1
}

@media (max-width: 767px) {
    ._3Rx_h {
        position:absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._3Rx_h {
        display:flex;
        flex-direction: column;
        gap: 20px;
        padding: 16px 40px;
        border-bottom: 1px solid #e1e5ea
    }
}

._2vRUp {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    ._2vRUp {
        position:sticky;
        top: 0;
        z-index: 600;
        height: 61px
    }
}

._2uEZn {
    position: sticky;
    top: 0;
    z-index: 600
}

@media (max-width: 767px) {
    ._2uEZn {
        height:61px
    }
}

@media (max-width: 767px) {
    ._3dmIz {
        width:24px;
        height: 24px;
        cursor: pointer
    }
}

@media (min-width: 768px) {
    ._3dmIz {
        display:none
    }
}

._1GvUe {
    display: none
}

@media (min-width: 768px) {
    ._1GvUe {
        display:block;
        width: 100px;
        height: 100px;
        border: 1px solid #ddd;
        margin: 16px 16px 0 0
    }
}

._289Rp {
    display: none
}

@media (min-width: 768px) {
    ._289Rp {
        display:flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #cacfd3;
        border-radius: 4px;
        color: #67737e;
        font-weight: 700;
        height: 33px;
        margin-left: auto;
        padding: 0 15px;
        text-transform: uppercase;
        white-space: nowrap
    }
}

._2bk9b {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    gap: 16px;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 16px
}

._2bk9b._3-Qar {
    border-top: 1px solid #e1e5ea
}

._2bk9b._4VaVo {
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    ._2bk9b._4VaVo {
        flex-direction:row
    }
}

._2bk9b button {
    width: 100%
}

@media (min-width: 768px) {
    ._2bk9b {
        flex-direction:row;
        justify-content: space-between;
        padding: 36px 0;
        margin: 0 36px;
        border-top: 1px solid #e1e5ea;
        position: relative;
        width: inherit
    }
}

.tH23v {
}

@media (min-width: 768px) {
    .tH23v {
        padding:24px 40px;
        margin: 0
    }
}

@media (max-width: 767px) {
    ._2lXx2 {
        display:flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: 100%;
        height: -moz-available;
        height: -webkit-fill-available;
        margin-bottom: 73px;
        overflow: auto
    }

    ._2lXx2._1JiTb {
        padding: 16px
    }
}

._1DC42 {
    font-size: 24px!important
}

@media (min-width: 768px) {
    ._1DC42 {
        font-size:26px!important;
        text-align: center
    }
}

._2xiVj {
    margin-right: auto
}

@media (max-width: 767px) {
    ._2xiVj {
        width:100%
    }
}

._3Lfg9 {
    width: 100%;
    margin-left: auto
}

@media screen and (min-width: 768px) {
    ._3Lfg9 {
        width:auto;
        white-space: nowrap
    }
}

.pcWI9 {
    overflow: hidden;
    overscroll-behavior: none;
    overscroll-behavior-x: none
}

._2uEZn {
    position: relative
}

@media (max-width: 767px) {
    ._2uEZn {
        background-color:#fff;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column
    }

    ._2uEZn._3rUJk {
        position: fixed
    }
}

@media (min-width: 768px) {
    ._2uEZn {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 768px;
        max-width: calc(100vw - 40px);
        min-height: 560px;
        margin: auto;
        align-self: center;
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden
    }

    ._2uEZn._2A1Qy {
        height: 100%
    }
}

@media (min-width: 768px) {
    .okmdI {
        width:1200px
    }
}

@media (min-width: 768px) {
    ._3os8q {
        width:900px
    }
}

@media (max-width: 767px) {
    ._283LD {
        display:flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        overflow: auto;
        height: calc(100% - 61px)
    }
}

@media (min-width: 768px) {
    ._283LD {
        display:flex;
        flex-direction: column;
        background-color: #fff;
        justify-content: space-between;
        flex: 1
    }
}

._283LD._2Uopw {
    overflow-y: hidden
}

._1_IVi {
    display: none
}

@media screen and (min-width: 768px) {
    ._1_IVi {
        display:block;
        font-size: 14px;
        padding-top: 10px;
        background-color: #f1f4f6;
        color: #a8b0b8
    }
}

._1rjkO {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px
}

@media (min-width: 768px) {
    ._1rjkO {
        padding:0
    }
}

._12bkb {
    flex-grow: 1
}

@media (max-width: 767px) {
    ._12bkb {
        position:absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._12bkb {
        display:flex;
        flex-direction: column;
        gap: 28px;
        padding: 40px 35px
    }
}

._3czzW {
    flex-grow: 1
}

@media (max-width: 767px) {
    ._3czzW {
        position:absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._3czzW {
        display:flex;
        flex-direction: column;
        gap: 20px;
        padding: 16px 40px;
        border-bottom: 1px solid #e1e5ea
    }
}

._2v9mt {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    ._2v9mt {
        position:sticky;
        top: 0;
        z-index: 600;
        height: 61px
    }
}

._3lVfC {
    position: sticky;
    top: 0;
    z-index: 600
}

@media (max-width: 767px) {
    ._3lVfC {
        height:61px
    }
}

@media (max-width: 767px) {
    ._3iVL6 {
        width:24px;
        height: 24px;
        cursor: pointer
    }
}

@media (min-width: 768px) {
    ._3iVL6 {
        display:none
    }
}

._1mskV {
    display: none
}

@media (min-width: 768px) {
    ._1mskV {
        display:block;
        width: 100px;
        height: 100px;
        border: 1px solid #ddd;
        margin: 16px 16px 0 0
    }
}

._1hJr2 {
    display: none
}

@media (min-width: 768px) {
    ._1hJr2 {
        display:flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #cacfd3;
        border-radius: 4px;
        color: #67737e;
        font-weight: 700;
        height: 33px;
        margin-left: auto;
        padding: 0 15px;
        text-transform: uppercase;
        white-space: nowrap
    }
}

._35gbg {
    width: 100%;
    height: 100%
}

._1_1ss {
    border-radius: 0 4px 4px 0
}

@media (min-width: 768px) {
    ._1_1ss {
        border-radius:4px
    }
}

._3ngab,._3pymg {
    border-radius: 4px
}

._3ngab {
    height: 10px
}

._2JMWA {
    height: 4px;
    border-radius: 5px
}

@media (min-width: 768px) {
    ._2JMWA {
    }
}

._10V4M {
    background: #f1f4f6;
    width: 100%;
    display: inline-block;
    margin: 0;
    display: block
}

._10V4M ._3c00i {
    background: #fa0;
    width: 0;
    height: 100%;
    transition: width .2s cubic-bezier(.02,.01,.47,1);
    position: relative
}

._10V4M ._3c00i._3NCdz {
    background: #cacfd3
}

._10V4M ._3c00i._2CosJ {
    background: #2285d0
}

._10V4M ._3c00i.IDYRY,._10V4M ._3c00i._1G9jn {
    background: #58cc02
}

._10V4M ._3c00i.IDYRY:before {
    content: "";
    position: absolute;
    top: 15%;
    left: 5px;
    right: 5px;
    width: calc(100% - 10px);
    height: 25%;
    background-color: #fff;
    opacity: .2;
    border-radius: 10px
}

._10V4M._1ToP6 {
    background: #cacfd3
}

._10V4M.t5VK4 {
    background: #e5e5e5
}

._1kHnB {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px
}

@media (min-width: 768px) {
    ._1kHnB {
        padding:0
    }
}

._26qu1 {
    flex-grow: 1
}

@media (max-width: 767px) {
    ._26qu1 {
        position:absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._26qu1 {
        display:flex;
        flex-direction: column;
        gap: 28px;
        padding: 40px 35px
    }
}

._2F3bm {
    flex-grow: 1
}

@media (max-width: 767px) {
    ._2F3bm {
        position:absolute;
        top: 0;
        width: 100%
    }
}

@media (min-width: 768px) {
    ._2F3bm {
        display:flex;
        flex-direction: column;
        gap: 20px;
        padding: 16px 40px;
        border-bottom: 1px solid #e1e5ea
    }
}

._17n0V {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    ._17n0V {
        position:sticky;
        top: 0;
        z-index: 600;
        height: 61px
    }
}

._2XSaJ {
    position: sticky;
    top: 0;
    z-index: 600
}

@media (max-width: 767px) {
    ._2XSaJ {
        height:61px
    }
}

@media (max-width: 767px) {
    ._2p5cQ {
        width:24px;
        height: 24px;
        cursor: pointer
    }
}

@media (min-width: 768px) {
    ._2p5cQ {
        display:none
    }
}

._2I4UX {
    display: none
}

@media (min-width: 768px) {
    ._2I4UX {
        display:block;
        width: 100px;
        height: 100px;
        border: 1px solid #ddd;
        margin: 16px 16px 0 0
    }
}

._22MhV {
    display: none
}

@media (min-width: 768px) {
    ._22MhV {
        display:flex;
        align-items: center;
        background-color: #fff;
        border: 1px solid #cacfd3;
        border-radius: 4px;
        color: #67737e;
        font-weight: 700;
        height: 33px;
        margin-left: auto;
        padding: 0 15px;
        text-transform: uppercase;
        white-space: nowrap
    }
}

._2062d {
    overflow: hidden;
    overscroll-behavior: none;
    overscroll-behavior-x: none
}

._2XSaJ {
    position: relative
}

@media (max-width: 767px) {
    ._2XSaJ {
        background-color:#fff;
        height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column
    }

    ._2XSaJ._11bqK {
        position: fixed
    }
}

@media (min-width: 768px) {
    ._2XSaJ {
        display:flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 768px;
        max-width: calc(100vw - 40px);
        min-height: 560px;
        margin: auto;
        align-self: center;
        background-color: #fff;
        border-radius: 8px;
        overflow: hidden
    }

    ._2XSaJ._1zKf1 {
        height: 100%
    }
}

@media (min-width: 768px) {
    ._1Loy6 {
        width:1200px
    }
}

@media (min-width: 768px) {
    .PpzGq {
        width:900px
    }
}

@media (max-width: 767px) {
    ._39GdL {
        display:flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        overflow: auto;
        height: calc(100% - 61px)
    }
}

@media (min-width: 768px) {
    ._39GdL {
        display:flex;
        flex-direction: column;
        background-color: #fff;
        justify-content: space-between;
        flex: 1
    }
}

._39GdL._1o7pB {
    overflow-y: hidden
}

._1X4Fw {
    display: none
}

@media screen and (min-width: 768px) {
    ._1X4Fw {
        display:block;
        font-size: 14px;
        padding-top: 10px;
        background-color: #f1f4f6;
        color: #a8b0b8
    }
}

._3_E9t {
    display: flex;
    flex-direction: column;
    background-color: #fff;
    gap: 16px;
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 16px
}

._3_E9t._1TdHo {
    border-top: 1px solid #e1e5ea
}

._3_E9t._1KxvK {
    flex-direction: column-reverse
}

@media (min-width: 768px) {
    ._3_E9t._1KxvK {
        flex-direction:row
    }
}

._3_E9t button {
    width: 100%
}

@media (min-width: 768px) {
    ._3_E9t {
        flex-direction:row;
        justify-content: space-between;
        padding: 36px 0;
        margin: 0 36px;
        border-top: 1px solid #e1e5ea;
        position: relative;
        width: inherit
    }
}

._1iaLh {
}

@media (min-width: 768px) {
    ._1iaLh {
        padding:24px 40px;
        margin: 0
    }
}

@media (max-width: 767px) {
    ._3G4P5 {
        display:flex;
        width: 100%;
        flex-direction: column;
        align-items: center;
        height: 100%;
        height: -moz-available;
        height: -webkit-fill-available;
        margin-bottom: 73px;
        overflow: auto
    }

    ._3G4P5.PZxzD {
        padding: 16px
    }
}

._33-nG {
    font-size: 24px!important
}

@media (min-width: 768px) {
    ._33-nG {
        font-size:26px!important;
        text-align: center
    }
}

.c9WBo {
    margin-right: auto
}

@media (max-width: 767px) {
    .c9WBo {
        width:100%
    }
}

._3nQyk {
    width: 100%;
    margin-left: auto
}

@media screen and (min-width: 768px) {
    ._3nQyk {
        width:auto;
        white-space: nowrap
    }
}

._3PuSP {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
    margin: auto
}

@media (min-width: 768px) {
    ._3PuSP {
        gap:50px;
        padding: 0 70px;
        margin-bottom: 40px
    }
}

.yvV5c {
    text-align: center
}

@media (min-width: 768px) {
    ._27_qx {
        display:none
    }
}

._2GbJF {
    display: none
}

@media (min-width: 768px) {
    ._2GbJF {
        display:block;
        font-size: 30px;
        line-height: 34px
    }
}

._3378U {
    width: 100%
}

._1_1DG {
    background-color: #f1f4f6;
    padding: 0 8px;
    border-radius: 4px;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: 16px
}

._2lRsE {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2lRsE::-webkit-scrollbar {
    display: none
}

.Ekajo:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.Ekajo:focus-visible:active:after {
    bottom: -5px
}

._1wNWi:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1yJCD {
    align-items: center;
    padding-bottom: 25px;
    justify-content: space-between
}

._1yJCD,.nLewN {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column
}

.nLewN {
    margin: auto
}

@media (min-width: 768px) {
    .nLewN {
        height:auto;
        padding: 0 20%
    }
}

._2P9ry {
    text-align: center;
    margin-top: 16px
}

._2hdVG {
    width: 112px;
    margin-bottom: 24px
}

@media screen and (min-width: 768px) {
    ._2hdVG {
        margin:0 26px 0 0
    }
}

._24xkj {
    justify-content: space-between;
    height: 100%;
    width: 100%
}

._2u81T,._24xkj {
    display: flex;
    flex-direction: column;
    align-items: center
}

._2u81T {
    margin-top: 54px
}

@media screen and (min-width: 768px) {
    ._2u81T {
        flex-direction:row;
        justify-content: center;
        width: 100%;
        margin-top: 60px;
        padding-left: 0
    }
}

._1ZdAj {
    text-align: start;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

div:has(>._1ZdAj) {
    padding: 10px 12px
}

@media screen and (min-width: 768px) {
    div:has(>._1ZdAj) {
        padding:10px 16px
    }
}

._32Drb {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._32Drb::-webkit-scrollbar {
    display: none
}

._3pVD0:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3pVD0:focus-visible:active:after {
    bottom: -5px
}

._1yCqX:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1Tj8- {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    ._1Tj8- {
        justify-content:center;
        align-items: center
    }

    ._1Tj8-._2kGkN {
        padding: 50px 0 48px;
        justify-content: flex-start
    }
}

.lD0zh {
    width: 100%;
    font-size: 18px;
    margin-top: 8px;
    line-height: 22px;
    height: 22px
}

@media (min-width: 768px) {
    .lD0zh {
        text-align:center;
        margin-top: 16px
    }
}

._2Noqm {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    padding: 16px;
    margin-top: 16px
}

@media (min-width: 768px) {
    ._2Noqm {
        width:600px;
        padding: 24px;
        margin-top: 40px
    }

    ._2Noqm._2kGkN {
        margin-top: 0
    }
}

._2Noqm._3lYdX {
    margin-top: 48px
}

@media (min-width: 768px) {
    ._2Noqm._3lYdX {
        margin-top:40px
    }

    ._2Noqm._3lYdX._2kGkN {
        margin-top: 0
    }
}

._2WJBU {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.QfR_n {
    font-size: 18px;
    line-height: 28px;
    color: #4b4b4b
}

._2SOmk {
    visibility: hidden
}

._15Pfn {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._15Pfn::-webkit-scrollbar {
    display: none
}

.R3iim:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.R3iim:focus-visible:active:after {
    bottom: -5px
}

._2cIox:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3vzTk {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: hidden
}

@media (min-width: 768px) {
    ._3vzTk {
        align-items:center;
        justify-content: center;
        padding: 32px 0
    }
}

._3ndAC {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #4b4b4b;
    margin-top: 12px
}

@media (min-width: 768px) {
    ._3ndAC {
        max-width:60%;
        margin-top: 16px;
        text-align: center
    }
}

.KzwMc {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 16px;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #4b4b4b;
    margin-top: 16px
}

@media (min-width: 768px) {
    .KzwMc {
        margin:40px auto 20px;
        padding: 24px;
        width: 600px
    }
}

.NTBB- {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #4b4b4b;
    margin-top: 12px
}

@media (min-width: 768px) {
    .NTBB- {
        margin-top:12px;
        width: 600px
    }
}

.hWxOD {
    margin-top: 16px;
    flex: 1
}

@media (min-width: 768px) {
    .hWxOD {
        margin-top:24px;
        width: 600px;
        max-height: 300px
    }
}

.SBh7h {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.SBh7h::-webkit-scrollbar {
    display: none
}

._2TEBu:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2TEBu:focus-visible:active:after {
    bottom: -5px
}

._2DOvb:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3bwNe {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    ._3bwNe {
        margin-top:96px
    }
}

.JhKtm {
    font-size: 48px;
    line-height: 1.2;
    text-align: center;
    margin: 60px 0 64px
}

@media (min-width: 768px) {
    .JhKtm {
        margin:unset;
        margin-top: 48px
    }
}

.JhKtm._38NwR {
    visibility: hidden
}

._11Bpe {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-direction: row;
    flex: 1
}

@media (min-width: 768px) {
    ._11Bpe {
        margin-top:72px;
        flex: none;
        align-items: center
    }
}

.wBqus {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
    margin-bottom: 16px
}

._1GREL {
    width: 48px;
    height: 48px
}

._1GREL,._2fapM,._3K_iG {
    background-color: #1cb0f6
}

._3jyvp {
    background-color: #afafaf
}

.joAkG {
    font-weight: 400;
    line-height: 28px;
    margin-top: 10px;
    font-size: 18px;
    text-transform: none
}

.joAkG,._1r9sl {
    color: #4b4b4b
}

._2TC4m {
    color: #afafaf
}

._1R_9Y {
    color: #1cb0f6
}

@media (min-width: 768px) {
    .joAkG {
        font-size:20px
    }
}

.Pu11G {
    flex-shrink: 0;
    height: 134px;
    width: 134px
}

.mZlq1 {
    --web-ui_button-color: #afafaf
}

._2noIr {
    --__internal__background-color: #ddf4ff;
    --__internal__border-color: #84d8ff
}

.Pu11G:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._2LDe- {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2LDe-::-webkit-scrollbar {
    display: none
}

.i9LbX:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.i9LbX:focus-visible:active:after {
    bottom: -5px
}

._2QwhI:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._10Mk- {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%;
    overflow: auto
}

@media (min-width: 768px) {
    ._10Mk- {
        justify-content:center
    }

    ._10Mk-._2iQ0O {
        padding: 50px 0 48px;
        justify-content: flex-start
    }
}

._28uVW {
    font-size: 18px;
    width: 100%;
    margin-top: 8px;
    color: #4b4b4b;
    line-height: 22px;
    height: 22px
}

@media (min-width: 768px) {
    ._28uVW {
        margin-top:16px;
        text-align: center
    }
}

._2KiS4 {
    height: 180px;
    border-radius: 12px
}

@media (min-width: 768px) {
    ._2KiS4 {
        display:block;
        height: 304px;
        -o-object-fit: contain;
        object-fit: contain
    }

    ._2KiS4._2iQ0O {
        height: 298px
    }
}

._34KKG {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    width: -moz-fit-content;
    width: fit-content;
    align-self: center;
    margin-top: 48px
}

._34KKG.CON3O {
    margin-top: 80px
}

@media (min-width: 768px) {
    ._34KKG {
        flex:none;
        justify-content: center;
        margin-top: 40px
    }

    ._34KKG.CON3O {
        margin-top: 40px
    }

    ._34KKG._2iQ0O {
        margin-top: 16px;
        position: relative
    }
}

._2J3g4 {
    margin-top: 4px
}

._2J3g4._3gY88 {
    visibility: hidden
}

._3YkqZ {
    display: block;
    font-size: 12px;
    line-height: 24px;
    color: #afafaf
}

@media (min-width: 768px) {
    ._3YkqZ._2iQ0O {
        line-height:12px;
        position: absolute;
        bottom: -16px;
        font-size: 10px
    }
}

._2mS3d {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2mS3d::-webkit-scrollbar {
    display: none
}

.qkMw8:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.qkMw8:focus-visible:active:after {
    bottom: -5px
}

._3i2rw:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.V_beN {
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

@media (min-width: 768px) {
    .V_beN {
        justify-content:center;
        overflow-y: auto
    }
}

._1dkzV {
    font-size: 18px;
    width: 100%;
    margin-top: 8px;
    color: #4b4b4b
}

@media (min-width: 768px) {
    ._1dkzV {
        margin-top:16px;
        text-align: center
    }
}

._3Lyz0 {
    width: 154px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #f1f7fb;
    border-radius: 8px
}

._1BIzT {
    background-color: #f7f7f7
}

._3Rh7G {
    visibility: hidden
}

._23WB5 {
    color: #1cb0f6;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px
}

._3N3Zr {
    color: #afafaf
}

._1rwcw {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    height: 100%;
    justify-content: center;
    margin-bottom: 20px
}

@media (min-width: 768px) {
    ._1rwcw {
        margin-top:48px;
        height: unset
    }
}

._3tdrx {
    height: 137px;
    width: 137px;
    --__internal__border-radius: 34px;
    --__internal__lip-width: 6.8px
}

._22hrz {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._22hrz::-webkit-scrollbar {
    display: none
}

.ARSeL:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.ARSeL:focus-visible:active:after {
    bottom: -5px
}

._3Twrl:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.-mUSj {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: auto
}

@media (min-width: 768px) {
    .-mUSj {
        justify-content:center;
        align-items: center
    }

    .-mUSj.gcLwq {
        justify-content: flex-start;
        padding: 50px 0 48px
    }
}

.h9IM6 {
    width: 100%
}

._1ey7g {
    font-size: 18px
}

._3g27d {
    display: flex;
    justify-content: center;
    flex-direction: column;
    flex: 1
}

._3vQX2 {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    height: -moz-fit-content;
    height: fit-content;
    padding: 16px;
    margin-top: 40px
}

@media (min-width: 768px) {
    ._3vQX2 {
        width:600px;
        padding: 24px
    }
}

._3vQX2._14sJO {
    margin-top: 72px
}

@media (min-width: 768px) {
    ._3vQX2._14sJO {
        margin-top:40px
    }
}

._3vQX2.gcLwq {
    margin-top: 0
}

._2QGcl {
    margin: 8px 0;
    font-size: 18px;
    line-height: 22px;
    height: 22px
}

@media (min-width: 768px) {
    ._2QGcl {
        text-align:center;
        margin: 16px 0
    }
}

@media (min-height: 640px) {
    ._2QGcl {
        margin-bottom:0
    }
}

._2Zbm- {
    list-style-type: disc!important;
    margin-left: 16px
}

._2-Yj_ {
    font-size: 18px
}

._38UPI {
    visibility: hidden
}

._17dp3:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._17dp3:focus-visible:active:after {
    bottom: -5px
}

._3bpKB:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1UYCC {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1UYCC::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    ._1Whoe {
        padding-vertical:32px;
        padding-horizontal: 8px
    }
}

._39HXo {
    text-align: left;
    display: inline-block;
    font-size: 18px;
    line-height: 40px;
    color: #4b4b4b
}

@media (min-width: 768px) {
    ._39HXo {
        line-height:2;
        font-size: 20px
    }
}

._1ncER {
    margin-top: 16px
}

@media (min-width: 768px) {
    ._1ncER {
        text-align:center;
        padding: 0 35px;
        max-width: 920px;
        margin: 60px auto 0
    }
}

@media (min-width: 768px) {
    ._32zsU {
        margin-top:110px
    }
}

._1ffLI {
    display: inline
}

@media (min-width: 768px) {
    ._1ffLI {
        margin-right:5px
    }
}

._1Qf7N:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._1Qf7N:focus-visible:active:after {
    bottom: -5px
}

._3I6OE:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.pLyMr {
    display: inline-flex
}

@media (min-width: 768px) {
    .pLyMr {
        margin-right:5px
    }
}

._2jwt2 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2jwt2::-webkit-scrollbar {
    display: none
}

._1kJtP:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._1kJtP:focus-visible:active:after {
    bottom: -5px
}

._3yZdB:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.Ru7WE {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
    overflow-y: scroll
}

@media (min-width: 768px) {
    .Ru7WE {
        height:100%;
        gap: 40px;
        justify-content: center;
        padding: 24px 40px
    }
}

@media (min-width: 768px) {
    ._3cubH {
        min-height:auto;
        width: 460px;
        height: 304px;
        padding: 16px
    }
}

._1dgNt {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.kciOY {
    border-radius: 12px
}

@media not all and (min-width: 768px) {
    .kciOY {
        height:180px;
        margin: 0 auto;
        width: 180px
    }
}

@media (min-width: 768px) {
    .kciOY {
        height:304px
    }
}

._38BmO {
    display: flex;
    flex-direction: column;
    gap: inherit;
    position: relative;
    flex: 1
}

@media (min-width: 768px) {
    ._38BmO {
        flex-direction:row;
        height: auto;
        justify-content: center;
        gap: 35px;
        flex: none
    }

    ._38BmO._3w1-B {
        height: unset
    }
}

._1y4mx {
    color: #afafaf;
    font-size: 14px;
    line-height: 24px;
    text-align: center
}

@media (min-width: 768px) {
    ._1y4mx {
        display:none
    }
}

._2HJey {
    display: none
}

@media screen and (min-width: 768px) {
    ._2HJey {
        display:block;
        font-size: 14px;
        line-height: 24px;
        color: #afafaf;
        position: absolute;
        top: calc(100% + 8px)
    }
}

._1UlAD {
    display: flex;
    justify-self: center;
    align-items: center;
    height: 100%
}

@media (min-width: 768px) {
    .OcNWa {
        display:flex;
        height: 100vh;
        width: 100vw;
        justify-content: center;
        align-items: center;
        overflow: auto
    }
}

._3W0PX {
    overflow-y: hidden!important
}

._2ghXV {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

._2i_or {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100dvh
}

.eeEk9 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.eeEk9::-webkit-scrollbar {
    display: none
}

._2IN6N {
    justify-content: center;
    height: 100%
}

._2IN6N,._3xeCv {
    display: flex;
    flex-direction: column;
    align-items: center
}

._3xeCv {
    gap: 12px
}

.bvGgU {
    width: 200px;
    height: 200px
}

.wHKdC {
    color: #777!important
}

.R0BF0:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.R0BF0:focus-visible:active:after {
    bottom: -5px
}

._3TBeT:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.XCNfj {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 16px
}

@media (min-width: 768px) {
    .XCNfj {
        padding:10px 0 16px
    }
}

._3ccdM {
    display: flex;
    flex-direction: column;
    gap: 34px;
    align-items: center
}

.yQe_U {
    width: 236px
}

@media (min-width: 768px) {
    .yQe_U {
        width:265px
    }
}

.O9cFj {
    max-width: 480px;
    text-align: center
}

@media (min-width: 768px) {
    ._3f4Fz {
        display:flex;
        background-color: #f1f4f6;
        min-height: 100vh;
        width: 100vw;
        overflow: auto;
        justify-content: center;
        align-items: center
    }
}

.FzbHZ {
    width: 100%;
    min-height: 100vh;
    display: flex;
    align-content: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap
}

.V6AOP {
    width: 100%;
    height: 100%;
    max-width: 900px;
    background-color: #fff;
    padding: 36px;
    margin: 36px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.V6AOP._2M-nM {
    border: 1px solid #e6e6e6;
    border-radius: .5rem;
    box-shadow: 0 0 15px 0 #cfcfcf
}

@media (max-width: 768px -1) {
    .V6AOP._3Hkjr {
        border:1px solid #e6e6e6;
        border-radius: .5rem;
        box-shadow: 0 0 15px 0 #cfcfcf
    }
}

@media (min-width: 1024px) {
    .V6AOP {
        width:900px
    }
}

@media (min-width: 1024px) {
    .V6AOP._3tFUz {
        max-height:560px
    }
}

.V6AOP.dnWXN {
    min-height: 560px
}

.V6AOP._339o5 {
    width: 900px
}

.Tm6mt {
    text-align: center
}

.Tm6mt.USnvo {
    text-align: left
}

._1iJA7 {
    margin-top: 36px;
    display: none
}

@media (min-width: 768px) {
    ._1iJA7 {
        display:block
    }
}

._3XY7K {
    text-align: left;
    font-weight: 400;
    font-size: 16px;
    margin: 15px 0 0;
    color: #979797;
    line-height: normal
}

._1iJ3v {
    font-weight: 400;
    font-size: 30px;
    margin: 0
}

._26X_O {
    text-align: center;
    font-size: 30px;
    color: #4b4b4b;
    font-weight: 700
}

@media (min-width: 768px) {
    ._26X_O {
        font-size:37px
    }
}

@media (min-width: 768px) {
    ._1mxiR {
        margin-bottom:48px
    }
}

._18-nv {
    font-size: 26px;
    color: #001836
}

._3AqfQ {
    font-weight: 700
}

._2JfK1 {
    font-weight: 400;
    font-size: 19px;
    margin: 15px 0 0
}

._2egVZ {
    margin: 24px 0 36px
}

._2-_QX {
    flex-grow: 1
}

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

._2I6Lz {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px
}

@media (max-width: 767px) {
    ._2llHi {
        flex-direction:column-reverse
    }

    ._2llHi .XUc7n {
        width: 100%;
        max-width: 400px
    }
}

.XUc7n {
    text-align: center;
    min-width: 150px;
    margin-top: 15px
}

._2wKNn {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

@media (min-width: 768px) {
    ._2wKNn {
        display:none
    }
}

.GzRCA {
    display: none
}

@media (min-width: 768px) {
    .GzRCA {
        display:block;
        text-align: center;
        min-width: 150px;
        margin-top: 15px
    }
}

._2m3io {
    width: 100%;
    background-color: #fff;
    border: thin solid #eaeaea;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.bqLf9 {
    justify-content: space-between;
    text-align: center
}

.bqLf9,._1ogD9 {
    display: flex;
    align-items: center;
    flex-direction: column
}

._1ogD9 {
    gap: 10px
}

._3O3vu {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3O3vu::-webkit-scrollbar {
    display: none
}

._-51EH:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._-51EH:focus-visible:active:after {
    bottom: -5px
}

._3FXcl:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3dhSE {
    color: #4b4b4b
}

._2wYUL {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    ._2wYUL {
        justify-content:center;
        align-items: center
    }
}

._3ngCE {
    font-weight: 700;
    font-size: 24px;
    color: #4b4b4b
}

.nZKKZ {
    font-size: 18px;
    text-align: center;
    font-weight: 700
}

._38dVv {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 16px;
    margin-top: 16px
}

@media (min-width: 768px) {
    ._38dVv {
        width:600px;
        padding: 24px;
        margin-top: 40px
    }
}

.Zd9fm {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 16px;
    margin-top: 16px
}

@media (min-width: 768px) {
    .Zd9fm {
        width:600px;
        padding: 24px;
        margin-top: 40px
    }
}

.Mw94y {
    color: #4b4b4b;
    font-size: 18px;
    line-height: 28px;
    white-space: pre-wrap
}

._3Vwmf {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 20px;
    margin: 0
}

._12FGE {
    font-size: 18px;
    display: flex;
    gap: 19px;
    color: #4b4b4b;
    line-height: 28px;
    list-style-type: disc!important;
    margin-left: 16px;
    margin-top: 3px
}

._2zk5H {
    padding: 0 35px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._1hZwq {
    margin-top: 16px;
    width: 100%
}

.LRJdy {
    font-size: 16px;
    border: 1px solid #cacfd3;
    border-radius: 6px;
    overflow: scroll;
    padding: 16px;
    resize: none;
    color: #001836
}

@media (max-width: 767px) {
    .LRJdy {
        width:100%;
        height: 100%
    }
}

@media (min-width: 768px) {
    .LRJdy {
        font-size:17px;
        padding: 18px 16px;
        overflow: auto
    }
}

.LRJdy::-moz-placeholder {
    color: #67737e
}

.LRJdy::placeholder {
    color: #67737e
}

.huFMP {
    display: flex;
    flex-direction: column;
    margin-top: 16px;
    gap: 8px
}

._2IOyV {
    display: flex;
    gap: 8px
}

._1lCSp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1lCSp::-webkit-scrollbar {
    display: none
}

._1KxNu {
    --web-ui_button-filter-hover: none;
    align-items: center;
    color: #1cb0f6;
    border: 2px solid #e5e5e5!important;
    border-radius: 8px;
    box-sizing: border-box;
    height: 30px;
    justify-content: center;
    width: 30px
}

._1KxNu._1SCz- {
    background: #1cb0f6!important;
    border-color: #1cb0f6!important
}

._1KxNu._2PjZq {
    background: #f7f7f7!important;
    border-color: #e5e5e5!important
}

._1KxNu._2PjZq._1SCz- {
    background: #e5e5e5!important
}

._1KxNu._32MvK {
    background: none!important;
    border: none!important
}

.C1FjF {
    display: inline-flex;
    align-items: center;
    height: 32px;
    justify-content: center;
    width: 32px
}

._2m3v4 {
    pointer-events: none
}

._2H8-1 {
    margin-top: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px
}

._1xXZq {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex: 1
}

._1cB6Y {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 8px
}

._1oFDk {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center
}

._37ob6 {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center
}

._3fH2N:hover {
    cursor: pointer
}

._3NGJ8 {
    text-align: center
}

._3NGJ8:hover {
    cursor: pointer
}

.rT105 {
    margin-bottom: 16px
}

._3iX3P {
    margin-top: 2px
}

._2pHXr::-webkit-scrollbar {
    width: 8px
}

._2pHXr::-webkit-scrollbar-track {
    background-color: #f0f0f0;
    border: 1px solid #eaeaea;
    border-radius: 10px
}

._2pHXr::-webkit-scrollbar-thumb {
    background-color: #afafaf;
    border-radius: 10px
}

.FZmDp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.FZmDp::-webkit-scrollbar {
    display: none
}

._3i1DU:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3i1DU:focus-visible:active:after {
    bottom: -5px
}

._3Jg1e:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._35MGR {
    color: #4b4b4b
}

._128uI {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    ._128uI {
        justify-content:center;
        align-items: center
    }
}

._2sQK5 {
    width: 100%;
    font-size: 24px;
    font-weight: 700;
    color: #4b4b4b;
    margin-top: 8px
}

@media (min-width: 768px) {
    ._2sQK5 {
        text-align:center;
        margin-top: 16px
    }
}

._1Qtip {
    margin-top: 8px;
    font-size: 18px;
    text-align: center
}

._2d8JW {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 16px;
    margin-top: 16px
}

@media (min-width: 768px) {
    ._2d8JW {
        width:600px;
        padding: 24px;
        margin-top: 40px
    }
}

._3bLLI {
    overflow-y: auto;
    max-height: 300px
}

._1JmXl {
    color: #4b4b4b;
    font-size: 18px;
    line-height: 28px;
    white-space: pre-wrap
}

.BhUDy {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-left: 20px;
    margin: 0
}

._3xLBl {
    font-size: 18px;
    color: #4b4b4b;
    line-height: 28px;
    list-style-type: disc!important;
    margin-left: 16px
}

._3omOf {
    display: flex;
    flex-direction: column;
    width: 60%;
    height: 80%;
    margin-top: 12px
}

.cnOj8 {
    align-self: center;
    aspect-ratio: 1.77777778;
    flex-shrink: 0;
    min-height: 100px;
    width: 100%;
    border-radius: 18px;
    margin-top: 16px
}

@media (min-width: 768px) {
    .cnOj8 {
        max-width:640px
    }
}

._3RVEx {
    display: flex;
    flex-direction: column;
    align-items: center
}

._2tRPO {
    font-size: 18px
}

._2H2rU {
    font-size: 18px;
    font-weight: 700
}

._2f7ys {
    font-size: 20px;
    font-weight: 700
}

._1izSr {
    margin-bottom: 24px
}

._2Soeq {
    font-size: 12px;
    color: #67737e;
    margin-top: 12px
}

.QtqCy {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 8px
}

@media screen and (min-width: 768px) {
    .QtqCy {
        display:none
    }
}

._1zwF6 {
    display: none
}

@media screen and (min-width: 768px) {
    ._1zwF6 {
        display:flex;
        flex-direction: row;
        margin-right: 20px;
        align-items: center;
        width: calc(50% + 76px);
        justify-content: space-between
    }
}

._1GT5T {
    font-size: 13px;
    color: #2285d0;
    font-weight: 700
}

._1v9N9 {
    align-items: center;
    gap: 8px
}

._2m7ja,._1v9N9 {
    display: flex;
    flex-direction: row
}

._34JjP {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #2285d0
}

._3vq8O {
    align-items: center;
    display: flex;
    height: 25px
}

._2cCSP {
    border-radius: 6px;
    display: block;
    transition: height .2s ease-in;
    width: 6px;
    background: #2285d0
}

._2p82W {
    display: flex;
    flex-direction: row
}

* {
    touch-action: manipulation
}

._3OU6_ {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border: none;
    border-radius: 50%;
    background-color: #2285d0
}

._3OU6_:disabled {
    cursor: not-allowed
}

._3OU6_:disabled:not(._1kv04) {
    background-color: #f1f4f6
}

@media (min-width: 768px) {
    ._3OU6_ {
        width:130px;
        height: 130px
    }
}

.BhKEx {
    background-color: #8c96a1
}

._2e8Ng {
    width: 40px
}

@media (min-width: 768px) {
    ._2e8Ng {
        width:65px
    }
}

._20sL1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._20sL1::-webkit-scrollbar {
    display: none
}

._2jpJm {
    align-items: center;
    gap: 15px;
    height: 100%;
    overflow-y: auto
}

._2jpJm,._2r_6F {
    display: flex;
    flex-direction: column
}

._2r_6F {
    gap: 8px;
    width: 100%;
    padding: 10px 100px 20px
}

._21hwG {
    border: 2px solid #e5e5e5;
    border-radius: 15px;
    min-height: 132px
}

._3Z0jT {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    gap: 8px;
    padding: 10px
}

._2ig-F {
    --web-ui_button-border-radius: 26px;
    height: 116px;
    width: 116px
}

._2_UAQ {
    margin-top: 20px
}

._21oNc {
    align-items: center;
    background-color: #f1f7fb;
    border-radius: 8px;
    display: flex;
    height: 36px;
    justify-content: center;
    padding: 10px 0;
    width: 154px
}

._1LAil {
    color: #1cb0f6;
    font-size: 16px;
    font-weight: 700;
    line-height: 16px;
    text-align: center
}

._1lh71 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1lh71::-webkit-scrollbar {
    display: none
}

._4oia9 {
    height: 50px
}

._4oia9 button {
    color: #4b4b4b;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none
}

._4oia9 button:before {
    box-shadow: 0 2px 0 1px
}

._1tyWh {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1tyWh::-webkit-scrollbar {
    display: none
}

._3SFyk:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3SFyk:focus-visible:active:after {
    bottom: -5px
}

._2XRZE:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3xF4h {
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding-bottom: 25px;
    overflow: scroll
}

._3xF4h,._2DIsK {
    display: flex;
    width: 100%;
    flex-direction: column
}

._2DIsK {
    height: auto;
    margin: auto;
    padding: 0 20%
}

._1H0hq {
    text-align: center;
    margin-top: 16px
}

._1agPG {
    width: 112px;
    margin: 0
}

._1agPG._1I3jd {
    width: 224px
}

._3894O {
    align-items: center;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
    margin: 24px 0 36px
}

.G3d9O {
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

._1ibG-,.G3d9O {
    display: flex;
    align-items: center;
    width: 100%
}

._1ibG- {
    justify-content: center;
    margin-top: 60px
}

._1ibG-._3r0_p,._1ibG-._1Z1Yg {
    display: grid;
    grid-template-columns: auto 1fr;
    -moz-column-gap: 26px;
    column-gap: 26px;
    align-items: center
}

._1ibG-._3r0_p {
    grid-template-areas: "A C"
}

._1ibG-._1Z1Yg {
    grid-template-areas: "A B" "C C"
}

._1ibG-._3r0_p ._3-F1n {
    display: none
}

._32E0O {
    grid-area: A
}

._3-F1n {
    grid-area: B
}

._1VYIc {
    grid-area: C
}

._1VYIc>div {
    width: 100%
}

._1Ba6g {
    text-align: start;
    color: #4b4b4b;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px
}

._1RIOe {
    padding: 10px 16px
}

.aaLa3 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.aaLa3::-webkit-scrollbar {
    display: none
}

._3uffA:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3uffA:focus-visible:active:after {
    bottom: -5px
}

.eiec2:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3xFlt {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
    width: 100%
}

._21Kkw {
    color: #4b4b4b;
    font-size: 18px;
    line-height: 28px;
    white-space: pre-wrap
}

._3Vg_C {
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    max-height: 200px;
    overflow-y: auto;
    padding: 12px 16px;
    background-color: #f7f7f7
}

._1Yqwk {
    color: #4b4b4b;
    font-size: 18px;
    line-height: 28px;
    white-space: pre-wrap
}

._7ZXKU {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._7ZXKU::-webkit-scrollbar {
    display: none
}

.cYOfJ:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.cYOfJ:focus-visible:active:after {
    bottom: -5px
}

._3JsK9:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

.V3rPe {
    color: #4b4b4b;
    font-size: 18px;
    line-height: 28px;
    white-space: pre-wrap
}

.tOKoL {
    align-self: center;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: -moz-fit-content;
    height: fit-content;
    padding: 16px;
    margin-top: 16px
}

@media (min-width: 768px) {
    .tOKoL {
        width:600px;
        padding: 24px
    }
}

.YVwxr {
    overflow-y: auto;
    max-height: 250px
}

.-aI9t {
    padding: 0 35px 10px
}

.iwUAQ {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._3b7Ta {
    color: #ff4b4b;
    display: inline
}

.osoHv {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.EP_DZ {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: baseline
}

._2hNYF {
    margin-top: 24px
}

.qusQ1 {
    text-align: center;
    vertical-align: top;
    padding: 0 5px
}

._3T88G {
    padding: 12px 0
}

._1BgHT {
    text-align: center;
    vertical-align: middle;
    width: 80px!important
}

.cHeni {
    height: 60px;
    display: flex;
    cursor: pointer;
    padding: 0 5px
}

._17nSq {
    border-color: #8c96a1!important;
    margin: 23px 31px!important;
    text-align: center
}

._3fmom {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    overflow: hidden
}

._2o3D9 {
    display: flex
}

._2Gnh- {
    flex: 1;
    min-width: 100px
}

.PRY_r {
    flex: 1;
    padding: 8px 0;
    text-align: center;
    min-width: 100px;
    align-items: center;
    display: flex;
    justify-content: center
}

._2Mok_ {
    display: flex
}

._2yvdv {
    font-weight: 700;
    align-self: center
}

._1LYRa,._2yvdv {
    flex: 1;
    padding: 8px 0;
    min-width: 100px
}

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

._3T-z4 {
    cursor: pointer;
    width: 16px;
    height: 16px
}

._2gz_X {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2gz_X::-webkit-scrollbar {
    display: none
}

._1pITh {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

._25eIo {
    text-align: center
}

._2dTkt {
    display: grid;
    gap: 8px
}

._71KDu {
    text-align: center;
    font-weight: 700;
    text-transform: none
}

._3KUh5 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px
}

._3ujq0 {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 8px
}

._1j-bX {
    text-align: center
}

._1jtJI {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1jtJI::-webkit-scrollbar {
    display: none
}

._2XSsw {
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    justify-content: center;
    width: 100%
}

._4FxWu {
    max-height: 400px;
    -o-object-fit: scale-down;
    object-fit: scale-down;
    margin: 0 auto
}

._1gIpc {
    margin: 0 auto;
    justify-content: center;
    min-width: 400px
}

._2-g9t {
    -webkit-user-select: text;
    -moz-user-select: text;
    user-select: text;
    font-size: 18px;
    font-weight: 500;
    white-space: pre-line;
    line-height: 200%
}

.ah5Ve {
    text-align: center
}

.uLcp- {
    padding: 24px;
    max-width: 80%;
    border-radius: 24px;
    margin: 0 auto;
    border: 2px solid #e5e5e5
}

._24UPj {
    margin: 48px auto;
    display: flex;
    flex-direction: column;
    gap: 32px
}

._2llGE {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
    margin: 8px 16px
}

._2A8Qr {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

._11KTX {
    white-space: pre-wrap
}

._2X-4m {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2X-4m::-webkit-scrollbar {
    display: none
}

._1MCpr {
    width: 100%
}

._1MCpr[data-placeholder]:empty:before {
    content: attr(data-placeholder);
    color: #4b4b4b
}

._1eP9O {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1eP9O::-webkit-scrollbar {
    display: none
}

.HRc69 {
    border-bottom: 1px solid #ff4b4b
}

._3i6Bs {
    background-color: #ffb2b2
}

._3i6Bs::selection {
    background-color: transparent
}

._3i6Bs::-moz-selection {
    background-color: transparent
}

._23FLD {
    border-bottom: 1px solid #2285d0
}

._1fe_- {
    background-color: #84d8ff
}

._1fe_-::selection {
    background-color: transparent
}

._1fe_-::-moz-selection {
    background-color: transparent
}

.P5ADE {
    cursor: pointer
}

._2FMYd {
    position: fixed;
    width: 240px;
    border-radius: 8px;
    border: 1px solid #dbdee1;
    z-index: 999;
    top: 24px;
    left: 0;
    background-color: #fff
}

.Wxt5k {
    border-bottom: 1px solid #dbdee1;
    cursor: default;
    text-transform: capitalize
}

.Rvu1g,.Wxt5k {
    padding: 8px 20px;
    width: 100%
}

.Rvu1g {
    text-align: start!important;
    display: block;
    background: unset;
    border-radius: 0;
    cursor: pointer
}

.TEV3E {
    color: #001836;
    border-width: 0
}

._3ecoA {
    width: 100%;
    border: solid #dbdee1;
    border-width: 1px 0 0;
    color: #67737e
}

._2sOm1 {
    background-color: #fbe56d
}

._3-B_B {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3-B_B::-webkit-scrollbar {
    display: none
}

._1cKDE {
    border: none;
    border-bottom: 2px solid #afafaf;
    background-color: transparent;
    color: #4b4b4b;
    display: inline;
    font-size: 20px;
    font-family: inherit;
    line-height: inherit;
    vertical-align: baseline;
    padding: 0;
    margin: 0
}

._1cKDE._3nYJq {
    display: inline-block;
    min-width: 150px
}

._1cKDE:focus {
    border-bottom: 2px solid #1cb0f6;
    outline: none
}

._1cKDE._2d3-w {
    border-bottom: 2px solid #e5e5e5;
    color: #777
}

._23b4n {
    display: inline
}

._23b4n._2d3-w {
    color: #777
}

._1iCOo {
    margin-bottom: 24px
}

.N93Yf {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.N93Yf::-webkit-scrollbar {
    display: none
}

._3NsHW {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 24px
}

._3Jj1d {
    color: #777
}

.W6Rcz {
    display: flex;
    justify-content: end
}

._3lth_ {
    padding: 8px 14px
}

._3lth_._3Jj1d {
    color: #777
}

._3lth_:focus-visible {
    border: 2px solid #1cb0f6
}

._3Potl {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3Potl::-webkit-scrollbar {
    display: none
}

.c-UYx {
    margin-bottom: 16px;
    font-size: 18px
}

._2C0XZ {
    scroll-margin: 60px
}

._2plOd {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2plOd::-webkit-scrollbar {
    display: none
}

.fUA0_ {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 30px
}

.fUA0_>div {
    max-height: 440px;
    overflow-y: auto;
    width: calc(45% - 15px)
}

._2uZHz,._2s6g2 {
    font-size: 18px;
    padding: 12px;
    background-color: #f7f7f7;
    border-radius: 16px;
    border: 2px solid #e5e5e5
}

._2s6g2 {
    margin-top: 12px
}

._2s6g2._33lzV {
    color: #777
}

._1NESi {
    margin: 12px 0
}

._272cF {
    display: block;
    margin-top: 12px;
    background-color: #f7f7f7;
    padding: 12px;
    border-radius: 16px;
    border: 2px solid #e5e5e5
}

.YEI0Z {
    display: none
}

._232Ez {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._232Ez::-webkit-scrollbar {
    display: none
}

._1lgtx {
    background-color: #f7f7f7;
    border-radius: 16px;
    border: 2px solid #e5e5e5;
    margin-bottom: 12px
}

._1qhM- {
    padding: 12px
}

._1qhM-._1y5Gk {
    color: #afafaf
}

._1CT6N {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-block:2px solid #f7f7f7;border-radius: 16px
}

._1CT6N._3tidc {
    border-bottom: 2px solid #e5e5e5;
    border-end-end-radius: 0;
    border-end-start-radius: 0
}

._1c1uK {
    cursor: pointer;
    margin-right: 16px
}

._2amKq {
    overflow: hidden
}

._2amKq._1aS0k {
    transition: height .3s ease-in-out
}

._3oHNB {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3oHNB::-webkit-scrollbar {
    display: none
}

.JOrff {
    display: flex;
    flex-direction: column;
    gap: 6px
}

._3P10w {
    font-size: 18px;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside
}

._3P10w:last-child,._3GAq3 {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

._3GAq3 {
    font-size: 18px;
    background-color: #fff;
    padding: 12px
}

._3GN3K {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3GN3K::-webkit-scrollbar {
    display: none
}

._1XZ-T {
    padding: 12px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 12px;
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

._2eWi8,._3l4Ns {
    display: flex;
    align-items: center
}

._1AK0C {
    display: flex;
    flex-direction: column;
    gap: 6px
}

._1MJM0 {
    font-size: 18px;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside
}

._1MJM0:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

._1MiNN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1MiNN::-webkit-scrollbar {
    display: none
}

.KxCNc {
    display: flex;
    flex-direction: column;
    gap: 6px
}

.nICPn {
    font-size: 18px;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside
}

.nICPn:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

._2QjGg {
    padding: 12px;
    background-color: #fff
}

._2QjGg:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

._2QjGg:not(:last-child) {
    border-bottom: 2px solid #e5e5e5
}

._2dVzt {
    font-size: 18px;
    margin-bottom: 12px
}

._2dVzt._38QdP {
    font-weight: 600
}

._9pzKg {
    background-color: #fbe56d
}

._2dqpC {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2dqpC::-webkit-scrollbar {
    display: none
}

.bi8f2 {
    display: flex;
    flex-direction: column;
    gap: 6px
}

._25SFS {
    font-size: 18px;
    display: list-item;
    list-style-type: disc;
    list-style-position: inside
}

._25SFS:last-child {
    border-bottom-left-radius: 16px;
    border-bottom-right-radius: 16px
}

._25F3J {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 12px
}

._2DFSq {
    text-align: center;
    max-width: 800px;
    margin: 120px auto
}

._1Kw4b {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1Kw4b::-webkit-scrollbar {
    display: none
}

._2mNMW:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._2mNMW:focus-visible:active:after {
    bottom: -5px
}

._2dp5l:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1If1V {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    ._1If1V {
        padding-bottom:50px
    }
}

.ma-Yr {
    text-align: center
}

.zN5Ei {
    width: 340px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px
}

.C3bKH {
    display: flex;
    position: relative
}

.qASAy {
    position: absolute;
    top: 0;
    left: 0
}

._39reJ {
    padding: 20px 12px;
    display: flex;
    flex: 1;
    gap: 8px;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 768px) {
    ._39reJ {
        padding:12px 4px;
        gap: 4px;
        flex-direction: column;
        flex: 1 0 0
    }
}

.kH3OS {
    border-top: 2px solid #e5e5e5
}

@media (min-width: 768px) {
    .kH3OS {
        border-top:none;
        border-left: 2px solid #e5e5e5
    }
}

._3mr_N {
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 2px solid #e5e5e5;
    border-radius: 10px
}

@media (min-width: 768px) {
    ._3mr_N {
        display:grid;
        grid-template-columns: 1fr 1fr
    }
}

._2Y8rC {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2Y8rC::-webkit-scrollbar {
    display: none
}

._3uYub:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._3uYub:focus-visible:active:after {
    bottom: -5px
}

._33BRV:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._3qWDA {
    width: 223px;
    height: 140px
}

._3T_fm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 12px 12px 17px
}

@media (min-width: 768px) {
    ._3T_fm {
        padding-bottom:67px
    }
}

._3_gto {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

@media (min-width: 768px) {
    ._3_gto {
        gap:34px
    }
}

.VUQ8X {
    text-align: center;
    max-width: 343px
}

._1mJkU {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1mJkU::-webkit-scrollbar {
    display: none
}

._1MhIe {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._1SvGh {
    text-transform: uppercase;
    color: #afafaf;
    line-height: 25px
}

.ooWME {
    color: #777
}

._20KNW {
    position: absolute;
    bottom: 16px;
    left: 50%
}

@media (min-width: 768px) {
    ._20KNW {
        bottom:40px
    }
}

._3tH-O {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3tH-O::-webkit-scrollbar {
    display: none
}

._2Bdzc {
    position: fixed;
    bottom: 16px;
    left: 50%
}

@media (min-width: 768px) {
    ._2Bdzc {
        bottom:40px
    }
}

._1vkSU {
    color: #4b4b4b;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.18px;
    text-align: left;
    margin: 0;
    width: 100%;
    word-wrap: break-word
}

._2hHjP {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2hHjP::-webkit-scrollbar {
    display: none
}

@keyframes VASFU {
    0% {
        transform: translateX(-50%) translateY(100px)
    }

    to {
        transform: translateX(-50%) translateY(0)
    }
}

._3OkB7 {
    flex-direction: column;
    margin: 0 auto;
    box-sizing: border-box;
    animation: VASFU .3s cubic-bezier(.03,.64,.2,1) forwards;
    z-index: 1300
}

._29wGE,._3OkB7 {
    display: flex;
    align-items: center
}

._29wGE {
    background-color: #fff;
    border-radius: 16px;
    border: 1px solid #e5e5e5;
    min-height: 64px;
    z-index: 1;
    width: calc(100vw - 32px)
}

@media (min-width: 480px) {
    ._29wGE {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 343px
    }
}

._35aLr {
    padding: 16px;
    display: flex;
    align-items: start;
    width: 100%
}

._1Jt4l {
    color: #4b4b4b;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: -.18px;
    text-align: left;
    margin: 0;
    width: 100%;
    word-wrap: break-word
}

@media (min-width: 480px) {
    ._1Jt4l {
        font-size:18px;
        line-height: 24px
    }
}

._3shBx {
    position: absolute;
    top: 6px;
    left: 6px;
    right: 6px;
    bottom: -6px;
    background-color: #4b4b4b;
    border-radius: 12px;
    opacity: .06;
    z-index: 0
}

._q9Sv:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

._q9Sv:focus-visible:active:after {
    bottom: -5px
}

._1tXSf:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._2e9s0 {
    height: 100dvh
}

.us5pk,._2e9s0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.us5pk {
    padding: 16px;
    height: 100%
}

@media (min-width: 768px) {
    .us5pk {
        padding:10px 0 66px
    }
}

._1thiq {
    display: flex;
    flex-direction: column;
    gap: 34px;
    align-items: center
}

._3W73T {
    width: 236px
}

@media (min-width: 768px) {
    ._3W73T {
        width:265px
    }
}

._3hSaw {
    max-width: 380px;
    text-align: center
}

._30VKu {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._30VKu::-webkit-scrollbar {
    display: none
}

.gLkWR:focus-visible:after {
    content: "";
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -9px;
    border: 2px solid #1cb0f6;
    pointer-events: none;
    z-index: -1;
    border-radius: 17px
}

.gLkWR:focus-visible:active:after {
    bottom: -5px
}

._3FvQq:focus-visible:before {
    color: #1cb0f6;
    border-color: #1cb0f6;
    outline-color: #1cb0f6
}

._1yHxF {
    height: 100dvh
}

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

._1Vj1H {
    height: 100%;
    flex-direction: column;
    text-align: center;
    gap: 36px
}

.bibkJ {
    width: 236px
}

@media (min-width: 768px) {
    .bibkJ {
        width:265px
    }
}

._1-erK {
    font-size: 18px;
    line-height: 28px
}

@media (min-width: 768px) {
    ._1-erK {
        max-width:60%
    }
}

._3C2_A {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3C2_A::-webkit-scrollbar {
    display: none
}

._2zF_L {
    display: flex;
    flex-direction: row;
    padding: 36px 40px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 104px;
    gap: 16px
}

._3VTFk {
    width: 800px
}

.cslh5 {
    background: none;
    border: none;
    padding: 0;
    transition: filter .2s;
    --web-ui_button-filter-hover: none;
    align-items: center;
    border-radius: 12px;
    height: 48px;
    justify-content: center;
    width: 48px;
    display: flex
}

.HF7v0 {
    gap: 32px
}

.HF7v0,._2XM4J {
    display: flex;
    flex-direction: column
}

._2XM4J {
    max-width: 625px;
    gap: 24px
}

._2uXjo {
    width: 100%
}

@media (min-width: 480px) {
    ._2uXjo {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 160px
    }
}

._3WJAW {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    padding: 0;
    margin: 0
}

._1ahZX {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1ahZX::-webkit-scrollbar {
    display: none
}

._26ZMV {
    width: 100%;
    max-width: 1136px
}

.KhdYJ {
    display: flex;
    justify-content: center;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    scrollbar-gutter: stable
}

._1Mvrq {
    background-color: #fff;
    display: grid;
    grid-template-areas: "topbar topbar topbar" "small-sidebar sidebar all-content" "small-sidebar sidebar footer";
    grid-template-columns: auto auto 1fr;
    grid-template-rows: min-content min-content 1fr min-content;
    height: 100%;
    min-height: 100dvh;
    max-width: 100vw
}

@media (min-width: 480px) {
    ._1Mvrq {
        min-height:100dvh
    }
}

@media (min-width: 768px) {
    ._1Mvrq {
        grid-template-columns:256px 1fr;
        grid-template-rows: auto 1fr auto;
        grid-template-areas: "topbar topbar" "sidebar all-content" "sidebar footer"
    }
}

._3d7kn {
    overflow: clip
}

._1K-EM {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    ._1K-EM {
        padding-left:24px;
        padding-right: 24px
    }
}

.hRknj {
    padding-bottom: 0;
    padding-top: 24px
}

@media (min-width: 768px) {
    .hRknj {
        padding-top:48px
    }
}

@media (min-width: 1440px) {
    .hRknj {
        padding-top:64px
    }
}

.KhrHI {
    margin-top: 120px!important
}

@media (min-width: 768px) {
    .KhrHI {
        margin-top:136px!important
    }
}

._3G1Qk {
    margin-top: 56px!important
}

@media (min-width: 768px) {
    ._3G1Qk {
        margin-top:72px!important
    }
}

._3fmFE {
    display: grid;
    grid-area: all-content;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: min-content 1fr;
    justify-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: 752px;
    gap: 24px
}

@media (min-width: 768px) {
    ._3fmFE {
        grid-template-columns:minmax(0,1fr);
        max-width: 768px
    }
}

@media (min-width: 1280px) {
    ._3fmFE {
        grid-template-columns:minmax(0,720px) minmax(0,250px);
        gap: 28px 32px;
        justify-content: center
    }
}

._3fmFE._1sDLK {
    grid-template-columns: 1fr;
    max-width: 752px
}

@media (min-width: 768px) {
    ._3fmFE._1sDLK {
        max-width:768px
    }
}

._3fmFE.nb9ux {
    max-width: 100%
}

._2OTcY {
    grid-area: footer;
    margin: 0 auto;
    width: 100%;
    align-self: flex-end
}

._2eDr_ {
    grid-area: topbar;
    height: 58px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 600
}

@media (min-width: 768px) {
    ._2eDr_ {
        height:74px
    }
}

._1L8WI {
    grid-area: sidebar;
    align-self: flex-start;
    flex-direction: column;
    height: calc(100dvh - 72px);
    position: relative;
    top: 0;
    width: -moz-min-content;
    width: min-content;
    z-index: 550
}

._3jhlS {
    grid-area: small-sidebar;
    display: block;
    height: calc(100dvh - 56px);
    left: 0;
    position: fixed;
    top: 56px;
    z-index: 550
}

._3jhlS._1oq5L {
    width: 100%
}

.rXC4h {
    top: 120px!important;
    height: calc(100dvh - 120px)!important
}

.OkDBa {
    align-content: flex-start;
    display: grid;
    position: relative;
    width: 100%
}

._3FZC1 {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    row-gap: 20px
}

@media (min-width: 480px) {
    ._3FZC1 {
        row-gap:24px
    }
}

@media (min-width: 768px) {
    ._3FZC1 {
        row-gap:40px
    }
}

@media (min-width: 1440px) {
    ._3FZC1 {
        row-gap:48px
    }
}

._349KK {
    width: 100%;
    max-width: 100%;
    row-gap: 20px;
    top: 0;
    align-self: flex-start;
    min-width: 0
}

@media (min-width: 768px) {
    ._349KK {
        position:sticky;
        top: 88px
    }
}

@media (min-width: 1280px) {
    ._349KK {
        row-gap:24px
    }
}

._16lbk {
    margin-left: 0
}

._19mST {
    display: flex;
    align-items: flex-end;
    position: fixed;
    right: 20px;
    bottom: 20px
}

.hgz5d {
    color: #1899d6;
    text-decoration: underline
}

._3xcoV {
    background-color: #fff;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.WuYzh {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.WuYzh::-webkit-scrollbar {
    display: none
}

._134B0 {
    margin-bottom: 0;
    width: 100%
}

._36xo6 {
    align-items: center;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 24px 0 16px
}

@media (min-width: 480px) {
    ._36xo6 {
        padding:40px 0 32px;
        flex-direction: row
    }
}

._2-mMB {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center
}

._TYlk {
    align-items: center;
    color: #afafaf;
    cursor: pointer;
    display: flex;
    font-size: 13px
}

._25D4M {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._25D4M::-webkit-scrollbar {
    display: none
}

.scGJF {
    width: 100%;
    max-width: 1136px
}

._1qaah {
    display: flex;
    justify-content: center;
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    scrollbar-gutter: stable
}

._18Cz- {
    background-color: #fff;
    display: grid;
    grid-template-areas: "topbar topbar topbar" "small-sidebar sidebar all-content" "small-sidebar sidebar footer";
    grid-template-columns: auto auto 1fr;
    grid-template-rows: min-content min-content 1fr min-content;
    height: 100%;
    min-height: 100dvh;
    max-width: 100vw
}

@media (min-width: 480px) {
    ._18Cz- {
        min-height:100dvh
    }
}

@media (min-width: 768px) {
    ._18Cz- {
        grid-template-columns:256px 1fr;
        grid-template-rows: auto 1fr auto;
        grid-template-areas: "topbar topbar" "sidebar all-content" "sidebar footer"
    }
}

._3Hygd {
    overflow: clip
}

._2sih5 {
    padding-left: 16px;
    padding-right: 16px
}

@media (min-width: 768px) {
    ._2sih5 {
        padding-left:24px;
        padding-right: 24px
    }
}

.mln5j {
    padding-bottom: 0;
    padding-top: 24px
}

@media (min-width: 768px) {
    .mln5j {
        padding-top:48px
    }
}

@media (min-width: 1440px) {
    .mln5j {
        padding-top:64px
    }
}

._1cdPH {
    margin-top: 120px!important
}

@media (min-width: 768px) {
    ._1cdPH {
        margin-top:136px!important
    }
}

._3lHu4 {
    margin-top: 56px!important
}

@media (min-width: 768px) {
    ._3lHu4 {
        margin-top:72px!important
    }
}

._3OwAf {
    display: grid;
    grid-area: all-content;
    grid-template-columns: minmax(0,1fr);
    grid-template-rows: min-content 1fr;
    justify-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: 752px;
    gap: 24px
}

@media (min-width: 768px) {
    ._3OwAf {
        grid-template-columns:minmax(0,1fr);
        max-width: 768px
    }
}

@media (min-width: 1280px) {
    ._3OwAf {
        grid-template-columns:minmax(0,720px) minmax(0,250px);
        gap: 28px 32px;
        justify-content: center
    }
}

._3OwAf.EfAA- {
    grid-template-columns: 1fr;
    max-width: 752px
}

@media (min-width: 768px) {
    ._3OwAf.EfAA- {
        max-width:768px
    }
}

._3OwAf._1OsLS {
    max-width: 100%
}

._1_YVc {
    grid-area: footer;
    margin: 0 auto;
    width: 100%;
    align-self: flex-end
}

._2Vwyq {
    grid-area: topbar;
    height: 58px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 600
}

@media (min-width: 768px) {
    ._2Vwyq {
        height:74px
    }
}

._16Q1S {
    grid-area: sidebar;
    align-self: flex-start;
    height: calc(100dvh - 72px);
    position: relative;
    top: 0;
    width: -moz-min-content;
    width: min-content;
    z-index: 550
}

._3IXpn {
    grid-area: small-sidebar;
    display: block;
    height: calc(100dvh - 56px);
    left: 0;
    position: fixed;
    top: 56px;
    z-index: 550
}

._3IXpn._1jWsZ {
    width: 100%
}

._3IqIP {
    top: 120px!important;
    height: calc(100dvh - 120px)!important
}

._200pX {
    align-content: flex-start;
    display: grid;
    position: relative;
    width: 100%
}

._2eXKU {
    width: 100%;
    min-width: 0;
    max-width: 100%;
    row-gap: 20px
}

@media (min-width: 480px) {
    ._2eXKU {
        row-gap:24px
    }
}

@media (min-width: 768px) {
    ._2eXKU {
        row-gap:40px
    }
}

@media (min-width: 1440px) {
    ._2eXKU {
        row-gap:48px
    }
}

.DU3DI {
    width: 100%;
    max-width: 100%;
    row-gap: 20px;
    top: 0;
    align-self: flex-start;
    min-width: 0
}

@media (min-width: 768px) {
    .DU3DI {
        position:sticky;
        top: 88px
    }
}

@media (min-width: 1280px) {
    .DU3DI {
        row-gap:24px
    }
}

._1gncG {
    margin-left: 0
}

.s_Mp1 {
    display: flex;
    align-items: flex-end;
    position: fixed;
    right: 20px;
    bottom: 20px
}

._3HZfQ {
    color: #1899d6;
    text-decoration: underline
}

._3y5Qm {
    background-color: #fff;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._21hNQ {
    top: 136px!important
}

._16Q1S {
    background-color: #fff;
    position: fixed;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 256px;
    gap: 32px;
    padding: 32px 16px 0;
    height: calc(100% - 56px);
    top: 72px
}

@media (min-width: 768px) {
    ._16Q1S {
        height:calc(100% - 72px);
        top: 72px
    }
}

._2tQnz {
    width: 100%;
    gap: 16px;
    overflow-y: auto
}

@media (min-width: 768px) {
    ._2tQnz {
        display:none
    }
}

._14lBM._2tQnz {
    padding-left: 0;
    padding-right: 0;
    max-width: 0;
    overflow: hidden
}

._3IqIP {
    top: 120px;
    height: calc(100% - 120px)
}

@media (min-width: 768px) {
    ._3IqIP {
        top:136px;
        height: calc(100% - 136px)
    }
}

._8r-sh {
    display: grid;
    row-gap: 8px;
    width: 100%
}

.o0P6A {
    width: 42px
}

._3NhpN {
    margin: 20px 0;
    width: 100%
}

.ZSzhw {
    align-items: center;
    background-color: inherit;
    border: none;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 0 16px 12px
}

._2TJ80 {
    position: absolute;
    bottom: 16px;
    right: 16px
}

._3XzOp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3XzOp::-webkit-scrollbar {
    display: none
}

._3iCZb {
    display: grid;
    position: relative
}

._3iCZb:active .IS4zd,._3iCZb:focus-within .IS4zd,._3iCZb:hover .IS4zd {
    visibility: visible
}

.X1e-T {
    align-items: center;
    border: 2px solid transparent;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    gap: 20px;
    height: 52px;
    max-width: 100%;
    min-width: 224px;
    padding: 0 16px;
    width: 100%
}

._37pPP {
}

._37pPP:hover {
    background-color: #e5e5e5
}

._2DWbb {
    background-color: #ddf4ff;
    border: 2px solid #84d8ff;
    color: #1899d6
}

._3HbAQ {
    cursor: pointer;
    height: 32px;
    width: 32px
}

._2Vvbo {
    opacity: 1;
    max-width: -moz-fit-content;
    max-width: fit-content
}

._3QQ2e {
    opacity: 0
}

._1bVjq {
    cursor: pointer;
    text-wrap: balance
}

._2bqM5 {
    color: #777
}

._154lX {
    color: #1899d6
}

._1vpn4 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1vpn4::-webkit-scrollbar {
    display: none
}

._3KzAc {
    width: 200px;
    height: 200px
}

.R0U_s {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
    padding: 16px
}

._28ERI {
    text-align: center
}

.Yb5i7 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Yb5i7::-webkit-scrollbar {
    display: none
}

._1vcg6,._1bOvp {
    padding: 16px;
    transition-property: padding
}

._1bOvp {
    background: none;
    border: none;
    min-height: 52px;
    width: 100%
}

._1bOvp:hover {
    background-color: #e5e5e5
}

._3H8pB {
    display: flex;
    align-items: center
}

._3rfbF {
    cursor: pointer;
    margin-left: 8px;
    transition-property: max-width,margin-left
}

._3rfbF.Mmcbj {
    display: none;
    margin-left: 0;
    max-width: 0
}

._2E6Nj {
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 8px 0;
    transform-origin: bottom right
}

._2vnDR {
    display: flex;
    flex-direction: column;
    gap: 12px;
    max-width: 160px
}

._3kwNd {
    align-items: flex-end
}

._1BTa7 {
    justify-items: flex-start
}

._25Ra4 {
    justify-items: center
}

._2FZG1 {
    width: 24px;
    height: 24px
}

._3iLu5 {
    background-color: #1cb0f6
}

._1m2D5 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1m2D5::-webkit-scrollbar {
    display: none
}

._2QUDC {
    position: relative
}

._1jfKp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1jfKp::-webkit-scrollbar {
    display: none
}

.tT996 {
    position: absolute;
    margin-top: 7px;
    min-width: 240px
}

._33U_M,._387Aa {
    align-items: center;
    display: flex;
    flex-direction: column
}

._387Aa {
    padding: 20px;
    row-gap: 12px;
    text-align: center
}

._37Har {
    padding-top: 4px
}

._2vU8G {
    margin: 0
}

.HH8vO {
    display: flex;
    flex-direction: column;
    padding: 8px 0;
    width: 100%
}

.hZqqo {
    padding: 12px 20px
}

.hZqqo:hover {
    background-color: #e5e5e5
}

._1nYgl {
    background: none;
    border: none;
    text-align: left
}

._1y5Gl {
    color: #777;
    cursor: pointer;
    font-size: 15px
}

._1Hvji {
    cursor: pointer
}

._2gDqF {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2gDqF::-webkit-scrollbar {
    display: none
}

._2sWps {
    position: relative
}

._2yzku {
    background-color: #e5e5e5;
    border-radius: 12px
}

@media (min-width: 480px) {
    ._2yzku {
        background-color:transparent;
        border-radius: 0
    }
}

._1D0QK {
    align-items: center;
    background-color: #1cb0f6;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    justify-content: center;
    line-height: 11px;
    position: absolute;
    right: 4px;
    top: 6px;
    width: 18px
}

.pPvPu {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.pPvPu::-webkit-scrollbar {
    display: none
}

._2XKvS {
    position: absolute;
    margin-top: 7px;
    width: 100vw
}

@media (min-width: 480px) {
    ._2XKvS {
        min-width:280px;
        width: -moz-fit-content;
        width: fit-content
    }
}

._2_-qQ {
    align-items: center;
    display: flex;
    flex-direction: column
}

@media (max-width: 479px) {
    ._2_-qQ {
        border-radius:0;
        border: none;
        border-top: 2px solid #e5e5e5
    }
}

.RUm1l {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 20px;
    text-align: center
}

.HeJQh {
    padding-bottom: 0;
    padding-top: 12px
}

._19Xkt {
    padding-top: 8px
}

.N3tXf {
    position: fixed;
    height: 100vh;
    width: 100vw;
    left: 0;
    z-index: -1;
    background-color: #000;
    opacity: .4
}

.biAhp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.biAhp::-webkit-scrollbar {
    display: none
}

._1RafP {
    justify-content: center;
    height: 100%;
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5
}

._2VzBv,._1RafP {
    display: flex;
    width: 100%
}

._2VzBv {
    justify-content: space-between;
    align-items: center;
    max-width: 1072px;
    margin: 0 16px
}

@media (min-width: 768px) {
    ._2VzBv {
        margin:0 32px
    }
}

._2dGrh {
    height: 32px
}

@media (max-width: 767px) {
    ._1I5iz {
        position:absolute;
        left: calc(50% - 107px)
    }
}

@media (max-width: 767px) {
    ._13XQZ {
        top:76px
    }
}

@media (max-width: 767px) {
    ._33JSt {
        top:12px
    }
}

._1zbCh {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center
}

._1zbCh:hover {
    cursor: pointer
}

@media screen and (min-width: 768px) {
    ._1zbCh {
        display:none
    }
}

.gtgYP:hover {
    cursor: pointer
}

._3Ldj5 {
    display: none
}

._3ltd0 {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-right: -12px
}

._2WhY6 {
    position: relative;
    cursor: pointer;
    height: 48px;
    padding: 12px
}

.ptCuI {
    padding: 10px 12px
}

@media (min-width: 480px) {
    ._2WhY6:hover {
        background-color:#e5e5e5;
        border-radius: 12px
    }
}

._3jKGB {
    color: #afafaf
}

._35-06 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._35-06::-webkit-scrollbar {
    display: none
}

._2D_0Y {
    align-items: center;
    background-color: #1cb0f6;
    border-radius: 50%;
    border: 2px solid #fff;
    color: #fff;
    display: flex;
    font-size: 11px;
    font-weight: 700;
    height: 18px;
    justify-content: center;
    line-height: 11px;
    position: absolute;
    right: 4px;
    top: 6px;
    width: 18px
}

._33jVp {
    border-radius: 6px;
    border: 1px solid #dbdee1;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content
}

._2vAPK {
    line-height: 100%
}

._9YNxH,._3PJ1h {
}

._3PJ1h {
    color: #3d4d5c
}

._2u3h3 {
    align-items: center;
    display: flex;
    flex-direction: row;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: space-between;
    padding: 14px 18px
}

@media (min-width: 768px) {
    ._2u3h3 {
        padding:16px 18px
    }
}

._2u3h3._18Iu2 {
    border-bottom: 1px solid #dbdee1
}

._2u3h3._2ZaNo {
    padding: 16px 18px
}

@media (min-width: 480px) {
    ._2u3h3._2ZaNo {
        padding:19px 24px
    }
}

._2gXtr {
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px
}

._3Adyi {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

._3Adyi._1fXyf {
    padding: 20px
}

@media (min-width: 768px) {
    ._3Adyi._1fXyf._2ZaNo {
        padding:24px
    }
}

@media (min-width: 992px) {
    ._3Adyi._1fXyf._2ZaNo {
        row-gap:28px
    }
}

@media (min-width: 1280px) {
    ._3Adyi._1fXyf._2ZaNo {
        padding:32px
    }
}

.drA09 {
    display: flex;
    flex-direction: row;
    align-items: center
}

._1Mrjy {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1Mrjy::-webkit-scrollbar {
    display: none
}

._3kJd6 {
    justify-content: center
}

._1vLnN,._3kJd6 {
    width: 100%;
    display: flex;
    align-items: center
}

._1vLnN {
    justify-content: space-between;
    -moz-column-gap: 8px;
    column-gap: 8px;
    height: 64px;
    max-width: 1072px;
    padding: 16px 0;
    margin: 0 16px
}

@media (min-width: 768px) {
    ._1vLnN {
        margin:0 32px
    }
}

._20iBZ {
    background-color: #ddf4ff;
    color: #1899d6
}

._3t1dK {
    width: 100%
}

._1hpY3 {
    align-self: center;
    display: flex;
    justify-items: center;
    align-items: center;
    border: none;
    background-color: inherit
}

._MMmc {
    width: 16px;
    height: 16px
}

._20iBZ ._MMmc {
    background-color: #1899d6
}

.Tw9Ex {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Tw9Ex::-webkit-scrollbar {
    display: none
}

._1Kar0 {
    display: grid;
    grid-template-columns: 222px auto;
    width: 100%
}

._2TUZ- {
    align-self: center;
    justify-self: flex-end
}

._1E3OY {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._6I_NG {
    color: #ff4b4b
}

._3QLk0 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3QLk0::-webkit-scrollbar {
    display: none
}

._1yDSe {
    width: 343px;
    max-width: 100%;
    padding: 32px 24px 12px
}

.s1zzn {
    display: flex;
    flex-direction: center;
    align-items: center;
    padding-bottom: 24px
}

._3iMlV {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

._1s6Yr,._2GVFJ {
    width: 100%
}

._2GVFJ {
    --web-ui_button-background-color: #ff4b4b;
    --web-ui_button-border-color: #ea2b2b
}

.ex0bV {
    text-align: center
}

._3e6_H {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 160px
}

._1qbU1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1qbU1::-webkit-scrollbar {
    display: none
}

._2SXpg {
    width: 343px!important;
    max-width: 100%
}

._1n9-B {
    text-align: center
}

._3xgVl,.gaDXO {
    width: 100%
}

._375dK {
    gap: 16px
}

._2RAvN,.aBaky,._375dK {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 24px
}

._2RAvN,.aBaky {
    gap: 20px
}

.h3YWn {
    gap: 20px;
    padding: 0 24px
}

._2SufW,.h3YWn {
    display: flex;
    flex-direction: column;
    align-items: center
}

._2SufW {
    gap: 8px;
    width: 100%;
    padding: 24px 24px 12px
}

._29THZ {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 220px;
    overflow-y: scroll
}

._1bkAV {
    width: 100%
}

.RySkf {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px;
    width: 100%
}

.RySkf._7eQcm {
    cursor: pointer
}

.I2CNp {
    display: flex;
    flex-direction: column;
    width: 100%
}

._218Og {
    color: #afafaf!important
}

._28hwQ {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 480px) {
    ._28hwQ {
        flex-direction:row;
        align-items: flex-start;
        gap: 20px
    }
}

._28hwQ._1kLKD {
    flex-direction: column;
    gap: 16px;
    margin-bottom: 8px
}

.LCxKj {
    width: 100%
}

@media (min-width: 480px) {
    .LCxKj {
        width:calc(100% - 10px)
    }
}

.LCxKj._1kLKD {
    width: 100%
}

.p1_zv {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._24CMl {
    display: flex;
    align-items: center;
    gap: 8px
}

._2I7ng {
    color: #cc2f38;
    margin: 0;
    font-size: 13px
}

._18mst {
}

._1uwP8 {
    display: inline-grid;
    justify-items: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background-color: #fff
}

._1uwP8:focus-within {
    background-color: rgba(0,0,0,.1)
}

._1uwP8.Z-Tre {
    background-color: #f9fafb
}

._2tHUr {
    visibility: hidden
}

._32RTR {
    visibility: visible
}

._2G_So {
    grid-row: 1;
    grid-column: 1
}

._2N5Iz {
    opacity: 0;
    width: 0;
    height: 0
}

._2MLPK,._1_2us {
    background-color: #2285d0
}

._2ngL5 {
    background-color: #cc2f38
}

._2D2gZ {
    background-color: #dbdee1
}

._7MT8z,.N3g1m {
    background-color: #cacfd3
}

.jja0A {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.jja0A::-webkit-scrollbar {
    display: none
}

.t51vQ {
    display: flex;
    padding: 16px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    flex-direction: row;
    align-items: center;
    gap: 12px;
    min-height: 80px;
    width: 100%;
    box-sizing: border-box
}

@media (min-width: 768px) {
    .t51vQ {
        padding:24px;
        gap: 20px;
        min-height: 104px
    }
}

._3-T9c {
    flex-shrink: 0
}

._3sA4J {
    display: flex;
    min-width: 0;
    flex: 1;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start
}

@media (min-width: 768px) {
    ._3sA4J {
        flex-direction:row;
        align-items: center;
        gap: 20px;
        justify-content: space-between
    }
}

._1a9yA {
    font-size: 20px;
    line-height: 130%;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
    align-self: flex-start;
    flex: 1;
    margin: 0;
    max-width: 100%
}

@media (min-width: 768px) {
    ._1a9yA {
        align-self:auto
    }
}

._2UvX7 {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    align-self: flex-start;
    margin: 0!important;
    padding: 0!important;
    border: none!important;
    height: 26px
}

@media (min-width: 768px) {
    ._2UvX7 {
        align-self:center
    }
}

._1VrrN {
    max-width: 100%;
    overflow: hidden;
    gap: 20px
}

._1ZzS6,._1VrrN {
    width: 100%;
    display: flex;
    flex-direction: column
}

._1ZzS6 {
    gap: 24px
}

._1Pqp1 {
    gap: 16px
}

._1Pqp1,._3MGGM {
    display: flex;
    flex-direction: column;
    width: 100%
}

._3MGGM {
    gap: 4px
}

._2OGl_ {
    margin-bottom: 24px;
    display: flex
}

@media screen and (min-width: 768px) {
    ._2OGl_ {
        display:none
    }
}

.CB5Lh {
    width: 100%
}

._3h1F7 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

._1T3Wm {
    min-width: 160px;
    width: -moz-fit-content;
    width: fit-content
}

._10Z6O {
    display: flex;
    gap: 8px;
    align-items: center
}

._3Zfcd {
    width: -moz-max-content;
    width: max-content
}

._1xDoM {
    display: flex;
    gap: 12px
}

._2-QSV {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2-QSV::-webkit-scrollbar {
    display: none
}

._3EHdR {
    cursor: pointer;
    position: relative;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 16px 40px 16px 16px;
    line-height: 160%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    gap: 2px
}

._1mpvb {
    position: absolute;
    right: 16px;
    top: 0;
    bottom: 0;
    margin: auto
}

.UXF9l {
    color: #2285d0
}

._3Lg4f {
    padding: 16px;
    line-height: 28px
}

._2sR-G {
    max-width: 800px;
    margin-bottom: 16px
}

._2xFWg {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2xFWg::-webkit-scrollbar {
    display: none
}

._2phBQ {
    width: 100%;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow-y: auto;
    scrollbar-gutter: stable
}

._2ejY1 {
    background-color: #fff;
    display: grid;
    grid-template-areas: "topbar topbar topbar" "small-sidebar sidebar all-content" "small-sidebar sidebar footer";
    grid-template-columns: auto auto 1fr;
    grid-template-rows: min-content min-content 1fr min-content;
    min-height: 100dvh;
    width: 100%
}

@media (min-width: 768px) {
    ._2ejY1 {
        grid-template-columns:256px 1fr;
        grid-template-rows: auto 1fr auto;
        grid-template-areas: "topbar topbar" "sidebar all-content" "sidebar footer"
    }
}

.kw1xn {
    grid-area: topbar;
    height: 58px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 600
}

@media (min-width: 768px) {
    .kw1xn {
        height:74px
    }
}

._35ZOV {
    grid-area: sidebar;
    align-self: flex-start;
    flex-direction: column;
    height: calc(100dvh - 72px);
    position: sticky;
    top: 72px;
    width: -moz-min-content;
    width: min-content;
    z-index: 550
}

._15-tE {
    grid-area: small-sidebar;
    display: block;
    height: calc(100dvh - 56px);
    left: 0;
    position: fixed;
    top: 56px;
    z-index: 550
}

._3puve,._15-tE._3vpQ9 {
    width: 100%
}

._3puve {
    grid-area: all-content;
    margin-top: 56px;
    padding: 24px 16px;
    min-width: 0
}

@media (min-width: 768px) {
    ._3puve {
        margin-top:72px;
        padding: 32px 24px
    }
}

._88kc8 {
    width: 100%;
    min-width: 0;
    display: grid;
    row-gap: 24px
}

._1SpVD {
    grid-area: footer;
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    align-self: flex-end
}

@media (min-width: 768px) {
    ._1SpVD {
        padding-left:24px;
        padding-right: 24px
    }
}

._207Yh {
    display: flex;
    align-items: flex-end;
    position: fixed;
    right: 20px;
    bottom: 20px
}

.Ct-l8 {
    background-color: #fff;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

._3CKJ_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3CKJ_::-webkit-scrollbar {
    display: none
}

.inNxW {
    height: 100%;
    background-color: #fff;
    border-bottom: 2px solid #e5e5e5
}

._3oety,.inNxW {
    display: flex;
    width: 100%
}

._3oety {
    justify-content: space-between;
    align-items: center;
    padding: 0 16px
}

@media (min-width: 768px) {
    ._3oety {
        padding:0 24px
    }
}

.uLv_i {
    height: 32px
}

@media (max-width: 767px) {
    ._9ppm3 {
        position:absolute;
        left: calc(50% - 107px);
        top: 12px
    }
}

._3ekE7 {
    border: none;
    background: none;
    display: flex;
    align-items: center;
    justify-content: center
}

._3ekE7:hover {
    cursor: pointer
}

@media screen and (min-width: 768px) {
    ._3ekE7 {
        display:none
    }
}

._34UNq:hover {
    cursor: pointer
}

._1qHUe {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-right: -12px
}

._3Q7jM {
    position: relative;
    cursor: pointer;
    height: 48px;
    padding: 12px
}

._3vL9D {
    padding: 10px 12px
}

@media (min-width: 480px) {
    ._3Q7jM:hover {
        background-color:#e5e5e5;
        border-radius: 12px
    }
}

.sqN5m {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.sqN5m::-webkit-scrollbar {
    display: none
}

._3kvsT {
    width: 100vw;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

.ASjGh {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    overscroll-behavior: contain
}

.dmw56 {
    width: 100%;
    padding: 16px;
    background-color: #fff
}

@media (min-width: 768px) {
    .dmw56 {
        padding-top:24px;
        margin-left: auto;
        margin-right: auto;
        width: 720px
    }
}

._3M83n {
    display: flex;
    flex-direction: column;
    justify-content: center
}

._17SuY {
    width: 100%
}

@media (min-width: 768px) {
    ._17SuY {
        width:calc(100vw - 32px)!important;
        max-width: 916px
    }
}

.F4wPz {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.F4wPz::-webkit-scrollbar {
    display: none
}

._2WOUO {
    position: sticky;
    bottom: 0;
    width: 100%;
    background-color: #fff;
    z-index: 600;
    height: 80px
}

@media (min-width: 768px) {
    ._2WOUO {
        height:96px
    }
}

._36ITf {
    height: 128px
}

._1FRfD {
    border-top: 2px solid #e5e5e5
}

.JeCur {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
    width: 100%;
    padding: 16px
}

.MDuM2 {
    padding: 12px 16px 16px
}

@media (min-width: 768px) {
    .JeCur {
        flex-direction:row;
        max-width: 1200px;
        margin: 0 auto;
        padding: 24px 32px
    }
}

._3NETv {
    width: 100%
}

@media (min-width: 768px) {
    ._3NETv {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 160px
    }
}

._1ETLO {
    width: 100%
}

@media (min-width: 768px) {
    ._1ETLO {
        width:-moz-fit-content;
        width: fit-content
    }
}

._36FtN {
    margin-top: 2px
}

.Cmkal {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Cmkal::-webkit-scrollbar {
    display: none
}

.VpYaG {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    position: sticky;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 600
}

@media (min-width: 768px) {
    .VpYaG {
        height:72px
    }
}

.iNOMz {
    height: 56px
}

@media (min-width: 768px) {
    .iNOMz {
        height:104px
    }
}

._3T_AS {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    width: 100%;
    height: 100%;
    max-width: 1200px;
    margin: 0 auto
}

@media (min-width: 768px) {
    ._3T_AS {
        padding:0 32px
    }
}

._2K37M {
    width: 24px;
    height: 24px
}

._2K37M,._3K0-c {
    display: flex;
    align-items: center;
    justify-content: center
}

._3K0-c {
    flex: 1;
    margin: 0 16px
}

._3K0-c._2NOKg {
    margin-left: 0
}

._3K0-c._3QJhN {
    margin-right: 0
}

.uYDeZ {
    border-bottom: 2px solid #e5e5e5
}

._3whFZ {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.fYjBr {
    justify-content: center;
    width: 343px;
    margin: auto
}

.fYjBr,._17WvU {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

._17WvU {
    text-align: center
}

._2alGp {
    width: 100%
}

.ZC4c4 {
    display: flex;
    justify-content: center;
    width: 100%
}

._3qU6O {
    width: 100%
}

.N8tXW {
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 24px;
    padding: 12px;
    margin: 0 auto
}

.N8tXW,._3pkku {
    display: flex;
    justify-content: center
}

._1Ca7f {
    max-width: 200px;
    height: auto
}

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

._165Gi {
    max-width: 100%
}

._1wU6V {
    display: flex;
    justify-content: center;
    width: 100%
}

._2jgdw {
    width: 100%
}

.nbq3v {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background-color: var(--color-snow)
}

.CKRfc {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.CKRfc::-webkit-scrollbar {
    display: none
}

.DJCSy {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 24px
}

.QV8jp {
    color: #afafaf;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .56px;
    line-height: 16px;
    text-transform: uppercase
}

._1-I5p {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
    margin-top: 8px
}

._2fpjF {
    margin-left: 6px
}

._15T_m {
    margin-top: 8px
}

._16n1r {
    width: 100%
}

@media (min-width: 624px) {
    ._16n1r {
        width:-moz-fit-content;
        width: fit-content
    }
}

@media (min-width: 768px) {
    ._16n1r {
        width:100%
    }
}

@media (min-width: 880px) {
    ._16n1r {
        width:-moz-fit-content;
        width: fit-content
    }
}

._1xX3v {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1xX3v::-webkit-scrollbar {
    display: none
}

.jPOE1 {
    margin-top: 4px;
    text-wrap: pretty
}

.l3C_T {
    justify-self: center
}

@media (min-width: 624px) {
    .l3C_T {
        justify-self:left
    }
}

@media (min-width: 768px) {
    .l3C_T {
        justify-self:center
    }
}

@media (min-width: 880px) {
    .l3C_T {
        justify-self:left
    }
}

.xqelD {
    width: -moz-fit-content;
    width: fit-content
}

._2kTeT {
    color: #777;
    margin-bottom: 4px!important;
    text-align: left
}

._2kTeT:last-child {
    margin-bottom: 0!important
}

._2z434 {
    color: #1cb0f6;
    font-weight: 700;
    margin-left: 6px
}

._2jXd0 {
    padding-left: 1em;
    list-style: outside decimal;
    gap: 1em
}

._3O8_Y {
    margin-left: 4px
}

._2jXd0>li {
    padding-left: .5em
}

._2jXd0>li:not(:last-child) {
    margin-bottom: 1em
}

._2-UTz {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2-UTz::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    ._2XFgr {
        width:480px
    }
}

._1SXeD {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    padding: 24px;
    text-align: left
}

._3D-zy {
    color: #afafaf
}

._4fRVH {
    color: #777
}

.LwdrP,._3wHZb {
    width: 100%
}

.LwdrP {
    margin-top: 4px
}

._1TX2M {
    margin-top: 8px;
    width: 100%;
    margin-bottom: 4px
}

._2gvev {
    color: #ea2b2b;
    font-size: 14px;
    line-height: 20px
}

._2SVQW {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2SVQW::-webkit-scrollbar {
    display: none
}

._2lbGz .xVUYz {
    display: none
}

._2lbGz:hover .xVUYz {
    display: block
}

.xVUYz {
    width: 90vw
}

@media (min-width: 624px) {
    .xVUYz {
        width:300px
    }
}

._3fTwu {
    padding: 16px
}

._3fTwu,._3EFEu {
    background: #f7f7f7
}

._294ha {
    color: #4b4b4b;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
    white-space: wrap
}

@media (min-width: 624px) {
    ._294ha {
        text-align:left
    }
}

@media (min-width: 768px) {
    ._294ha {
        text-align:center
    }
}

@media (min-width: 880px) {
    ._294ha {
        text-align:left
    }
}

._19pP6 {
    --web-ui_button-padding: 13px 16px;
    min-width: 200px;
    position: relative;
    width: 100%
}

@media (min-width: 624px) {
    ._19pP6 {
        max-width:300px
    }
}

@media (min-width: 768px) {
    ._19pP6 {
        max-width:unset
    }
}

@media (min-width: 880px) {
    ._19pP6 {
        max-width:300px
    }
}

@media (min-width: 992px) {
    ._19pP6 {
        width:-moz-fit-content;
        width: fit-content
    }
}

._2_7cH {
    --web-ui_button-padding: 13px 16px;
    min-width: 250px;
    width: 100%
}

@media (min-width: 624px) {
    ._2_7cH {
        width:-moz-fit-content;
        width: fit-content
    }
}

@media (min-width: 768px) {
    ._2_7cH {
        width:100%
    }
}

@media (min-width: 880px) {
    ._2_7cH {
        width:-moz-fit-content;
        width: fit-content
    }
}

._2HiEu {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2HiEu::-webkit-scrollbar {
    display: none
}

.f6QXe {
    display: none
}

@media (min-width: 624px) {
    .f6QXe {
        display:flex;
        justify-content: space-between
    }
}

@media (min-width: 768px) {
    .f6QXe {
        display:none
    }
}

@media (min-width: 880px) {
    .f6QXe {
        display:flex
    }
}

._1CuYH {
    display: flex;
    flex-direction: column
}

@media (min-width: 624px) {
    ._1CuYH {
        display:none
    }
}

@media (min-width: 768px) {
    ._1CuYH {
        display:flex
    }
}

@media (min-width: 880px) {
    ._1CuYH {
        display:none
    }
}

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

._2XbJF {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px
}

.jk0Rj {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 0
}

@media (min-width: 624px) {
    .jk0Rj {
        flex-direction:row;
        gap: 16px;
        margin-top: 20px
    }
}

@media (min-width: 768px) {
    .jk0Rj {
        flex-direction:column;
        gap: 12px;
        margin-top: 0
    }
}

@media (min-width: 880px) {
    .jk0Rj {
        flex-direction:row;
        gap: 16px;
        margin-top: 20px
    }
}

._1Ah2D {
    height: 130px
}

._176Rp {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background-color: #58cc02
}

._2h8Ac {
    -moz-column-gap: 34px;
    column-gap: 34px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 24px
}

@media (min-width: 480px) {
    ._2h8Ac {
        padding:5px 4px
    }
}

@media (min-width: 992px) {
    ._2h8Ac {
        grid-template-columns:minmax(max-content,140px) 1fr minmax(max-content,140px);
        row-gap: 32px
    }
}

._1r_L_ {
    color: #8c96a1;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 100%;
    margin-bottom: 10px
}

._1r_L_.zzBxP {
    margin-bottom: 12px
}

._1QyFA {
    display: grid;
    grid-gap: 6px
}

@media (min-width: 992px) {
    ._1QyFA {
        grid-column-start:2
    }
}

._24UHF {
    grid-row-start: 4
}

@media (min-width: 992px) {
    ._24UHF {
        grid-column-start:3;
        grid-row-start: 3
    }
}

._2aTHM {
    font-size: 13px;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

._2aTHM.PPE0Q {
    color: #8c96a1;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 100%
}

._3lA4g {
    -moz-column-gap: 34px;
    column-gap: 34px;
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 24px
}

@media (min-width: 480px) {
    ._3lA4g {
        padding:5px 4px
    }
}

@media (min-width: 992px) {
    ._3lA4g {
        grid-template-columns:minmax(max-content,140px) 1fr minmax(max-content,140px);
        row-gap: 32px
    }
}

._3eH76 {
    color: #8c96a1;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 100%;
    margin-bottom: 10px
}

._3eH76._2YRr4 {
    margin-bottom: 12px
}

.IpSdc {
    display: grid;
    grid-gap: 6px
}

@media (min-width: 992px) {
    .IpSdc {
        grid-column-start:2
    }
}

._1OZo_ {
    grid-row-start: 4
}

@media (min-width: 992px) {
    ._1OZo_ {
        grid-column-start:3;
        grid-row-start: 3
    }
}

.EcTQG {
    font-size: 13px;
    height: -moz-fit-content;
    height: fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.EcTQG.EhrXr {
    color: #8c96a1;
    font-weight: 700;
    letter-spacing: .5px;
    line-height: 100%
}

._1hc63 {
}

@media (min-width: 992px) {
    ._1hc63 {
        grid-template-columns:minmax(max-content,140px) 1fr!important
    }
}

._2yH_j {
    display: flex;
    grid-row-start: 3;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 992px) {
    ._2yH_j {
        justify-content:flex-end;
        grid-column-start: -2
    }
}

._1ZG8n {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.P5LZb {
    margin: 0
}

@media (min-width: 992px) {
    .P5LZb {
        grid-column:1/-1
    }
}

.I1_I6 {
    display: none
}

@media (min-width: 992px) {
    .I1_I6 {
        display:initial;
        margin-bottom: -2px
    }
}

.nArwE {
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: flex;
    margin-top: 12px;
    margin-bottom: 24px
}

.nArwE:last-child {
    margin-bottom: 0
}

.JSPhL {
    line-height: 100%
}

@media (min-width: 480px) {
    ._22M86 {
        margin-bottom:16px
    }
}

@media (min-width: 1280px) {
    ._22M86 {
        margin-bottom:20px
    }
}

._22M86:last-child {
    margin-bottom: 0
}

._3S0v5 {
    font-size: 15px;
    line-height: 100%
}

@media (min-width: 992px) {
    ._1UBR1 {
        grid-column:span 2
    }
}

._2hMF6 {
    grid-column: 1/-1
}

._37FsE {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    grid-gap: 12px
}

@media (min-width: 992px) {
    ._37FsE {
        grid-gap:0;
        grid-column-start: 3
    }
}

.QPiOV {
    display: grid;
    justify-content: space-between;
    grid-gap: 8px;
    grid-template-columns: 1fr 1fr
}

@media (min-width: 992px) {
    .QPiOV {
        height:80px;
        grid-template-columns: 1fr
    }
}

._3VANa {
    background-color: #f9fafb;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    color: #8c96a1;
    font-size: 13px;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: .5px;
    margin-bottom: -4px;
    padding: 9.5px 12px
}

@media (min-width: 768px) {
    ._3VANa {
        font-size:14px;
        padding: 11.5px 16px
    }
}

@media (min-width: 992px) {
    ._3VANa {
        grid-column:1/-1;
        margin-bottom: -8px
    }
}

._1yhnp {
    position: relative
}

._1RezZ {
    align-items: center;
    -moz-column-gap: 5px;
    column-gap: 5px;
    display: flex
}

._5WaDj {
    margin-bottom: 3.5px!important
}

._8_NuP {
    width: 234px
}

._2wZOP {
    width: 100%;
    min-width: 205px
}

._1jskT {
    color: #3d4d5c
}

._2SEJ5,._1jskT._3nmL7 {
    color: #8c96a1
}

._2SEJ5 {
    font-size: 14px;
    margin: 0
}

._1bxcX {
    gap: 16px
}

._2hXMo {
    display: flex;
    width: 100%;
    flex-direction: column;
    margin-top: 32px;
    gap: 12px
}

@media (min-width: 992px) {
    ._2hXMo {
        flex-direction:row
    }
}

._3mQxu {
    width: 100%
}

@media (min-width: 992px) {
    ._3mQxu {
        width:140px
    }
}

.iIThj {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.iIThj::-webkit-scrollbar {
    display: none
}

._2BbPR {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._23Oz4 {
    display: flex;
    justify-content: space-between
}

._23Oz4._19ZQN {
    cursor: pointer
}

._3G0v3 {
    width: 15px
}

._2vdUp {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    row-gap: 12px;
    margin-right: -20px
}

@media (min-width: 768px) {
    ._2vdUp {
        margin-right:-24px
    }
}

._22pkP {
    display: flex
}

._2KK8A {
    min-width: 120px;
    width: 50%
}

._1J6md {
    text-transform: uppercase
}

._2565J {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #4b4b4b
}

@media (min-width: 768px) {
    ._2565J {
        font-size:32px;
        line-height: 48px
    }
}

._14QER {
    display: flex;
    flex-grow: 1
}

._3qgty {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3qgty::-webkit-scrollbar {
    display: none
}

.FKGd7 {
    display: flex;
    flex-direction: column;
    border-top: 2px solid #e5e5e5;
    gap: 24px;
    padding-top: 20px
}

._3p_m4 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3p_m4::-webkit-scrollbar {
    display: none
}

._23gY5 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 28px 20px 20px
}

@media (min-width: 768px) {
    ._23gY5 {
        gap:24px;
        padding: 24px 24px 20px
    }
}

._2o6Db {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2o6Db::-webkit-scrollbar {
    display: none
}

._3vdQk {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._2YfCo {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2YfCo::-webkit-scrollbar {
    display: none
}

._3PuLz {
    align-items: center;
    -moz-column-gap: 32px;
    column-gap: 32px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    margin-top: 8px;
    row-gap: 16px
}

@media (min-width: 624px) {
    ._3PuLz {
        align-items:center;
        flex-direction: row;
        margin-top: 0;
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media (min-width: 768px) {
    ._3PuLz {
        flex-direction:column-reverse
    }
}

@media (min-width: 880px) {
    ._3PuLz {
        flex-direction:row
    }
}

@media (min-width: 992px) {
    ._3PuLz {
        -moz-column-gap:32px;
        column-gap: 32px
    }
}

._2aD_4 {
    width: 100%
}

._1fwev {
    text-align: center
}

@media (min-width: 624px) {
    ._1fwev {
        text-align:left
    }
}

@media (min-width: 768px) {
    ._1fwev {
        text-align:center
    }
}

@media (min-width: 880px) {
    ._1fwev {
        text-align:left
    }
}

._28MKX,._3Kpmh {
}

._28MKX {
    margin-top: 16px
}

._28MKX>span>a {
    color: #1cb0f6;
    font-weight: 700
}

._2FFrr {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 32px;
    min-width: 100%
}

@media (min-width: 624px) {
    ._2FFrr {
        min-width:240px
    }
}

@media (min-width: 992px) {
    ._2FFrr {
        flex-direction:row;
        width: -moz-fit-content;
        width: fit-content
    }
}

@media (min-width: 768px) {
    ._2FFrr:has(>.SXh3j:only-child) {
        flex-direction:row;
        width: -moz-fit-content;
        width: fit-content
    }
}

._3PEpx {
    width: 100%
}

._3ymHv {
    display: flex;
    height: 120px
}

@media (min-width: 624px) {
    ._3ymHv {
        width:100%;
        height: auto;
        max-height: 180px;
        max-width: 270px
    }
}

._2yRNp {
    color: #afafaf;
    margin-bottom: 12px
}

.rdgPW {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.rdgPW::-webkit-scrollbar {
    display: none
}

._3VCpF {
    --web-ui_card-border-radius: 16px;
    align-items: center;
    display: flex;
    gap: 16px;
    padding: 12px 16px;
    height: 64px;
    box-sizing: border-box;
    border : 1px solid #777;
}

@media (min-width: 480px) {
    ._3VCpF {
        padding:16px 20px
    }
}

._3VCpF._ErKV:not(._1TwAC):not(._1kHAe),._3VCpF:active:not(._ErKV) {
    transform: translateY(0) translateZ(0)!important
}

._3VCpF:before {
    box-shadow: none;
    margin-bottom: -2px
}

.uAGm2 {
    width: 32px;
    height: 32px
}

._1BHee {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1BHee::-webkit-scrollbar {
    display: none
}

._2l8ZP {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.Sr0dk {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr
}

@media (min-width: 624px) {
    .Sr0dk {
        grid-template-columns:1fr 1fr;
        gap: 16px
    }
}

@media (min-width: 768px) {
    .Sr0dk {
        grid-template-columns:1fr;
        gap: 12px
    }
}

@media (min-width: 880px) {
    .Sr0dk {
        grid-template-columns:1fr 1fr;
        gap: 16px
    }
}

._1_fe4 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1_fe4::-webkit-scrollbar {
    display: none
}

.xSqi2 {
    width: 100%
}

._323jV {
    --web-ui_button-padding: 13px 16px;
    min-width: -moz-fit-content;
    min-width: fit-content
}

@media (min-width: 624px) {
    ._323jV {
        max-width:300px
    }
}

@media (min-width: 768px) {
    ._323jV {
        max-width:unset
    }
}

@media (min-width: 880px) {
    ._323jV {
        max-width:300px
    }
}

._1xrFa {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1xrFa::-webkit-scrollbar {
    display: none
}

.-XWyt {
    padding-bottom: 24px;
    width: 180px
}

@media (min-width: 624px) {
    .-XWyt {
        padding-bottom:0;
        height: 96px;
        width: 96px
    }
}

._1lT7x {
    border: none
}

._2xcT_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2xcT_::-webkit-scrollbar {
    display: none
}

._3zNC6 {
    display: flex;
    flex-direction: column;
    height: 100dvh;
    width: 100dvw;
    background-color: #fff
}

._14_7Z {
    height: 72px;
    padding: 16px 0;
    flex-shrink: 0
}

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

._1_tKV {
    width: 100%;
    height: 100%;
    flex-direction: column;
    gap: 24px
}

.Hk8CA {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 343px
}

._3Dkyr {
    text-align: center
}

._2k2tK {
    font-weight: 700;
    color: #1cb0f6
}

._2dvdT {
    background-color: #fff;
    max-width: 100vw;
    min-height: 100vh;
    text-align: center
}

._1iS4N {
    padding: 26px 32px;
    gap: 12px
}

@media (max-width: 768px) {
    ._1iS4N {
        padding:26px 16px
    }
}

._2UQwf {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 768px) {
    ._2UQwf {
        justify-content:space-around;
        padding: 26px 140px
    }
}

._47wvW {
    width: 480px
}

@media (max-width: 768px) {
    ._47wvW {
        width:100%;
        padding: 20px
    }
}

._3UaFU {
    width: 700px
}

@media (max-width: 768px) {
    ._3UaFU {
        width:100%;
        padding: 20px
    }
}

.TUYlI {
    width: 24px;
    height: 24px;
    align-self: center
}

._1JmHd {
    padding-bottom: 12px
}

._30uVN {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 24px;
    border-top: 2px solid #f1f4f6;
    text-align: right
}

.OuT-i {
    width: 100%;
    gap: 40px;
    height: calc(100vh - 200px)
}

.OuT-i,._2mD1g {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._2mD1g {
    gap: 16px
}

._2zvdT {
    display: flex;
    flex-direction: column-reverse;
    align-items: center
}

._1qH8b {
    font-size: 24px
}

._37l6v {
    width: 160px
}

@media (max-width: 768px) {
    ._37l6v {
        width:100%
    }
}

._1OqPe {
    padding: 0 24px
}

._29G1k {
    margin-left: 6px
}

._14yV- {
    display: flex;
    align-items: center;
    flex-direction: row;
    white-space: nowrap;
    color: #67737e
}

._3cZDc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-between;
    min-height: 300px;
    width: 90vw;
    max-width: 680px
}

._1vyks {
    position: relative;
    margin: 24px
}

._1dWoa {
    overflow-x: hidden
}

._3rhgs {
    padding: 24px
}

._3uo39 {
    padding: 0 24px 24px
}

._1XCAD {
    width: 100%;
    background-color: transparent
}

.wjBMo {
    border: none;
    border-bottom: 1px solid #e1e5ea
}

._38Lgt,._3lb8C {
    display: flex;
    flex-direction: column
}

._3lb8C {
    row-gap: 20px;
    width: 100%
}

._1RSff {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    -moz-column-gap: 12px;
    column-gap: 12px;
    row-gap: 20px
}

.NvPkR {
    border: none;
    color: #007a4b
}

._2TYzE {
    padding: 0 16px
}

._2eCBl {
    height: 16px;
    margin-right: 8px
}

._3wmqx {
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

._1rOPD {
    text-align: center
}

._1AB-U {
    width: -moz-fit-content;
    width: fit-content
}

._2PMHg {
    color: #fff5f6
}

._1yvF0 {
    width: -moz-fit-content;
    width: fit-content
}

._2BAAT {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px;
    row-gap: 16px
}

._20Ehi {
    width: 70%;
    margin: auto
}

._1_Phl {
    margin: 4px
}

._1yvF0 {
    display: flex;
    margin: auto;
    padding: 16px
}

._9JKM_._1YUDD {
    color: #007a4b;
    font-weight: 700
}

._3ZTMy._9O2-W {
    color: #ff4b4b
}

._1ym9X {
    display: flex;
    flex-direction: column;
    align-items: left
}

._3tYyD {
    color: #995cd5;
    width: -moz-fit-content;
    width: fit-content;
    white-space: nowrap;
    font-weight: 700
}

._1IHfN {
    background-color: #fbf5ff;
    padding: 0 8px;
    border-radius: 4px
}

._3zk4n {
    position: relative;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    gap: 8px
}

._1SwCB {
    text-decoration: underline;
    color: #2285d0
}

._2PMHg {
    color: #ff4b4b
}

._2obuU {
    vertical-align: top
}

._10CLc {
    display: inline-flex;
    align-items: center;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: 38px;
    color: #001836;
    padding: 0 12px;
    border: 1px solid #e1e5ea;
    border-radius: 6px;
    margin-left: 8px;
    margin-bottom: 8px
}

.YIK4p {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 14px
}

.YIK4p>* {
    margin-bottom: 8px
}

._3DfaE {
    text-align: center;
    max-width: 680px
}

._3ohQy {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    text-align: center;
    padding-bottom: 16px
}

._1npm8 {
    color: #fff5f6
}

._1jhGQ {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 16px
}

._1Kmai {
    width: -moz-fit-content;
    width: fit-content
}

._2LPp9 {
    padding: 4px
}

._2LPp9+._2LPp9 {
    margin-left: 32px
}

.VeiGR {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 700
}

._1ChSM {
    cursor: pointer
}

._1TkSW {
    height: 32px
}

._2JtlD {
    align-items: center;
    cursor: default;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    margin: 1px 0;
    position: relative;
    width: 30px
}

.edxNq {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

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

._3hCpM {
    width: 100%;
    height: 100%;
    background-color: #2285d0;
    color: #fff
}

._3hCpM,.SJe5c {
    border-radius: 15px;
    cursor: pointer
}

.SJe5c:hover {
    background-color: #2285d0;
    border-radius: 15px;
    color: #fff
}

.vVtjs {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

._1saMV {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

._1Ic2V {
    cursor: default;
    opacity: .5
}

._1KOK2 {
    color: #2285d0;
    background-color: rgba(34,133,208,.1)
}

._2VWEL {
    display: flex;
    align-items: center;
    margin: 0;
    width: 100%;
    height: 48px;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    padding: 8px
}

._28X14 {
    border-color: #2285d0
}

._1N6hx {
    display: flex;
    align-items: center;
    position: relative
}

._35MLq {
    margin: 0 6px
}

.Hto64 {
    color: #8c96a1
}

._3SUYp {
    color: #2285d0
}

._2CxYC {
    background: #fff;
    border: none;
    border-radius: 10px;
    box-shadow: 0 3px 20px 2px rgba(0,0,0,.2);
    margin-bottom: 2px;
    outline: none;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: -moz-max-content;
    width: max-content
}

.eGc1q {
    display: flex;
    flex-wrap: wrap;
    padding: 12px
}

.DnskI {
    margin-right: 4px
}

._3DBQi {
    background-color: #2285d0
}

.YtRAP {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-between;
    min-height: 300px;
    width: 90vw;
    max-width: 680px
}

._35EFo {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 16px;
    column-gap: 16px
}

.dfphs {
    min-width: 150px
}

._3BNDf {
    padding: 36px
}

._1pVY3 {
    min-width: 150px
}

._3lS1L {
    display: flex;
    cursor: pointer
}

._3lS1L:not(:last-of-type) {
    margin-bottom: 16px
}

.ETIts {
    margin-left: 6px
}

._1qeF2 {
    min-width: 150px
}

.mp_f5 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 24px;
    column-gap: 24px;
    margin-top: 16px
}

._2A0Bb {
    margin: 0 0 16px
}

._2gpK4 {
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    padding: 16px
}

._1C8WS {
    margin-top: 16px
}

.WSSa1 {
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    padding: 16px
}

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

._2FJ-s {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._1-jzs {
    width: 40%;
    margin-left: 6px;
    margin-bottom: 6px
}

._2Jc39 {
    display: flex;
    flex-direction: column;
    position: relative
}

._2EkaN {
    display: inline-block
}

._1Aepg {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative
}

._2b01E {
    border-radius: 4px;
    height: 0;
    position: relative
}

._1wNH- {
    margin: 0!important
}

._1wNH-._69bfG {
    position: absolute;
    width: 100%;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%)
}

._35lVB {
    overflow: auto!important;
    border: none!important;
    border-bottom: 2px solid #eaeaea!important;
    box-shadow: 0 2px 8px #eaeaea;
    border-radius: 4px!important
}

._1rfQi {
    max-height: 200px
}

._1J8uP {
    max-height: 300px
}

._1-grG {
    max-height: 400px
}

.GU_Za {
    width: -moz-fit-content;
    width: fit-content
}

._25lUI {
    margin-bottom: 4px;
    font-size: 14px
}

._2Ybqu {
    padding: 8px 0
}

._2iltE {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    height: -moz-fit-content;
    height: fit-content;
    max-height: 350px;
    background-color: #fff;
    overflow-x: hidden;
    cursor: pointer;
    position: relative;
    align-items: center;
    box-sizing: border-box;
    border-radius: 4px
}

._2iltE.PIsKr {
    cursor: not-allowed;
    color: #67737e;
    pointer-events: none
}

._2iltE.VBKyk {
    margin: 0 12px
}

._1AnOz {
    border-top: 1px solid #e1e5ea
}

._1AnOz:first-child {
    border-top: none
}

._2Iu8M {
    font-size: 14px!important;
    color: #8c96a1;
    padding: 10px 20px;
    font-weight: 700
}

._3Ciju {
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 10px 8px;
    width: 100%
}

label:focus ._3Ciju,label:hover ._3Ciju {
    color: #001836;
    border-color: rgba(132,216,255,.2);
    background-color: #f0faff
}

label:focus ._3Ciju {
    border-color: rgba(132,216,255,.4)
}

.g8GyX {
    cursor: pointer
}

._3xAhL {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px
}

._2dbnG {
    width: 100%;
    max-width: none;
    background-color: #f1f4f6
}

._3N6l8 {
    background-color: inherit
}

._3AQcC {
    height: 16px;
    margin-right: 4px
}

._3Eih6 {
    display: flex;
    flex-direction: row;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    padding: 8px;
    height: 73px
}

._3bNQ9 {
    padding: 0;
    line-height: 16px;
    width: 100%;
    height: 100%;
    border: none;
    resize: none
}

._3CAOP {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-between;
    min-height: 300px;
    width: 90vw;
    max-width: 680px
}

._2o-20 {
    overflow-x: hidden
}

.tTou5 {
    padding: 24px
}

.fb7Iy {
    padding: 0 24px 24px
}

.DeM26 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    -moz-column-gap: 16px;
    column-gap: 16px
}

._3NIYu {
    width: 100%;
    max-width: none;
    background-color: #f1f4f6
}

._296i_ {
    background-color: inherit
}

._2bMla {
    height: 16px
}

._1nhfj,._2bMla {
    margin-right: 4px
}

.L3vXU {
    display: flex;
    flex-direction: row;
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    padding: 16px;
    height: 73px
}

.L3vXU._1sRIT {
    border: 1px solid #ff4b4b
}

._3b2K0 {
    padding: 0;
    line-height: 16px;
    width: 100%;
    height: 100%;
    border: none;
    resize: none
}

._33Hrl {
    border: none;
    color: #007a4b
}

._2hSTk {
    width: 100%;
    max-width: none;
    border-color: #007a4b!important;
    background-color: #d7ffb8
}

.u0l_E {
    min-width: 150px
}

._3Jj68 {
    width: 185px
}

._1-l1c {
    display: none
}

._1-l1c._1sRIT {
    margin-bottom: 0;
    display: block;
    color: #ff4b4b
}

.tUIcu {
    display: flex
}

._3NTtd {
    width: 100%
}

.uffGm {
    display: grid;
    grid-template-columns: 1fr 1fr
}

._1wwda {
    color: #a8b0b8;
    background-color: #f8fafc;
    align-self: center;
    display: flex;
    justify-content: center
}

._1wwda:hover {
    cursor: pointer
}

._3v8hd {
    color: #000;
    border-bottom: 3px solid #2285d0;
    background-color: #fff
}

._2w8CJ {
    margin: 24px 0
}

.HZsuS {
    border: none;
    background-color: inherit;
    color: #001836;
    width: 100%
}

.T1iAL {
    margin-right: 8px
}

.wCfPr {
    flex-direction: row;
    width: 100%
}

._3bGCr,.wCfPr {
    display: flex;
    align-items: center
}

._3bGCr {
    padding: 12px 14px;
    flex-direction: column;
    background-color: inherit;
    justify-content: space-between
}

@media (min-width: 768px) {
    ._3bGCr {
        flex-direction:row
    }
}

._3WYiO {
    margin-top: 16px;
    width: 100%
}

@media (min-width: 768px) {
    ._3WYiO {
        margin-top:0;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

._2je4Z {
    gap: 12px
}

._2je4Z,._38kFE {
    display: flex;
    flex-direction: row;
    align-items: center
}

._38kFE {
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 10px 8px;
    width: 100%;
    justify-content: space-between
}

label:hover ._38kFE {
    color: #001836;
    border-color: rgba(132,216,255,.2);
    background-color: #f0faff
}

.Msgh0 {
    margin-left: 4px
}

._2Qf29 {
    display: flex;
    flex-wrap: wrap;
    gap: 6px
}

._2Qf29,._2Qf29 ._2qGKk {
    color: #67737e;
    flex-basis: 100%;
    font-size: 13px;
    display: flex;
    align-content: center
}

._1TbUT {
    width: 100%;
    margin-bottom: 0
}

._1Y3Ib {
    justify-content: center
}

._3AhRh,._1Y3Ib {
    display: flex;
    flex-direction: row
}

.chPO1,._2GUUE {
    padding: 24px 16px 24px 0
}

._2fPXi {
    padding: 24px 0
}

._2K9Ue {
    font-size: 13px;
    color: #67737e;
    display: flex;
    align-items: center
}

@media (min-width: 480px) {
    .dhBJg {
        display:none
    }
}

@media (max-width: 479px) {
    .tQiiB {
        display:none
    }
}

._17h0Z {
    display: flex;
    justify-content: flex-end;
    flex-direction: column
}

@media (min-width: 480px) {
    ._17h0Z {
        flex-direction:row;
        gap: 8px;
        padding-right: 16px
    }
}

._2Mcia {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media (min-width: 480px) {
    ._2Mcia {
        flex-direction:row;
        gap: 8px;
        padding-bottom: 24px
    }
}

._38caB {
    display: none
}

@media (min-width: 768px) {
    ._38caB {
        display:block
    }
}

._3ZJbL {
    position: relative
}

._3ZJbL._13Nmz {
    z-index: 900
}

._3Uwea {
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px
}

.pl1LH {
    background: hsla(0,0%,100%,.7);
    border-radius: 6px
}

._3Uwea:hover .tNLd-,._3Uwea:hover .iy8xf {
    background-color: #67737e
}

._3Uwea:hover ._3BSww {
    color: #3d4d5c
}

.iy8xf {
    width: 22px;
    display: flex;
    background-color: #8c96a1
}

@media screen and (min-width: 768px) {
    .iy8xf {
        width:18px
    }
}

.tNLd- {
    display: none;
    background-color: #8c96a1
}

@media screen and (min-width: 768px) {
    .tNLd- {
        display:flex
    }
}

._3BSww {
    color: #67737e;
    display: none;
    font-weight: 700;
    font-size: 15px!important
}

@media screen and (min-width: 768px) {
    ._3BSww {
        display:flex
    }
}

._1ar-p {
    position: absolute;
    z-index: 600;
    width: 320px;
    background-color: #fff;
    border: 1px solid #e1e5ea;
    border-radius: 8px;
    margin-top: 10px;
    box-shadow: 0 4px 4px rgba(0,0,0,.03),0 8px 16px rgba(0,0,0,.03)
}

._1ar-p,._3DDzt {
    transform-origin: top right;
    right: 0
}

._229gB {
    transform-origin: bottom left;
    left: 0;
    bottom: 100%
}

._1ar-p ._2NWot {
    border-bottom: 1px solid #e1e5ea;
    display: block
}

._2NWot:last-child {
    border-bottom: unset
}

.GxFNl {
    width: 100%;
    border: none;
    background: none;
    font-size: 15px;
    font-weight: 400;
    padding: 20px 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 52px
}

._1dFmv {
    width: 100%
}

@media (min-width: 480px) {
    ._1dFmv {
        max-width:480px
    }
}

._116md {
    width: 100%;
    border: none;
    background: none;
    text-align: left;
    font-size: 15px;
    color: #3d4d5c;
    padding: 8px 12px
}

._3zDP3 {
    background: #f0faff;
    border: 1px solid #2285d0;
    color: #3c5d87;
    font-weight: 700;
    border-radius: 4px
}

._1njep {
    align-items: center;
    display: grid;
    gap: 10px;
    grid-template-columns: repeat(2,1fr);
    justify-content: center
}

@media (min-width: 480px) {
    ._1njep {
        grid-template-columns:repeat(3,1fr)
    }
}

.Rl99B {
    height: 36px
}

.Ej-p3 {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 800;
    background-blend-mode: color,normal
}

._3GvP1 {
    background: rgba(0,24,54,.6)
}

._2d-T3 {
    background-color: rgba(10,22,37,.08)
}

.takwL {
    display: flex;
    padding: 0 16px;
    align-items: center;
    gap: 12px;
    height: 40px;
    cursor: pointer;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .5px;
    border-width: 2px;
    border-radius: 6px;
    width: 100%;
    min-width: 200px
}

._1KljU {
    border: 1px solid transparent;
    color: #67737e;
    line-height: 16px;
    max-width: 100%
}

._3zclR {
    color: #001836;
    background-color: #f1f4f6;
    border: 1px solid #dbdee1
}

._1CGvb {
    cursor: pointer;
    width: 20px;
    height: 20px
}

._1k1M2 {
    background-color: #8c96a1
}

._2phhh {
    background-color: #001836
}

._1jyJC {
    transition-property: opacity;
    opacity: 1;
    max-width: -moz-fit-content;
    max-width: fit-content
}

._2iaKH {
    opacity: 0
}

.eaZ7q {
    display: grid;
    position: relative
}

.eaZ7q:active ._2fZe4,.eaZ7q:focus-within ._2fZe4,.eaZ7q:hover ._2fZe4 {
    visibility: visible
}

._3P2_b {
    transition-property: width,max-width,padding-left,padding-right;
    width: -moz-max-content;
    width: max-content;
    max-width: 280px;
    border-right: 1px solid #e1e5ea;
    background-color: #fff;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 32px
}

._3P2_b,._3U1zZ {
    height: 100%;
    padding: 32px 16px 0
}

@media (min-width: 768px) {
    ._3U1zZ {
        display:none
    }
}

@media (min-width: 992px) {
    ._3P2_b {
        padding:32px 32px 0
    }
}

._1ScgV._3U1zZ {
    padding-left: 0;
    padding-right: 0;
    max-width: 0;
    overflow: hidden
}

._1IHuN {
    display: none
}

@media (min-width: 768px) {
    ._1IHuN {
        display:flex;
        flex-direction: row;
        margin-top: auto;
        margin-bottom: 24px;
        justify-content: space-between;
        align-items: center
    }
}

.Cn6wH {
    height: 32px;
    width: 32px;
    display: block
}

@media (min-width: 992px) {
    .Cn6wH {
        display:none
    }
}

._2wXrK {
    display: none
}

@media (min-width: 992px) {
    ._2wXrK {
        display:block
    }
}

._3_EGT {
    transition-property: width;
    display: grid;
    row-gap: 8px;
    width: 100%
}

._3U1zZ ._3_EGT {
    padding-top: 16px
}

._2X8jt {
    width: 42px
}

._1vz34 {
    transition-property: opacity;
    opacity: 1;
    white-space: nowrap;
    height: 0;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.oY9X1 {
    opacity: 0
}

._4q9KI {
    margin: 20px 0;
    width: 100%
}

._1tMkW {
    cursor: unset;
    border: unset;
    transition-property: opacity;
    position: absolute;
    background: linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.6)),#001836;
    background-blend-mode: color,normal;
    opacity: 0;
    left: 100%;
    width: 100vw;
    height: 1000vh;
    top: -80px;
    z-index: 800
}

._3U1zZ:not(._1ScgV) ._1tMkW {
    display: block;
    opacity: .2
}

@media (min-width: 768px) {
    ._1tMkW {
        display:none
    }
}

@keyframes QWcJd {
    0% {
        background-position: 100% 0
    }

    to {
        background-position: 0 0
    }
}

._2quta {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    padding: 4px 8px;
    color: #67737e
}

._2Y6OG {
    display: flex;
    flex-direction: column;
    gap: 14px
}

._3i-Ad ._1vz34 {
    height: unset!important
}

._3UL81 {
    background-color: #fff;
    display: grid;
    grid-template-areas: "small-sidebar topbar topbar" "small-sidebar floating-title-section floating-title-section" "small-sidebar sidebar all-content" "small-sidebar sidebar footer";
    grid-template-columns: auto auto 1fr;
    grid-template-rows: min-content min-content 1fr min-content;
    margin-top: 64px;
    max-width: 100vw;
    min-height: 100vh;
    padding: 0 20px 24px
}

@media (min-width: 480px) {
    ._3UL81 {
        margin-top:0;
        padding: 0 20px 32px
    }
}

@media (min-width: 768px) {
    ._3UL81 {
        grid-template-columns:auto 1fr;
        grid-template-rows: auto 1fr auto;
        padding: 0;
        grid-template-areas: "sidebar topbar" "sidebar all-content" "sidebar footer"
    }
}

._1cNtR {
    overflow: clip
}

._2jPJL {
    padding-left: 0;
    padding-right: 0
}

@media (min-width: 480px) {
    ._2jPJL {
        padding-left:12px;
        padding-right: 12px
    }
}

@media (min-width: 768px) {
    ._2jPJL {
        padding-left:24px;
        padding-right: 24px
    }
}

@media (min-width: 1280px) {
    ._2jPJL {
        padding-left:32px;
        padding-right: 32px
    }
}

._2cT9V {
    display: grid;
    grid-area: all-content;
    gap: 28px 24px;
    grid-template-columns: 1fr;
    grid-template-rows: min-content 1fr;
    margin: 0 auto;
    max-width: 1200px;
    min-width: 100%;
    padding-top: 24px;
    padding-bottom: 24px
}

@media (min-width: 480px) {
    ._2cT9V {
        padding-top:28px;
        padding-bottom: 28px
    }
}

@media (min-width: 768px) {
    ._2cT9V {
        padding-top:64px;
        padding-bottom: 64px
    }
}

@media (min-width: 992px) {
    ._2cT9V {
        grid-template-columns:7fr 3fr;
        grid-template-rows: 1fr
    }

    ._2cT9V._2rIPC {
        grid-template-rows: min-content 0fr
    }
}

@media (min-width: 1280px) {
    ._2cT9V {
        -moz-column-gap:30px;
        column-gap: 30px
    }
}

._2cT9V._2iLVe {
    grid-template-columns: 1fr
}

._2cT9V.VVms3 {
    max-width: 100%
}

._23ZKX {
    grid-area: footer;
    margin: 0 auto;
    width: 100%;
    align-self: flex-end
}

._35Hlu {
    grid-area: topbar;
    height: 64px;
    z-index: 600
}

@media (max-width: 479px) {
    ._35Hlu {
        position:fixed;
        width: 100vw;
        top: 0;
        left: 0
    }
}

@media (min-width: 768px) {
    ._35Hlu {
        display:flex
    }
}

@media (min-width: 768px) {
    ._35Hlu._36A2w {
        display:none
    }
}

.l1QSP {
    grid-area: floating-title-section
}

.l1QSP._36A2w,.Cnorl {
    display: none
}

.Cnorl {
    grid-area: sidebar;
    width: -moz-min-content;
    width: min-content;
    align-self: flex-start;
    z-index: 550;
    height: 100%;
    flex-direction: column;
    top: 0;
    height: 100vh;
    position: sticky
}

@media (min-width: 768px) {
    .Cnorl {
        display:flex
    }
}

.HWoG7 {
    display: block;
    grid-area: small-sidebar;
    transition-property: width;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1100
}

@media (min-width: 768px) {
    .HWoG7 {
        display:none
    }
}

._1oWy7 {
    align-content: flex-start;
    display: grid;
    position: relative;
    width: 100%
}

._2_Pab {
    row-gap: 20px
}

@media (min-width: 768px) {
    ._2_Pab {
        row-gap:24px
    }
}

@media (min-width: 1280px) {
    ._2_Pab {
        row-gap:32px
    }
}

._33u2g {
    row-gap: 20px;
    top: 0;
    align-self: flex-start
}

@media (min-width: 768px) {
    ._33u2g {
        position:sticky;
        top: 36px
    }
}

@media (min-width: 1280px) {
    ._33u2g {
        row-gap:24px
    }
}

._3hPqo {
    margin-left: 0
}

._2bIik {
    display: flex;
    align-items: flex-end;
    position: fixed;
    right: 20px;
    bottom: 20px
}

._129C2 {
    display: flex;
    margin-top: 24px
}

@media screen and (min-width: 768px) {
    ._129C2 {
        display:none
    }
}

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

._3axb_,._1hISp {
    color: #8c96a1
}

._3axb_ {
    margin-right: 4px
}

._1coHX {
    color: #dbdee1;
    font-weight: 600;
    margin: 0 6px!important
}

._2-W19 {
    color: #001836;
    font-weight: 700
}

._3dKxL {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    background-color: #fff;
    border-bottom: 1px solid #e1e5ea;
    padding: 0 12px 0 20px
}

@media (min-width: 480px) {
    ._3dKxL {
        padding:0
    }
}

._1NfQZ {
    border: none;
    background: none
}

@media screen and (min-width: 768px) {
    ._1NfQZ {
        display:none
    }
}

._3xCtr {
    flex-grow: 1;
    margin-left: 32px;
    display: none
}

@media screen and (min-width: 768px) {
    ._3xCtr {
        display:flex
    }
}

.BSTHz {
    display: none
}

@media (min-width: 768px) {
    .BSTHz {
        display:flex
    }
}

._3eDJ_ {
    padding: 0 12px 0 20px
}

@media (min-width: 768px) {
    ._3eDJ_ {
        display:none
    }
}

.GkpjI :hover {
    cursor: pointer
}

@media (min-width: 768px) {
    .GkpjI {
        width:208px;
        transition-property: width;
        overflow: hidden
    }

    ._3pwHG {
        width: 36px
    }

    .GkpjI:hover~._1I4iG {
        visibility: visible
    }
}

._1NuVk {
    visibility: hidden
}

@media (min-width: 768px) {
    ._2YdYp {
        transition-property:margin-left;
        margin: 20px 0
    }

    ._2ZGZi {
        margin-left: 0
    }
}

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

@media screen and (min-width: 768px) {
    ._11SxY {
        display:flex
    }
}

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

@media screen and (min-width: 768px) {
    .ZDDWB {
        display:flex;
        height: -moz-fit-content;
        height: fit-content;
        margin-top: 38px
    }
}

.pYo2y {
    background: #001836;
    opacity: .6;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 800;
    background-blend-mode: color,normal
}

@keyframes _1FbkO {
    0% {
        opacity: 0
    }

    to {
        opacity: .6
    }
}

.WDkHI,._1QPr3 {
    width: -moz-fit-content;
    width: fit-content;
    margin: 10px
}

._1QPr3 {
    border: unset
}

._3HLpC {
    height: 56px
}

._1I4iG {
    font-size: 13px;
    font-weight: 700;
    visibility: hidden;
    left: 216px!important
}

._2zq11 {
    left: 44px!important
}

._1o--7 {
    border-radius: 50%;
    background-color: #2285d0;
    width: 12px;
    height: 12px;
    position: absolute;
    top: -6px;
    left: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 10px;
    font-weight: 700
}

._2L6pz {
    padding: 16px 20px;
    min-height: 56px;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 12px;
    column-gap: 12px;
    border-radius: 6px;
    overflow: hidden;
    grid-column: 1/-1;
    height: -moz-fit-content;
    height: fit-content
}

.TkBYT {
    border: unset;
    min-height: 46px;
    background: #d5f2ff
}

._2Y2Kw {
    background-color: #fffaed;
    border: 1px solid #bf4900;
    color: #bf4900
}

._25ePz {
    background-color: #f0faff;
    border: 1px solid #1cb0f6;
    color: #3c5d87
}

._3NFCc {
    width: 100%
}

._3OidG {
    text-align: center
}

.ktCWu {
    align-self: flex-start;
    display: flex;
    justify-items: center;
    align-items: center;
    border: none;
    background-color: inherit
}

@media (min-width: 480px) {
    .ktCWu {
        align-self:center
    }
}

._2Y2Kw ._26Ifg {
    background-color: #bf4900
}

._25ePz ._26Ifg {
    background-color: #3c5d87
}

.zzlMt {
    opacity: 0;
    height: 0
}

._3O6PX {
    color: #2285d0;
    font-weight: 700
}

._1lTYp {
    display: flex;
    flex-direction: row;
    align-items: center
}

._2AytO {
    white-space: nowrap;
    color: #2285d0;
    margin-left: 6px
}

._3jawf {
    display: inline-flex;
    align-items: center;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: 40px;
    color: #001836;
    padding: 0 12px;
    border: 1px solid #e1e5ea;
    border-radius: 4px
}

._3jawf:focus-within {
    border-color: #2285d0
}

._2XNWo {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    -moz-column-gap: 8px;
    column-gap: 8px
}

.qbDMi {
    display: flex;
    align-items: center;
    margin-left: 8px;
    padding: 0;
    border: none;
    background: none
}

._1vpEP {
    flex-direction: column;
    gap: 24px
}

._1vpEP,._1V0LZ {
    display: flex;
    align-items: center
}

._1V0LZ {
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-top: 16px
}

.EzsRM {
    width: 680px
}

._3sgnc {
    width: 70%
}

._15IP6 {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 150px
}

._39jDW {
    text-align: center;
    width: 70%
}

._25-Jn {
    border-radius: 50%;
    width: 6px;
    height: 6px;
    background-color: #dbdee1
}

._32gY1 {
    background-color: #2285d0
}

._3jszJ {
    display: flex;
    flex-direction: row;
    gap: 8px
}

.zSaIS {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 8px
}

._3WvZD {
    margin-top: 16px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

._2ivsC {
    min-width: 150px
}

._3sf8l {
    border: 1px solid #e1e5ea;
    border-radius: 4px;
    height: 350px;
    overflow-y: scroll;
    width: 100%;
    resize: none;
    padding: 8px
}

._10xD3 {
    margin-top: 16px
}

._2PVZV {
    color: #001836
}

._1JXPL {
    color: #8c96a1
}

.ji5X6 {
    padding: 36px
}

._1C1Dl {
    padding: 16px;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

._3OTq2.rQJnm {
    font-weight: 700
}

._90B02 {
    text-align: center
}

._3ug34 {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    width: 100%;
    justify-content: space-between
}

.pCUGu {
    min-width: 150px
}

._33elr {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: space-between;
    min-width: 70vh
}

._1p1xN {
    min-height: 200px
}

._2k9PT {
    text-align: center;
    margin: 0
}

._1rzKk {
    padding: 16px 0
}

._31kU3 {
    margin: 0 0 8px;
    color: #001836
}

._2UUm5,._17cvU {
    display: flex
}

._2UUm5 {
    cursor: pointer
}

._2UUm5+._2UUm5 {
    margin-left: 16px
}

._10nP4 {
    margin-left: 8px
}

._3xI3a {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 24px;
    width: 100%;
    justify-content: space-between
}

._1WfkA {
    min-width: 150px
}

._3VtHx {
}

._3VtHx:disabled {
    color: #afafaf
}

._2hHXn {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 24px
}

._2hHXn img {
    max-width: 152px;
    max-height: 143px
}

._1s3N5 {
    margin: 15px 0 0
}

.uIpie {
    margin: 15px 0
}

._3zk5Z {
    min-height: 300px
}

._3zk5Z,._29_KM {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px
}

._29_KM {
    gap: 12px;
    border: 2px dashed #dbdee1;
    border-radius: 8px;
    background-color: #f9fafb;
    transition: all .2s ease;
    max-width: 480px;
    width: 100%;
    text-align: center
}

._29_KM.qO25f {
    border-color: #1cb0f6;
    background-color: #f0faff
}

._1AIuT {
    width: 48px;
    height: 48px;
    opacity: .6
}

._3Ow57 {
    color: #8c96a1
}

._25iHL {
    color: #ff4b4b;
    font-size: 14px;
    margin-top: 12px;
    font-weight: 700
}

._2sw5m {
    flex-direction: column;
    gap: 16px;
    max-width: 480px
}

._3opug,._2sw5m {
    display: flex;
    align-items: center;
    width: 100%
}

._3opug {
    gap: 12px;
    padding: 16px;
    border: 1px solid #e1e5ea;
    border-radius: 6px;
    background-color: #f9fafb
}

.j1FN2 {
    width: 32px;
    height: 32px;
    opacity: .6
}

._17_aK {
    flex: 1;
    min-width: 0
}

.R5yfI {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1M75f {
    color: #8c96a1
}

._1zD3T {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 50%;
    background-color: #e1e5ea;
    color: #67737e;
    font-size: 18px;
    cursor: pointer;
    transition: all .2s ease
}

._1zD3T:hover {
    background-color: #dbdee1
}

._1BJE2,._25Cv_ {
    display: flex;
    gap: 12px
}

._25Cv_ {
    flex-direction: column;
    align-items: center;
    text-align: center
}

._1bZNM {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #f7fff1;
    color: #58cc02;
    font-size: 32px
}

._2vCgG {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2vCgG::-webkit-scrollbar {
    display: none
}

._2MWS4 {
    background-color: #fff;
    max-width: 100vw;
    min-height: 100vh;
    text-align: center
}

._20V0p {
    padding: 26px 32px;
    gap: 12px
}

@media (max-width: 768px) {
    ._20V0p {
        padding:26px 16px
    }
}

._1ptEf {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: space-between
}

@media (min-width: 768px) {
    ._1ptEf {
        justify-content:space-around;
        padding: 26px 140px
    }
}

._2LpCq {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.OqYqN {
    flex: 1;
    height: 8px;
    background-color: #e5e5e5;
    border-radius: 4px;
    overflow: hidden
}

._3MovU {
    height: 100%;
    background-color: #1cb0f6;
    border-radius: 4px;
    transition: width .3s ease
}

.xQKtw {
    max-width: 250px;
    width: 100%
}

@media (max-width: 768px) {
    .xQKtw {
        padding:20px
    }
}

._3OCVX {
    max-width: 250px;
    width: 100%
}

@media (max-width: 768px) {
    ._3OCVX {
        padding:20px
    }
}

._320pL {
    width: 100%;
    gap: 40px;
    height: calc(100vh - 200px)
}

._320pL,._2hD_H {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._2hD_H {
    gap: 16px
}

._3dxg2 {
    display: flex;
    flex-direction: column-reverse;
    align-items: center
}

._35yXR {
    font-size: 24px;
    color: #4b4b4b
}

._1q7Gb {
    padding: 0 24px;
    color: #4b4b4b
}

._3lSS9 {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 24px;
    border-top: 2px solid #e5e5e5;
    text-align: right
}

._1YyDY {
    width: 160px
}

@media (max-width: 768px) {
    ._1YyDY {
        width:100%
    }
}

.WzKB5 {
    display: flex;
    padding: 24px 32px 32px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    align-self: stretch;
    border-radius: 16px;
    background: #fef6f0;
    margin: 16px 0
}

._197Lt {
    margin: 5px 0
}

._3a9oZ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3a9oZ::-webkit-scrollbar {
    display: none
}

.pSODh {
    text-align: left;
    width: 100%
}

.pSODh,._3thxP {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

._3thxP {
    gap: 24px
}

._38uxr {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 36px
}

._1NM78 {
    gap: 48px;
    margin-top: 40px;
    width: 100%
}

._12Rx1,._1NM78 {
    display: flex;
    flex-direction: column
}

._12Rx1 {
    gap: 24px
}

._1SX0B {
    background-color: #fff;
    border-radius: 4px;
    border: 2px solid #e5e5e5;
    padding: 4px
}

._1gx5f {
    color: #4b4b4b
}

._3PJ2p {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.OeVR8 {
    background-color: #4b4b4b;
    border-radius: 4px;
    padding: 36px 96px 36px 36px;
    position: relative;
    line-break: anywhere
}

.RPIJ9 {
    position: absolute;
    top: 16px;
    right: 16px;
    border: none;
    background-color: inherit
}

._1Z-8C {
    color: #fff
}

._2qBuK {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._30y6W {
    text-decoration: underline;
    color: #4b4b4b
}

._22Hy3 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._22Hy3::-webkit-scrollbar {
    display: none
}

._171f7 {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    width: 100%
}

._6vSC- {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    cursor: pointer
}

._6vSC-._1sP8j {
    border-bottom: 2px solid #e5e5e5
}

._5AhQE {
    gap: 12px;
    flex-wrap: wrap
}

._5AhQE,.-Wxc3 {
    display: flex;
    align-items: center
}

.-Wxc3 {
    gap: 8px
}

.HrAMp {
    padding: 24px
}

._3HkvZ {
    display: block;
    height: 72px;
    margin-top: -72px;
    visibility: hidden
}

@media screen and (min-width: 1280px) {
    ._3HkvZ {
        height:80px;
        margin-top: -80px
    }
}

._3HkvZ._2Pi0O {
    height: 112px;
    margin-top: -112px
}

@media screen and (min-width: 1280px) {
    ._3HkvZ._2Pi0O {
        height:120px;
        margin-top: -120px
    }
}

._3XjMV {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3XjMV::-webkit-scrollbar {
    display: none
}

.FkLth {
    width: 90vw;
    max-width: 650px
}

._1rLJN {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 24px
}

._2Rl9k {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
    gap: 16px
}

._2v8cB input {
    background-color: #d7ffb8!important;
    border-color: #58cc02!important;
    color: #58a700!important
}

._29mWv {
    display: flex;
    align-items: flex-end;
    gap: 8px
}

._1l1fc {
    flex: 1
}

._27PIn {
    height: 16px;
    margin-right: 8px
}

._2xRUT {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px
}

._14gOk {
    min-width: 120px
}

._8VEut {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._8VEut::-webkit-scrollbar {
    display: none
}

._38LgG {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    max-width: 688px;
    padding: 24px;
    text-align: center
}

._38LgG img {
    max-width: 206px
}

._9tqmZ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._9tqmZ::-webkit-scrollbar {
    display: none
}

._2O75b {
    text-align: center
}

.OatlL {
    width: -moz-fit-content;
    width: fit-content
}

._2lQri {
    color: #f7f7f7
}

._1Yr3x {
    width: -moz-fit-content;
    width: fit-content
}

._3rbPJ {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 48px;
    row-gap: 16px
}

._3rbPJ img {
    max-width: 152px;
    max-height: 143px
}

._1IeJh {
    width: 70%;
    margin: auto
}

._2UjIC {
    margin: 4px
}

._1Yr3x {
    display: flex;
    margin: auto;
    padding: 16px
}

._14Snz.UDX_T {
    color: #58cc02;
    font-weight: 700
}

._1UHPM._2j4tG {
    color: #ff4b4b
}

.clHsv {
    display: flex;
    flex-direction: column;
    align-items: left
}

.dpGO9 {
    display: block;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word
}

.EAbX- {
    display: inline-flex;
    align-items: center;
    height: 48px;
    padding: 0 16px;
    background-color: #f7f7f7;
    border-radius: 12px;
    color: #1cb0f6;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .04em;
    text-transform: uppercase;
    white-space: nowrap
}

._2Vgem {
    position: relative;
    padding-right: 15px;
    display: flex;
    flex-direction: row;
    gap: 12px
}

._1-tOP {
    width: 16px;
    height: 16px
}

._3Z54t {
    text-decoration: underline;
    color: #1cb0f6
}

._2lQri {
    color: #ff4b4b
}

.W1tw_ {
    vertical-align: top
}

.t4A5T {
    display: inline-flex;
    align-items: center;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: 38px;
    color: #4b4b4b;
    padding: 0 12px;
    border: 1px solid #e5e5e5;
    border-radius: 16px;
    margin-left: 8px;
    margin-bottom: 8px
}

._14Mvv {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 12px
}

.xtZB1 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

.UiFov {
    flex: 1;
    min-width: 200px
}

.UiFov .web-ui__InputWrapper-module--container {
    width: 100%
}

.UiFov input {
    font-size: 16px
}

._2YODk {
    margin-left: auto
}

._2YODk,.KfDiq {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

._3kb3x {
    position: relative;
    min-width: 200px;
    flex: 1
}

.Feu5G {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Feu5G::-webkit-scrollbar {
    display: none
}

._1zHN- {
    width: 90vw;
    max-width: 500px
}

._3tf4P {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    text-align: center
}

._2TBul {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center
}

._1mIlf {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 24px
}

._2NaL6 {
    min-width: 120px
}

._16L_N {
    color: #ff4b4b
}

._3Ilrm {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3Ilrm::-webkit-scrollbar {
    display: none
}

._2gkBL {
    padding: 4px
}

._2gkBL+._2gkBL {
    margin-left: 32px
}

._2O4Wj {
    justify-content: space-between;
    font-weight: 700;
    color: #4b4b4b
}

._2O4Wj,._29mBj {
    display: flex;
    align-items: center
}

._29mBj {
    cursor: pointer;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

._29mBj:hover {
    background-color: #f7f7f7
}

._1kQpp {
    height: 32px
}

._1fzjb {
    align-items: center;
    cursor: default;
    display: inline-flex;
    height: 30px;
    justify-content: center;
    margin: 1px 0;
    position: relative;
    width: 30px
}

.TWUQ1 {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

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

._2HvxH {
    width: 100%;
    height: 100%;
    background-color: #1cb0f6;
    color: #fff
}

._2HvxH,.NIkIQ {
    border-radius: 15px;
    cursor: pointer
}

.NIkIQ:hover {
    background-color: #1cb0f6;
    border-radius: 15px;
    color: #fff
}

._2eHz9 {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px
}

._2vmJT {
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px
}

._1Swh- {
    cursor: default;
    opacity: .5
}

._142Vd {
    color: #1cb0f6;
    background-color: rgba(28,176,246,.1)
}

.Kl4HY {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Kl4HY::-webkit-scrollbar {
    display: none
}

._2MJaV {
    display: inline-flex;
    flex-direction: column;
    gap: 4px;
    position: relative
}

._1GCTT {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    color: #4b4b4b;
    padding: 0 2px
}

._18ZtJ {
    gap: 4px
}

._18ZtJ,.BCLvq {
    align-items: center;
    display: flex
}

.BCLvq {
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    box-sizing: border-box;
    cursor: pointer;
    flex: 1;
    gap: 8px;
    height: 40px;
    min-width: 0;
    padding: 10px 12px;
    position: relative;
    transition: border-color .15s ease
}

.BCLvq._20wqK,.BCLvq:hover {
    border-color: #afafaf
}

.BCLvq._20wqK:before {
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    bottom: -3px;
    content: "";
    left: -3px;
    position: absolute;
    right: -3px;
    top: -3px;
    pointer-events: none
}

._1Zlsf {
    color: #777;
    display: flex;
    flex-shrink: 0;
    pointer-events: none
}

._1N1A9 {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    color: #4b4b4b;
    white-space: nowrap;
    flex: 1
}

._1N1A9._1TqZf {
    color: #afafaf
}

._3DlDn {
    align-items: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    color: #777;
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    padding: 0
}

._3DlDn:hover {
    color: #4b4b4b
}

.l1oH9 {
    color: #afafaf;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    flex-shrink: 0
}

._1ZjfJ {
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 9999
}

._1s7ai {
    left: auto;
    right: 0
}

._3uvgZ {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 4px 24px rgba(0,0,0,.12);
    margin-top: 4px;
    padding: 16px;
    min-width: 500px
}

._1GBSj {
    display: flex;
    gap: 32px
}

._1GBSj>div {
    min-width: 218px
}

._1IEiC {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1IEiC::-webkit-scrollbar {
    display: none
}

.r1BFK {
    width: 90vw;
    max-width: 720px;
    max-height: 90vh;
    overflow-y: auto
}

._3rt6e {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.KOuSm {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 36px
}

._1Uw6H {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px
}

@media (min-width: 480px) {
    ._1Uw6H {
        grid-template-columns:1fr 1fr
    }
}

._1WPYu {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._3J6bB {
}

._2mOzd {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

._2Paxh {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

._21-4W,._2grS9 {
    display: flex;
    align-items: center;
    cursor: pointer
}

._21-4W {
    margin-bottom: 0
}

._21-4W .web-ui__Radio-module--radio {
    width: 20px;
    height: 20px
}

._21-4W .web-ui__Radio-module--dot {
    width: 8px;
    height: 8px
}

._3nXPw {
    margin-left: 6px;
    color: #4b4b4b
}

._2Wnm6 {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    padding: 16px 36px
}

@media (min-width: 480px) {
    ._2Wnm6 {
        flex-direction:row;
        justify-content: space-between
    }
}

._3kL55 {
    min-width: 150px
}

.RG7bL {
    font-weight: 600;
    color: #4b4b4b
}

._3D_Og {
    position: relative
}

.YR1n4 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.YR1n4::-webkit-scrollbar {
    display: none
}

._3Nzfh {
    width: 90vw;
    max-width: 500px
}

._2l9-1 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px
}

._3UXbm {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 16px
}

.gc2Nt {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px
}

._3bPSd {
    min-width: 120px
}

._2_fMO {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2_fMO::-webkit-scrollbar {
    display: none
}

._30PpY {
    width: 90vw;
    max-width: 600px
}

.vsIjZ {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px
}

._3sRSN {
    display: flex;
    gap: 12px;
    border-bottom: 1px solid #e5e5e5
}

._3OiEq {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    color: #afafaf;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .8px;
    text-transform: uppercase;
    padding: 12px 6px;
    position: relative
}

._3OiEq:hover {
    color: #777
}

._23gYb {
    color: #1cb0f6
}

._23gYb:after {
    background: #1cb0f6;
    bottom: -1px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 100%
}

._3-Yyd {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px
}

._3dXAi {
    display: flex
}

.hwX3J {
    width: 100%
}

._3F3P3 {
    display: none
}

._3F3P3.s-i7Q {
    margin-bottom: 0;
    display: block;
    color: #ff4b4b;
    font-size: 12px;
    margin-top: 4px
}

._1xB2Q {
    border-radius: 8px;
    overflow: hidden
}

._1xB2Q input {
    background-color: #d7ffb8!important;
    border-color: #58cc02!important;
    color: #58a700!important
}

.MXk9j {
    display: flex;
    justify-content: flex-end;
    gap: 12px;
    padding: 16px 24px
}

.sfpUc {
    min-width: 120px
}

.tsoja {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.tsoja::-webkit-scrollbar {
    display: none
}

._20MZy {
    width: 100%;
    position: relative;
    border-collapse: collapse;
    table-layout: fixed
}

._2WyaP {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    background-color: #fff
}

._2WyaP,._18g_C {
    overflow: hidden
}

._1B1Li {
    border-bottom: 2px solid #e5e5e5
}

._3WYbP {
}

._1x7rP,._1aJ7y:hover {
    background-color: #f7f7f7
}

._1aJ7y:hover {
    cursor: pointer
}

.Iwiwl {
    vertical-align: middle;
    padding: 16px 16px 16px 0
}

.Iwiwl:first-child {
    padding-left: 16px
}

._1Obek {
    padding: 48px;
    margin: auto;
    align-items: center;
    display: flex;
    flex-direction: column
}

._2sQA5 {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 500
}

.oBK-X {
    background-color: #f7f7f7;
    font-weight: 700;
    text-align: left;
    color: #777;
    vertical-align: middle
}

._20J-h:hover {
    cursor: pointer
}

.DvFA8 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: inherit
}

._2Os23 {
    border-radius: 16px;
    overflow: clip
}

._2Os23:last-child {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

._2v9Az:hover {
    cursor: pointer
}

._3tlzY {
    width: 40px
}

._20Eya {
    padding: 3px
}

._4SqZW {
    text-align: center;
    justify-content: center
}

._1FSlb {
    border-top: 2px solid #e5e5e5
}

._2LZ_V {
    position: sticky;
    width: 100%;
    z-index: 520
}

._2Rxo2 {
    background-color: #fff;
    opacity: .95;
    padding: 0;
    border-radius: 16px
}

._1BIYD {
    border-top: 2px solid #e5e5e5;
    border-bottom: 2px solid #e5e5e5;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #777;
    font-weight: 700;
    font-size: 12px
}

._1NwKu {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1NwKu::-webkit-scrollbar {
    display: none
}

._3Zpg5 {
    width: 90vw;
    max-width: 600px
}

._3Zpg5,._2h_hb {
    display: flex;
    flex-direction: column
}

._2h_hb {
    height: 100%;
    overflow: auto;
    gap: 16px;
    padding: 24px
}

._2ajTV {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    padding: 16px 24px
}

._1zAXT {
    color: #ff4b4b;
    font-weight: 700;
    margin-right: auto
}

._1zpMc {
    justify-content: center;
    min-height: 200px
}

._3Js03,._1zpMc {
    display: flex;
    align-items: center
}

._3Js03 {
    flex-direction: column;
    gap: 12px;
    padding: 24px
}

._3Js03 img {
    max-width: 152px;
    max-height: 143px
}

._2SYb- {
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: #fff;
    border: 3px dashed #e5e5e5;
    border-radius: 16px;
    margin: 24px;
    padding: 24px;
    gap: 12px
}

._2SYb-._3JS26 {
    border: 3px solid #58cc02
}

._2TLYx {
    color: #1cb0f6;
    text-decoration: underline
}

._3_EFC {
    margin: 0 auto;
    color: #ff4b4b;
    font-weight: 700
}

._1Ubog {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._3B5Oh {
    padding: 0 16px
}

._3RoFw {
    width: 20px;
    height: 20px
}

._2gct9 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2gct9::-webkit-scrollbar {
    display: none
}

._20UnY {
    display: inline-flex;
    align-items: center;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: 48px;
    color: #4b4b4b;
    padding: 0 12px;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    background-color: #fff;
    font-weight: 700;
    font-size: 14px
}

._20UnY:focus-within {
    outline: 2px solid #1cb0f6
}

._2SwnH {
    display: grid;
    align-items: center;
    grid-auto-flow: column;
    -moz-column-gap: 8px;
    column-gap: 8px
}

._3wDZg {
    display: flex;
    align-items: center;
    margin-left: 8px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 4px
}

._3wDZg:hover {
    background-color: #f7f7f7
}

._3wDZg:focus-visible {
    outline: 2px solid #1cb0f6
}

._138RY {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._138RY::-webkit-scrollbar {
    display: none
}

._11vna {
    width: 90vw;
    max-width: 600px
}

.IsoXp {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px 36px
}

._2Pgah {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    height: 200px;
    overflow-y: scroll;
    width: 100%;
    resize: none;
    padding: 12px;
    font-family: inherit;
    font-size: 14px
}

._1hJrf {
    margin-top: 8px
}

._1VuMJ {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 36px
}

.PLLJp {
    min-width: 120px
}

._1ZqL9 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1ZqL9::-webkit-scrollbar {
    display: none
}

.E7qtc {
    color: #4b4b4b
}

._1dV6M {
    color: #777
}

._3kNeb {
    padding: 36px
}

.aaDo8 {
    padding: 16px;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

._1ok1d {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 16px 12px
}

._3kSLM.psRGu {
    font-weight: 700
}

._2emS5 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2emS5::-webkit-scrollbar {
    display: none
}

._32u9j {
    width: 90vw;
    max-width: 600px
}

._3B--K {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 36px;
    text-align: center
}

._3oqLn {
    color: #ff4b4b
}

._2mU_l {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 36px
}

._2mU_l .HXKeZ {
    min-width: 120px
}

._2h-3t {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2h-3t::-webkit-scrollbar {
    display: none
}

._2Bd8l {
    width: 90vw;
    max-width: 600px
}

._1rMW- {
    gap: 24px;
    padding: 24px 36px
}

._1rMW-,._1aL_3 {
    display: flex;
    flex-direction: column
}

._1aL_3 {
    gap: 8px
}

._3SOgp {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 16px
}

._3zDlv {
    display: flex;
    align-items: center;
    cursor: pointer
}

._2MlBf {
    font-weight: 600;
    color: #4b4b4b
}

.i2Hbf {
    margin-left: 6px;
    color: #4b4b4b
}

._1XZw5 {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 36px
}

._3_5L6 {
    min-width: 120px
}

.K9Mvq {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.K9Mvq::-webkit-scrollbar {
    display: none
}

.McOMj {
    padding: 0
}

._6XvEi {
    width: 90vw;
    max-width: 400px
}

._3wgGH {
    padding: 24px 36px;
    text-align: center
}

._27BvZ {
    display: flex;
    justify-content: center;
    padding: 16px 36px
}

._2VfH4 {
    min-width: 160px
}

._2wZKv {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2wZKv::-webkit-scrollbar {
    display: none
}

._2Ay3X {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 24px 16px 32px
}

._2Ay3X img {
    max-width: 152px;
    max-height: 143px
}

._3J0Xz {
    margin: 12px 0 0
}

._3tGK_ {
    margin: 12px 0 24px
}

._2SsoF {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2SsoF::-webkit-scrollbar {
    display: none
}

._3CHje {
    padding: 16px 12px;
    display: flex;
    flex-direction: column;
    background-color: inherit;
    gap: 12px;
    align-items: stretch
}

._366-F {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

._26vWk {
    flex: 1;
    min-width: 200px
}

._26vWk .web-ui__InputWrapper-module--container {
    width: 100%
}

._26vWk input {
    font-size: 16px
}

.pDTXB {
    margin-top: 16px;
    width: 100%
}

@media (min-width: 768px) {
    .pDTXB {
        margin-top:0;
        max-width: -moz-fit-content;
        max-width: fit-content
    }
}

._2PxHb {
    flex-wrap: wrap;
    gap: 8px;
    margin-left: auto
}

._2PxHb,._3HqLU {
    display: flex;
    flex-direction: row;
    align-items: center
}

._3HqLU {
    border: 2px solid transparent;
    border-radius: 4px;
    padding: 10px 8px;
    width: 100%;
    justify-content: space-between
}

label:hover ._3HqLU {
    color: #4b4b4b;
    border-color: #1cb0f6;
    background-color: #ddf4ff
}

.V0E95 {
    margin-left: 4px
}

._3oNnC {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3oNnC::-webkit-scrollbar {
    display: none
}

._2LxAh {
    min-height: 300px
}

._2LxAh,._29NMl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 48px 24px
}

._29NMl {
    gap: 12px;
    border: 2px dashed #e5e5e5;
    border-radius: 16px;
    background-color: #fff;
    transition: all .2s ease;
    max-width: 480px;
    width: 100%;
    text-align: center
}

._29NMl._1pEp5 {
    border-color: #1cb0f6;
    background-color: #ddf4ff
}

._1Sqpq {
    width: 48px;
    height: 48px;
    opacity: .6
}

._1LEZw {
    color: #777
}

._1NNzV {
    color: #ff4b4b;
    font-size: 14px;
    margin-top: 12px;
    font-weight: 700
}

._16UXT {
    flex-direction: column;
    gap: 16px;
    max-width: 480px
}

._1-q61,._16UXT {
    display: flex;
    align-items: center;
    width: 100%
}

._1-q61 {
    gap: 12px;
    padding: 16px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    background-color: #fff
}

._1rhOB {
    width: 32px;
    height: 32px;
    opacity: .6
}

._3UNE3 {
    flex: 1;
    min-width: 0
}

._2l6pC {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1xZU_ {
    color: #777
}

._3jKs0 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 50%;
    color: #4b4b4b;
    font-size: 18px;
    cursor: pointer;
    transition: all .2s ease
}

._3jKs0,._3jKs0:hover {
    background-color: #e5e5e5
}

.ql-nk,._3L8JF {
    display: flex;
    gap: 12px
}

._3L8JF {
    flex-direction: column;
    align-items: center;
    text-align: center
}

._40RcO {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: #d7ffb8;
    color: #58cc02;
    font-size: 32px
}

._12ZNx {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._12ZNx::-webkit-scrollbar {
    display: none
}

._2NjoP {
    display: flex;
    flex-direction: column;
    gap: 16px;
    text-decoration: none;
    color: inherit
}

._3-sM6 {
    width: 100%;
    max-height: 160px;
    -o-object-fit: contain;
    object-fit: contain;
    justify-content: center;
    border-radius: 8px
}

._3-sM6,._2o8Z9 {
    display: flex;
    align-items: center
}

._2o8Z9 {
    gap: 4px;
    color: #1cb0f6;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase
}

._2o8Z9:hover {
    text-decoration: underline
}

.xpw3P {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.xpw3P::-webkit-scrollbar {
    display: none
}

._2YnxD {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 992px) {
    ._2YnxD {
        flex-direction:row;
        gap: 32px
    }
}

._3tLph {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 24px;
    min-width: 0;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 24px
}

._336IN {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 992px) {
    ._336IN {
        width:300px;
        flex-shrink: 0
    }
}

.yWmuC {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

.rAF-z {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 48px
}

.BthiG {
    padding: 32px 0;
    text-align: center;
    color: #777
}

._71Ttb {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px
}

@media (min-width: 768px) {
    ._71Ttb {
        grid-template-columns:1fr 1fr
    }
}

._3f9t2,._2dO0t {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._3KAeb {
    width: 40px;
    height: 40px
}

._3p5nT {
    height: 2px;
    background-color: #e5e5e5
}

._37Gox {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._1tv1h {
    display: flex;
    align-items: center;
    gap: 4px;
    color: #1cb0f6;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none
}

._1tv1h:hover {
    text-decoration: underline
}

._3EE_y {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px
}

._1pH2I {
    display: flex;
    align-items: center;
    gap: 8px
}

._1pH2I:first-of-type {
    margin-top: 8px
}

.RNEwN {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._1Yo6- {
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    border-radius: 50%
}

._2yDiV {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2yDiV::-webkit-scrollbar {
    display: none
}

._1P6cK {
    display: flex;
    align-items: flex-start;
    padding: 16px;
    width: 100%
}

._3h42s {
    width: 110px;
    min-width: 110px;
    margin-right: 16px;
    height: 110px;
    border-radius: 16px;
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center
}

.zCKVu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 0 32px 0 0
}

._1KA6c {
    display: inline-block
}

._1ArQU {
    font-weight: 700;
    color: #777
}

._19sLc {
    margin: 0;
    color: #4b4b4b
}

._2bD7m {
    position: relative;
    width: 100%;
    min-height: 100%
}

._3u5dk {
    display: flex;
    width: 100%;
    min-height: 100%;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding: 8px 8px 32px;
    resize: none
}

._3IZha {
    position: absolute;
    right: 10px;
    bottom: 6px;
    color: #777
}

.kWEMa {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.kWEMa::-webkit-scrollbar {
    display: none
}

._9gZo3 {
    margin-left: 8px;
    cursor: help;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2px solid #afafaf;
    color: #afafaf;
    font-size: 12px;
    font-weight: 700;
    flex-shrink: 0
}

._2FeIO {
    position: relative;
    display: flex
}

._3KFtE {
    border: none!important;
    background: rgba(61,77,92,.92)!important
}

._3vMBq {
    border-radius: 4px!important;
    color: #f9fafb;
    font-size: 13px;
    line-height: 115%;
    padding: 8.5px 12px;
    text-align: center
}

._3L20O {
    border-bottom-left-radius: 0;
    border-top-right-radius: 0
}

._2Z6v1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2Z6v1::-webkit-scrollbar {
    display: none
}

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

._1ZHqP {
    position: relative
}

.zG-58 {
    color: #777;
    gap: 8px;
    padding: 0 14px
}

.LwpD3 {
    color: #ff4b4b;
    gap: 8px;
    padding: 0 14px
}

._28kyG {
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px;
    display: flex;
    margin: auto
}

._3vseZ {
    overflow-x: auto
}

._3UK4p {
    display: inline-block;
    max-width: 180px;
    overflow-wrap: anywhere;
    word-break: break-word;
    vertical-align: middle
}

._1L19n {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 16px 12px
}

.D02RZ {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

._2yxXp {
    flex: 1;
    min-width: 200px
}

._2yxXp .web-ui__InputWrapper-module--container {
    width: 100%
}

._2yxXp input {
    font-size: 16px
}

._3QZQw {
    margin-left: auto
}

._3QZQw,._3sIn8 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

._1sC7u {
    position: relative;
    width: 260px
}

._1NprX {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

._2mWZn {
    width: 230px
}

.nNlcT {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

._2spiA {
    width: 147px
}

._1EtAE {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1EtAE::-webkit-scrollbar {
    display: none
}

._2pIxe {
    width: 90vw;
    max-width: 500px
}

._1lv0K {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px;
    text-align: center
}

._2DGk6 {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center
}

.jDLeq {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    padding: 16px 24px
}

._1hmst {
    min-width: 120px
}

._2CCQ- {
    color: #ff4b4b
}

.DVkam {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.DVkam::-webkit-scrollbar {
    display: none
}

._3qduK {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3qduK::-webkit-scrollbar {
    display: none
}

._12Xjp {
    width: 90vw;
    max-width: 900px;
    max-height: 90vh;
    overflow-y: auto
}

._32dmy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

._3Y81C {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 24px 36px
}

.fo_PW {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px
}

@media (min-width: 480px) {
    .fo_PW {
        grid-template-columns:1fr 1fr
    }
}

.ozWUi {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._3QZ7O {
    display: grid;
    grid-template-columns: 160px 1fr 80px;
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    row-gap: 24px
}

._3KrSG {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    padding: 16px 36px
}

@media (min-width: 480px) {
    ._3KrSG {
        flex-direction:row;
        justify-content: space-between
    }
}

._1wd-i {
    min-width: 150px
}

._3tG0_ {
    font-weight: 600;
    color: #4b4b4b
}

._264Bp {
    position: relative
}

._25isZ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._25isZ::-webkit-scrollbar {
    display: none
}

._2DS_j {
    width: 90vw;
    max-width: 560px
}

._3KxDL {
    gap: 24px;
    padding: 24px;
    overflow: visible
}

._3KxDL,._2G47D {
    display: flex;
    flex-direction: column
}

._2G47D {
    gap: 12px
}

._3xKh0 {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

._9fU-1 {
    flex-shrink: 0;
    min-width: 80px
}

._3By2Z {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 12px;
    min-width: 0;
    flex: 1
}

._3UKr2 {
    background: none;
    border: none;
    display: flex;
    padding: 0
}

._128eK {
    position: relative
}

._3abv5 {
    text-align: left;
    width: 100%
}

._3abv5,._32iOZ {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

._32iOZ {
    gap: 24px
}

._20xzv {
    width: -moz-fit-content;
    width: fit-content;
    margin-bottom: 36px
}

._1tFhg {
    gap: 48px;
    margin-top: 40px;
    width: 100%
}

.fA-z5,._1tFhg {
    display: flex;
    flex-direction: column
}

.fA-z5 {
    gap: 24px
}

._3_pUa {
    background-color: #f9fafb;
    border-radius: 4px;
    border: 1px solid #dbdee1;
    padding: 4px
}

._1L43O {
    color: #3d4d5c
}

._36LP0 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.HB4gX {
    background-color: #3d4d5c;
    border-radius: 4px;
    padding: 36px 96px 36px 36px;
    position: relative;
    line-break: anywhere
}

._2uPfN {
    position: absolute;
    top: 16px;
    right: 16px;
    border: none;
    background-color: inherit
}

._30tvq {
    color: #fff
}

._1aTYh {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._2uFF8 {
    text-decoration: underline;
    color: #083156
}

._26JJ5 {
    gap: 16px;
    max-width: 300px
}

._531ok,._26JJ5 {
    display: flex;
    flex-direction: column
}

._531ok {
    width: 100%;
    margin-right: 8px;
    gap: 8px
}

@media (min-width: 992px) {
    ._531ok {
        width:50%
    }
}

.jMr25 {
    width: 100%;
    max-height: 160px;
    -o-object-fit: contain;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center
}

._3gsjS {
    font-size: 13px
}

._1H5Z3 {
    display: grid;
    grid-template-areas: "section-0" "section-1" "section-2";
    grid-row-gap: 32px;
    grid-column-gap: 40px
}

@media (min-width: 992px) {
    ._1H5Z3 {
        grid-template-areas:"section-0 section-1" "section-0 section-2"
    }
}

._1b98H {
    color: #8c96a1
}

._1-n7d {
    padding: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px
}

._3mADF {
    position: relative
}

._1xtk8 {
    display: flex;
    flex-direction: row;
    align-items: center
}

._1xtk8:first-of-type {
    margin-top: 8px
}

.O97qB {
    width: 15px;
    margin-right: 8px
}

._2RRXL {
    margin: 0;
    width: 70%
}

._33SCp {
    padding-left: 8px
}

.fZgJB {
    position: absolute;
    right: 0;
    top: 0;
    padding: 8px;
    width: 20%;
    border-radius: 50%
}

@media (min-width: 992px) {
    .fZgJB {
        width:30%
    }
}

._1V-Nr {
    padding: 8px;
    width: 100%
}

.PxCVd {
    margin: 10px 0
}

._3o5mF {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px
}

._3kJ_i {
    color: #2285d0;
    font-size: 15px;
    line-height: 19.35px;
    font-weight: 700!important
}

._2ZW2- {
    background-color: #2285d0
}

._2qmlb {
    width: 40px
}

._2HJ_k {
    margin-bottom: 16px;
    display: flex;
    gap: 12px;
    flex-direction: column
}

._3mEeV {
    color: #3d4d5c
}

._3kVWY {
    display: flex;
    padding: 16px
}

._3ahdq {
    width: 110px;
    min-width: 110px;
    margin-right: 16px;
    height: 110px;
    border-radius: 6px;
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
    justify-content: center;
    align-items: center
}

._2_v7- {
    display: flex;
    flex-direction: column;
    margin: 4px 32px 0 0
}

._2IvAC {
    display: inline-block
}

._2IvAC+._2IvAC {
    margin-top: 10px
}

._33gF4 {
    font-weight: 700;
    color: #8c96a1
}

._2suD- {
    margin: 0;
    color: #3d4d5c
}

._16owk {
    position: relative;
    width: 100%;
    min-height: 100%
}

._3YbLj {
    display: flex;
    width: 100%;
    min-height: 100%;
    border: 1px solid #e1e5ea;
    border-radius: 6px;
    padding: 8px 8px 32px;
    resize: none
}

._11GLQ {
    position: absolute;
    right: 10px;
    bottom: 6px;
    color: #a8b0b8
}

._2N4SW {
    margin-left: 8px
}

._1LaNO {
    position: relative;
    display: flex
}

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

._3MohD {
    position: relative
}

.vrAEC {
    color: #8c96a1;
    gap: 8px;
    padding: 0 14px
}

._3QqUf {
    color: #ff4b4b;
    gap: 8px;
    padding: 0 14px
}

._3gZW9 {
    width: -moz-fit-content;
    width: fit-content;
    padding: 16px;
    display: flex;
    margin: auto
}

._12HSu {
    overflow: scroll
}

._1YCtf {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 14px
}

._1YCtf>* {
    margin-bottom: 8px
}

._3rTVJ {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

.X-X2j {
    width: 230px
}

._1TKvM {
    width: -moz-fit-content;
    width: fit-content;
    margin: auto
}

._3Noa5 {
    width: 147px
}

._3XP-6 {
    text-align: center;
    max-width: 680px
}

._37C1a {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding-bottom: 8px
}

._3Zo3Y {
    width: -moz-fit-content;
    width: fit-content
}

.ecMgO {
    display: flex;
    justify-content: space-between;
    flex-direction: row
}

._2KCIp {
    color: #fff5f6
}

._5gc5_ {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 24px;
    min-height: 300px;
    width: 90vw;
    max-width: 680px
}

._1juzw {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.kATxz {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._3slQ5 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px
}

._3ZBgi {
    display: grid;
    grid-template-columns: min-content auto max-content;
    align-items: center;
    -moz-column-gap: 24px;
    column-gap: 24px;
    row-gap: 32px
}

._1U6mL {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px
}

@media (min-width: 480px) {
    ._1U6mL {
        flex-direction:row;
        justify-content: space-between
    }
}

._32Zbf {
    width: 100%
}

@media (min-width: 480px) {
    ._32Zbf {
        width:-moz-fit-content;
        width: fit-content
    }
}

._3YxCu {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 16px
}

._2Y5Sb {
    text-align: start;
    max-width: 500px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 16px
}

._3dhb0 {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.j4Qif {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 8px
}

._2_ZtH {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2_ZtH::-webkit-scrollbar {
    display: none
}

@media (min-width: 992px) {
    .yw2Wy {
        padding:48px 24px 48px 32px;
        grid-template-columns: minmax(0,500px) 260px;
        -moz-column-gap: 28px;
        column-gap: 28px;
        max-width: 100%
    }
}

@media (min-width: 1280px) {
    .yw2Wy {
        padding:48px 40px 48px 48px;
        grid-template-columns: 500px 260px
    }
}

.N3ow_ {
    display: flex;
    flex-direction: column;
    gap: 28px;
    justify-self: center;
    width: 100%;
    max-width: 500px
}

@media (min-width: 480px) {
    .N3ow_ {
        margin:16px 8px 40px
    }
}

@media (min-width: 768px) {
    .N3ow_ {
        margin:16px 0 40px;
        padding: 0 16px;
        max-width: 532px
    }
}

@media (min-width: 992px) {
    .N3ow_ {
        margin:0;
        padding: 0;
        gap: 38px
    }
}

@media (min-width: 1280px) {
    .N3ow_ {
        width:500px;
        max-width: none
    }
}

._2lOwV {
    margin: 0;
    padding: 0;
    max-width: none
}

._2ozOs {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 992px) {
    ._2ozOs {
        gap:32px
    }
}

._2y8OM {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    align-items: center
}

@media (min-width: 480px) {
    ._2y8OM {
        gap:24px
    }
}

.RdDMf {
    margin: 0;
    opacity: .5
}

.TDqrl {
    text-wrap: pretty
}

._3umby {
    width: 80px;
    height: 80px
}

._4Z7vc {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 12px
}

._3ZGDM {
    display: flex;
    flex-direction: row-reverse;
    gap: 6px
}

._2QzIo {
    line-height: 28px!important
}

.Bh0N9 {
    position: relative;
    width: -moz-fit-content;
    width: fit-content
}

.KWGDR {
    text-decoration: line-through;
    color: #afafaf!important;
    font-weight: 700!important
}

._1gcu2 {
    align-items: center
}

._1gcu2,._1PP7Y {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%
}

._1PP7Y {
    gap: 24px
}

.x5Pbe {
    width: 80px;
    height: 80px
}

._2Rds0 {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 8px
}

@media (min-width: 992px) {
    ._2Rds0 {
        gap:12px
    }
}

._3fwM1 {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

._3tCii {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

.Ac2Np {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

.iciUr {
    color: #4b4b4b!important
}

@media (max-width: 991px) {
    .iciUr {
        font-size:20px!important;
        font-weight: 700!important;
        line-height: 28px!important
    }
}

._2GEEP {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    padding: 0 28px;
    align-items: center;
    justify-content: center;
    min-height: calc(100dvh - 208px)
}

@media (min-width: 768px) {
    ._2GEEP {
        max-width:100%;
        min-height: unset;
        margin: 24px auto
    }
}

.W__2- {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 12px
}

._3m6Ax {
    font-size: 24px!important
}

@media (min-width: 768px) {
    ._3m6Ax {
        font-size:28px!important
    }
}

.wYpFW {
    height: 44px;
    padding-left: 16px
}

._2Z8RX span {
    color: #777;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    font-weight: 400;
    letter-spacing: 0
}

._2Z8RX li {
    padding: 8px 16px;
    color: #777
}

._2Z8RX li.web-ui__ListItem-module--selected {
    color: #1cb0f6
}

._2Z8RX li strong {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px
}

._3CBaD {
    display: flex;
    padding: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: 500px;
    background-color: #fff;
    justify-self: center
}

@media (min-width: 480px) {
    ._3CBaD {
        position:unset;
        bottom: unset;
        padding: 0
    }
}

@media (min-width: 768px) {
    ._3CBaD {
        padding:0 16px;
        max-width: 532px
    }
}

@media (min-width: 992px) {
    ._3CBaD {
        flex-direction:column;
        padding: 20px;
        border-radius: 16px;
        border: 2px solid #e5e5e5;
        width: 260px;
        gap: 20px
    }
}

@media (min-width: 1280px) {
    ._3CBaD {
        margin-left:49px
    }
}

._3bvf7 {
    padding-bottom: 4px
}

.yJjkj {
    width: 96px;
    height: 96px
}

._2Ppmr {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    padding: 16px
}

@media (min-width: 768px) {
    ._2Ppmr {
        position:static;
        width: auto;
        padding: 0
    }
}

.BvUcX {
    width: 100%
}

@media (min-width: 768px) {
    .BvUcX {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 280px
    }
}

._3jf_U {
}

._2VH3y {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2VH3y::-webkit-scrollbar {
    display: none
}

._20pdb {
    padding-bottom: 125px
}

@media (min-width: 480px) {
    ._20pdb {
        padding-bottom:8px
    }
}

.rTcxb {
    display: grid;
    gap: 16px;
    width: 100%
}

@media (min-width: 768px) {
    .rTcxb {
        grid-template-columns:repeat(auto-fit,minmax(150px,1fr))
    }
}

._1XtD- {
    grid-template-columns: repeat(auto-fit,minmax(150px,1fr))
}

._3NsHe {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._3CkwV {
    padding-bottom: 16px
}

._3m6mL {
    margin-bottom: -8px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #ea2b2b
}

._gL9q {
    display: flex;
    padding: 8px 12px;
    gap: 12px;
    border-radius: 16px;
    background-color: #ddf4ff
}

.JLF8x {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 2px;
    color: #1cb0f6;
    font-size: 16px
}

._3nkMe {
    font-weight: 700!important
}

.OtEpa {
    text-align: center;
    padding-bottom: 32px
}

@media (min-width: 768px) {
    .OtEpa {
        height:72px;
        padding: 0
    }
}

._1JvOU {
    padding-bottom: 0;
    margin-bottom: -16px
}

._2AVLQ {
    width: 343px
}

@media (max-width: 479px) {
    ._2AVLQ {
        display:none!important
    }
}

._3w4TB {
    width: 100%
}

@media (min-width: 480px) {
    ._3w4TB {
        display:none!important
    }
}

.sAYMx {
    width: 100%;
    padding: 24px 20px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px
}

@media (min-width: 1280px) {
    .sAYMx {
        position:sticky;
        top: 88px;
        padding: 20px
    }
}

._2YPE1 {
    width: 100%;
    padding: 20px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px
}

._2Bm9a {
    border-top: 2px solid #e5e5e5;
    bottom: 0;
    left: 0;
    position: fixed;
    z-index: 1;
    width: 100%;
    max-width: none;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    gap: 20px
}

@media (min-width: 480px) {
    ._2Bm9a {
        border-top:none;
        position: relative
    }
}

@media (min-width: 1280px) {
    ._2Bm9a {
        margin-left:-24px
    }
}

._1GZsE {
    display: flex;
    flex-direction: row;
    gap: 40px
}

._2WVYz {
    width: 296px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: sticky;
    top: 12px;
    height: -moz-fit-content;
    height: fit-content
}

.NufKo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 480px
}

._358g2 {
    margin-right: 0;
    padding-bottom: 13px;
    margin-top: -8px
}

._6742R {
    font-size: 14px;
    margin: 0;
    max-width: 480px
}

._6742R a {
    color: #777;
    font-weight: 700
}

._25bV0 {
    max-width: 296px;
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    padding: 20px;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
    position: sticky;
    top: 88px
}

@media (min-width: 1280px) {
    ._25bV0 {
        max-width:260px
    }
}

.ERzjd {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.ERzjd::-webkit-scrollbar {
    display: none
}

._2w-wx {
    gap: 16px;
    width: 100%
}

._3r5xj,._2w-wx {
    display: grid;
    grid-template-columns: 1fr
}

._3r5xj {
    gap: 8px
}

._31R2s {
    align-items: center;
    display: grid;
    gap: 16px;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    text-align: start
}

.AauAu s {
    color: #afafaf;
    text-decoration: line-through
}

._2OZ_z {
    font-weight: 400;
    line-height: 24px
}

._2Pp4F {
    display: flex;
    gap: 4px
}

._2H_Tk {
    line-height: 24px
}

._-2Dzr {
    border-bottom-color: #f7f7f7
}

._1uYSq {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1uYSq::-webkit-scrollbar {
    display: none
}

._2FSzf {
    align-items: center;
    display: flex;
    flex-direction: column;
    text-align: center
}

._2SuYs {
}

.TIpY1 {
}

._351Dx {
}

._35O8M {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._35O8M::-webkit-scrollbar {
    display: none
}

._1nh-4 {
    margin-bottom: 20px;
    position: relative;
    display: flex;
    width: 100%;
    max-width: 480px;
    padding: 16px 20px 16px 16px
}

@media (min-width: 768px) {
    ._1nh-4 {
        width:480px;
        padding: 24px 24px 24px 20px
    }
}

@media (min-width: 1280px) {
    ._1nh-4 {
        width:500px;
        max-width: 500px
    }
}

._1nh-4:hover {
    cursor: pointer
}

._1Sg2V {
    border: 4px solid #1cb0f6;
    border-radius: 12px;
    padding: 14px 18px 16px 14px
}

@media (min-width: 768px) {
    ._1Sg2V {
        width:480px;
        padding: 22px 22px 24px 18px
    }
}

@media (min-width: 1280px) {
    ._1Sg2V {
        width:500px
    }
}

.h_r-C {
    padding: 32px 20px 16px 16px
}

@media (min-width: 768px) {
    .h_r-C {
        padding:32px 24px 24px 20px
    }
}

.h_r-C._13I8d {
    padding: 30px 18px 16px 14px
}

@media (min-width: 768px) {
    .h_r-C._13I8d {
        padding:30px 22px 24px 18px
    }
}

._1S4BO {
    display: grid;
    height: 100%;
    width: 100%;
    grid-template-columns: auto 1fr auto;
    position: relative;
    align-items: center;
    gap: 12px
}

._1Tnqd {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 4px
}

._2h2_I {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: flex-end;
    min-width: 0
}

.iSZn7 {
    top: -12px;
    right: -12px;
    width: 24px;
    height: 24px
}

.iSZn7,._22U_G {
    position: absolute
}

._22U_G {
    top: 0;
    left: 0;
    margin-left: -2px;
    margin-top: -2px;
    border-radius: 12px 0;
    padding: 6px 16px 4px;
    background-color: #1cb0f6;
    color: #fff;
    line-height: 16px
}

._22U_G._13I8d {
    margin-left: -4px;
    margin-top: -4px
}

._2-Xr5 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2-Xr5::-webkit-scrollbar {
    display: none
}

._3nDZs {
    display: flex;
    justify-content: center;
    padding: 24px 0
}

@media (min-width: 768px) {
    ._3nDZs {
        width:200%
    }
}

._3YrxI {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-self: center;
    width: 100%
}

@media (min-width: 768px) {
    ._3YrxI {
        gap:40px
    }
}

@media (min-width: 1440px) {
    ._3YrxI {
        gap:48px
    }
}

._31jH6 {
    margin-bottom: -16px
}

@media (min-width: 768px) {
    ._31jH6 {
        margin-bottom:-24px
    }
}

@media (min-width: 1440px) {
    ._31jH6 {
        margin-bottom:-40px
    }
}

._3eeWA {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    justify-self: center;
    margin-top: -4px
}

@media (min-width: 674px) {
    ._3eeWA {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 16px
    }
}

@media (min-width: 768px) {
    ._3eeWA {
        display:flex;
        margin-top: -16px
    }
}

@media (min-width: 992px) {
    ._3eeWA {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 12px 16px
    }
}

@media (min-width: 1440px) {
    ._3eeWA {
        margin-top:-24px
    }
}

._9FMUZ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._9FMUZ::-webkit-scrollbar {
    display: none
}

._1YAbn {
    display: flex;
    justify-content: center;
    width: 36px
}

._1NCRZ {
    display: flex;
    align-items: center;
    --web-ui_card-border-radius: 16px;
    height: 88px;
    width: 100%;
    padding: 12px 16px;
    gap: 12px
}

@media (min-width: 768px) {
    ._1NCRZ {
        padding:20px;
        height: 104px
    }
}

._1NCRZ._2g4q1:not(._1nRIx):not(._2o8_H),._1NCRZ:active:not(._2g4q1) {
    transform: translateY(0) translateZ(0)!important
}

._1NCRZ:before {
    box-shadow: none;
    margin-bottom: -2px
}

.P9o5N {
    border-radius: 4px
}

._1j1D4 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-width: 120px
}

._1DNrh {
    width: 100%;
    max-width: 64px
}

.iaAj- {
    display: flex;
    align-items: center;
    gap: 12px;
    height: 16px
}

._3W2vi {
    font-weight: 400;
    color: #afafaf
}

._3zDkF {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3zDkF::-webkit-scrollbar {
    display: none
}

._3A_jk {
    width: -moz-fit-content;
    width: fit-content
}

._3A_jk,._2gfE2 {
    display: flex
}

._2gfE2 {
    width: 100%;
    min-width: 144px;
    background-color: transparent;
    align-items: center;
    box-sizing: border-box;
    height: 44px;
    justify-content: center;
    z-index: 100;
    border: none;
    border-top: 2px solid transparent;
    border-bottom: 2px solid #e5e5e5
}

._2gfE2>* {
    cursor: pointer
}

._2sKdC {
    padding: 1px 16px;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%
}

._5V3Jt {
    position: relative
}

._5V3Jt:after {
    background: #1cb0f6;
    position: absolute;
    border-radius: 2px;
    bottom: -2px;
    content: "";
    height: 4px;
    width: 100%
}

._1HNEF {
    color: #1cb0f6
}

.uQDR6 {
    color: #afafaf
}

.fLqRK {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.fLqRK::-webkit-scrollbar {
    display: none
}

._1Va4T {
    position: absolute!important;
    visibility: hidden;
    pointer-events: none;
    top: 0;
    left: 0;
    height: 0
}

.StXY2 {
    width: calc(100dvw - 32px);
    position: relative;
    justify-self: center
}

@media (min-width: 768px) {
    .StXY2 {
        width:100%;
        min-width: 0
    }
}

._3m4lC {
    overflow-x: auto;
    position: relative;
    width: calc(100% + 32px);
    justify-self: center;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin: 0 -16px;
    padding: 0 16px
}

._3m4lC::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    ._3m4lC {
        width:100%;
        margin: 0;
        padding: 0
    }
}

._3ufao {
    position: absolute;
    top: 0;
    width: 48px;
    height: 100%;
    pointer-events: none;
    z-index: 101
}

._1gtCc {
    left: -16px;
    background: linear-gradient(90deg,#fff,transparent)
}

@media (min-width: 768px) {
    ._1gtCc {
        left:0
    }
}

._2hr_e {
    right: -16px;
    background: linear-gradient(270deg,#fff,transparent)
}

@media (min-width: 768px) {
    ._2hr_e {
        right:0
    }
}

._15Qwv {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._15Qwv::-webkit-scrollbar {
    display: none
}

@media (min-width: 480px) {
    ._3zRF- {
        height:120px!important
    }
}

@media (min-width: 624px) {
    ._3zRF- {
        height:180px!important
    }
}

@media (min-width: 768px) {
    ._3zRF- {
        height:150px!important
    }
}

@media (min-width: 880px) {
    ._3zRF- {
        height:180px!important
    }
}

._10p2l {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._10p2l::-webkit-scrollbar {
    display: none
}

._1nwEl {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._1aIbl {
    min-width: 250px;
    width: 100%
}

@media (min-width: 624px) {
    ._1aIbl {
        width:-moz-fit-content;
        width: fit-content
    }
}

@media (min-width: 768px) {
    ._1aIbl {
        margin-top:-24px;
        width: 100%
    }
}

@media (min-width: 880px) {
    ._1aIbl {
        width:-moz-fit-content;
        width: fit-content;
        margin-top: 0
    }
}

._2IKJ7 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 8px
}

._2AwwC {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 32px;
    width: 100%
}

._3klvD {
    height: 90px
}

@media (min-width: 384px) {
    ._3klvD {
        height:108px
    }
}

._1AlQJ {
    align-self: center
}

@media (min-width: 624px) {
    ._1AlQJ {
        align-self:flex-start
    }
}

@media (min-width: 768px) {
    ._1AlQJ {
        align-self:center
    }
}

@media (min-width: 880px) {
    ._1AlQJ {
        align-self:flex-start
    }
}

.Vez6U {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Vez6U::-webkit-scrollbar {
    display: none
}

._1ZT8p {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

@media (min-width: 768px) {
    ._1ZT8p {
        row-gap:24px
    }
}

._3s94R {
}

.Bwzup {
    margin-top: 16px;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .Bwzup {
        margin-top:24px;
        margin-bottom: 24px
    }
}

.QRiBj {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.QRiBj::-webkit-scrollbar {
    display: none
}

._31ZMH {
    width: 100%
}

.BTVkt {
    text-align: center
}

._1D5A2 {
    color: #777;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    ._1D5A2 {
        margin-bottom:16px
    }
}

._1D5A2._3GO-I {
    margin: 16px auto
}

._2wNAG {
    color: #777;
    margin: 24px 0 12px
}

@media (min-width: 768px) {
    ._2wNAG {
        margin:32px 0 16px
    }
}

._2wNAG._3GO-I {
    margin: 36px auto 16px
}

.qkLcc {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    align-items: center;
    justify-content: space-between;
    padding: 12px
}

@media (min-width: 768px) {
    .qkLcc {
        padding:16px
    }
}

._2m7rA {
    display: grid;
    grid-template-columns: repeat(4,1fr)
}

._1duUM {
    width: 56px;
    height: 56px
}

._1OrEp {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    row-gap: 20px
}

@media (min-width: 992px) {
    ._1OrEp._1uNdK {
        grid-template-columns:repeat(4,1fr);
        row-gap: unset
    }
}

@media (min-width: 768px) {
    ._1OrEp._3GO-I {
        padding:20px 16px;
        grid-template-columns: repeat(4,1fr);
        row-gap: unset
    }
}

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

._3USI2 {
    width: 52px;
    height: 52px
}

._1mkWU {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 2px
}

._287AC {
    line-height: 24px
}

.Ee9-S {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Ee9-S::-webkit-scrollbar {
    display: none
}

._2taKQ {
    display: none
}

@media (min-width: 768px) {
    ._2taKQ {
        display:flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 26px
    }

    ._2taKQ._2plAU {
        position: absolute
    }
}

._2taKQ:hover {
    cursor: pointer
}

.ooXkN {
    padding-left: 16px;
    font-weight: 700;
    color: #afafaf
}

.eY-8z {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.eY-8z::-webkit-scrollbar {
    display: none
}

._1xWhx {
    text-align: left
}

._2WW4g {
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: flex;
    justify-content: space-between;
    row-gap: 16px
}

._2WW4g._1lkrJ {
    flex-direction: column
}

@media (min-width: 480px) {
    ._2WW4g._1lkrJ {
        flex-direction:row
    }
}

._3cfx8 {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-content: center
}

._8CxO4 {
    height: 120px
}

._38rwe {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._38rwe::-webkit-scrollbar {
    display: none
}

.x2nTh {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    width: 100%
}

._2Uoi_ {
    height: 100%;
    padding: 16px 0;
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}

._12m6o {
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    transition: all .4s
}

._29J9C {
    display: inline-block;
    width: calc(100% - 32px);
    margin: 0 16px
}

._2SADt {
    opacity: .2;
    cursor: pointer;
    -webkit-mask-image: linear-gradient(90deg,#fff,transparent);
    mask-image: linear-gradient(90deg,#fff,transparent)
}

._3EirG {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 16px;
    border-bottom: 2px solid #f7f7f7;
    overflow-x: scroll;
    overflow-y: clip
}

@media (min-width: 992px) {
    ._3EirG {
        justify-content:center;
        overflow-x: hidden
    }
}

._1m0l0 {
    flex: 1;
    text-align: center;
    cursor: pointer;
    color: #afafaf;
    padding: 16px 16px 18px
}

@media (min-width: 992px) {
    ._1m0l0 {
        max-width:120px
    }
}

._1m0l0._1mG7I {
    border-bottom: 2px solid #e5e5e5
}

._1m0l0._2uCDO {
    padding: 12px 8px 14px
}

._1m0l0._20DmR {
    color: #1cb0f6;
    border-bottom: 2px solid #1cb0f6;
    padding-bottom: 16px
}

._1m0l0._20DmR._2uCDO {
    padding-bottom: 12px
}

._3h4Lu {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3h4Lu::-webkit-scrollbar {
    display: none
}

._26Ufr {
    display: flex;
    flex-direction: column;
    width: 100%
}

._1tYCC {
    display: none;
    justify-content: center
}

._1tYCC._2W_f6 {
    gap: 26px
}

._1tYCC._2j2GO {
    gap: 40px
}

@media (min-width: 992px) {
    ._1tYCC {
        display:flex
    }
}

._2Md4g {
    display: flex;
    flex-direction: column;
    margin-left: -16px;
    margin-right: -16px
}

@media (min-width: 992px) {
    ._2Md4g {
        display:none
    }
}

.XrM4E {
    display: grid;
    border-radius: 16px;
    overflow: hidden;
    grid-template-columns: repeat(2,1fr);
    width: 100%
}

@media (min-width: 992px) {
    .XrM4E {
        grid-template-columns:repeat(2,minmax(auto,200px));
        width: -moz-fit-content;
        width: fit-content
    }
}

._38_-L {
    display: grid;
    grid-auto-rows: 48px;
    overflow: hidden
}

._2eucv {
    z-index: 0;
    grid-template-rows: 68px repeat(auto-fit,48px);
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    border-end-end-radius: 0
}

._36vi_ {
    grid-template-rows: repeat(auto-fit,48px);
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    margin-top: 20px;
    margin-left: -16px;
    padding-left: 14px
}

._3K45e {
    color: #777;
    text-align: center;
    align-items: center;
    border-bottom: 2px solid #e5e5e5;
    display: flex;
    font-size: 16px;
    font-weight: 700;
    justify-content: center
}

._2eucv ._3K45e,.croaL {
    background-color: #fff
}

.croaL {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #777
}

._2eucv .croaL:nth-of-type(odd) {
    background-color: #f7f7f7
}

._36vi_ .croaL:not(:first-of-type) {
    border-top: 2px solid #f7f7f7
}

._2CSfs {
    width: 38px;
    height: 38px;
    margin: auto
}

._2kScB {
    border: none;
    background: none;
    cursor: pointer;
    color: #1cb0f6;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px
}

._rnyN {
    font-style: italic;
    display: inline
}

._1q5MB {
    overflow-x: auto;
    overflow-y: hidden
}

._1dSIz {
    text-align: center
}

@media (min-width: 992px) {
    ._1dSIz {
        margin-top:24px
    }
}

._1dSIz a {
    font-weight: 700
}

.e0QJ- {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.e0QJ-::-webkit-scrollbar {
    display: none
}

.FmZJ8 {
    width: 380px;
    max-width: calc(100% - 32px)
}

._1FgE4 {
    color: #afafaf
}

._5f7v2 {
    padding: 28px 24px;
    display: flex;
    flex-direction: column;
    border-top: 2px solid #e5e5e5;
    gap: 16px
}

._1G0aN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1G0aN::-webkit-scrollbar {
    display: none
}

._3WAWN {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    ._3WAWN:not(:last-child) {
        margin-bottom:16px
    }
}

._1chZh {
    padding-bottom: 20px
}

._35a3e {
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 768px) {
    ._35a3e {
        gap:20px
    }
}

._1bH-n {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center
}

._26s2D {
    width: 64px;
    height: 64px
}

._1607g {
    text-wrap: pretty;
    color: #777
}

._1-HwH {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1-HwH::-webkit-scrollbar {
    display: none
}

._1IkI5 {
    display: flex;
    flex-direction: column;
    row-gap: 24px
}

._1cduz {
}

._8wQpk {
    height: 110px;
    width: 146px
}

@media (min-width: 768px) {
    ._8wQpk {
        height:175px;
        width: 195px
    }
}

._1D4Ms {
    text-align: center
}

@media (min-width: 1440px) {
    ._1D4Ms {
        margin-top:-16px
    }
}

._1D4Ms a {
    font-weight: 700
}

._2-zeg {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2-zeg::-webkit-scrollbar {
    display: none
}

._24wvf {
    font-size: 28px;
    line-height: 32px;
    text-wrap: balance
}

@media (min-width: 768px) {
    ._24wvf {
        font-size:32px;
        line-height: 36px
    }
}

@media (min-width: 992px) {
    ._24wvf {
        font-size:40px;
        line-height: 44px
    }
}

._3WYSD {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 32px
}

@media (min-width: 992px) {
    ._3WYSD {
        flex-direction:row-reverse;
        gap: 8px
    }
}

@media (min-width: 1440px) {
    ._3WYSD {
        padding-top:8px
    }
}

._1Kuxd {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 20px;
    margin-top: 16px
}

@media (min-width: 768px) {
    ._1Kuxd {
        gap:32px;
        margin-top: 8px
    }
}

@media (min-width: 992px) {
    ._1Kuxd {
        align-items:flex-start;
        text-align: left;
        gap: 48px;
        margin-top: 16px
    }
}

._3QJGb {
}

._1rqET {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

@media (min-width: 1440px) {
    ._1rqET {
        row-gap:24px
    }
}

._3TDv7 {
}

@media (min-width: 768px) {
    ._3TDv7 {
        max-width:100%
    }
}

._3hNwJ {
    aspect-ratio: 1.77777778;
    min-height: 100px;
    width: 100%;
    border-radius: 18px
}

@media (min-width: 480px) {
    ._3hNwJ {
        max-width:320px
    }
}

@media (min-width: 1440px) {
    ._3hNwJ {
        max-width:343px
    }
}

._2Z3QV {
    flex-shrink: 0
}

.Y97tz {
    text-align: center
}

.Y97tz a {
    font-weight: 700
}

._1E3dM {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1E3dM::-webkit-scrollbar {
    display: none
}

._3MdXR {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow-wrap: break-word;
    text-align: left
}

@media (min-width: 992px) {
    ._3MdXR {
        align-items:flex-start
    }
}

._3rbBs {
    align-items: stretch;
    display: grid;
    grid-auto-rows: auto;
    grid-column-gap: 16px;
    grid-template-columns: min-content 1fr
}

@media (min-width: 992px) {
    ._3rbBs {
        grid-column-gap:24px
    }

    ._22x5S {
        grid-column-gap: 16px
    }
}

._1H2xC {
    align-items: center;
    background-color: #58cc02;
    display: flex;
    justify-content: center;
    padding: 0 4px
}

.ceJUE {
    height: 20px;
    width: 21px
}

._1su6B {
    background-color: #58cc02;
    min-height: 56px
}

@media (min-width: 992px) {
    ._1su6B {
        min-height:75px
    }
}

._2Zvsx {
    background-color: #58cc02;
    min-height: 52px
}

.di63z {
    border-radius: 98px 98px 0 0;
    padding-top: 12px
}

._2BG6Q {
    border-radius: 0 0 98px 98px;
    padding-bottom: 12px
}

._3yaou {
    align-self: center
}

@media (min-width: 992px) {
    ._3yaou:not(._1a1dF) {
        font-size:24px
    }
}

.CKQl2 {
    padding-top: 12px
}

.idn81 {
    padding-bottom: 12px
}

._3fbsN {
    padding-top: 4px;
    color: #777
}

@media (min-width: 992px) {
    ._3fbsN {
        font-size:20px
    }
}

.xlGnm {
    transform: translateY(-12px)
}

._2IETR {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2IETR::-webkit-scrollbar {
    display: none
}

.I_QD_ {
    position: relative;
    text-align: center
}

._2YuWg {
    width: 100%;
    height: 100%
}

._3Jbc7 {
    min-width: 248px
}

._32fXl {
    border-radius: 16px;
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.dMbEb {
    border: 2px solid #e5e5e5;
    border-radius: 16px
}

._1LtY- {
    filter: brightness(.6)
}

._3HNYA {
    margin-top: 16px
}

._8i9vq {
    position: relative;
    width: 100%
}

._3OQWy {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    cursor: pointer;
    width: 30%;
    height: 30%
}

._2anCA {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

._1YQS7 {
    position: absolute;
    bottom: 16px;
    right: 16px;
    padding: 4px 8px;
    background-color: #fff;
    border-radius: 6px;
    height: 20px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center
}

.V1s8M {
    font-weight: 700;
    font-size: 12px
}

.x7cBp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.x7cBp::-webkit-scrollbar {
    display: none
}

._2lw4I {
    overflow: hidden;
    position: relative
}

.wgg5Z {
    display: flex;
    height: 100%;
    width: 100%
}

._4Bu7J {
    visibility: hidden
}

._1hj7j {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%;
    z-index: 1
}

._29njB {
    cursor: pointer
}

._29njB,._29njB:after {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

._29njB:after {
    content: ""
}

._1yYMZ {
    height: 64px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 64px;
    z-index: 1
}

.bzNJC {
}

@media (min-width: 768px) {
    .bzNJC {
        height:100px;
        width: 100px
    }
}

._2urko {
    background-color: #fff;
    display: flex;
    flex-direction: column;
    height: 100dvh;
    justify-self: center;
    width: 100%
}

._1_FBl {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 64px;
    justify-content: flex-end;
    z-index: 1300
}

@media (min-width: 768px) {
    ._1_FBl {
        height:100px
    }
}

._4YuJV {
    align-items: center;
    align-self: flex-start;
    background: none;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    margin-right: 20px;
    margin-top: 16px;
    padding: 0
}

@media (min-width: 768px) {
    ._4YuJV {
        margin-right:48px
    }
}

._1v0f4 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 64px 20px
}

@media (min-width: 768px) {
    ._1v0f4 {
        padding:100px 48px
    }
}

._2YGBu {
    align-items: center;
    aspect-ratio: 1.77777778;
    display: flex;
    justify-content: center;
    max-height: 540px;
    max-width: 960px;
    position: relative;
    height: 100%
}

@media (max-aspect-ratio: 1.5) {
    ._2YGBu {
        height:unset;
        width: 100%
    }
}

._3fF6I {
    border-radius: 16px;
    height: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    width: 100%
}

.rDvRF {
    box-shadow: 0 0 0 2px #e5e5e5
}

.esqOV {
    border-radius: 0;
    height: 100%;
    width: 100%
}

._1JWkC {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1JWkC::-webkit-scrollbar {
    display: none
}

.CdwBu {
    display: flex;
    flex-direction: column;
    gap: 12px
}

@media (min-width: 624px) {
    .CdwBu {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px
    }
}

@media (min-width: 768px) {
    .CdwBu {
        display:flex;
        flex-direction: column;
        gap: 12px
    }
}

@media (min-width: 880px) {
    .CdwBu {
        display:grid;
        grid-template-columns: 1fr 1fr;
        gap: 16px
    }
}

.RYHoZ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.RYHoZ::-webkit-scrollbar {
    display: none
}

._15vc9 {
    display: flex;
    flex-direction: column;
    row-gap: 32px
}

@media (min-width: 1440px) {
    ._15vc9 {
        row-gap:48px
    }
}

._1jceu {
}

@media (min-width: 768px) {
    ._1jceu {
        max-width:100%
    }
}

._14BgP {
    align-self: center;
    aspect-ratio: 1.77777778;
    flex-shrink: 0;
    min-height: 100px;
    width: 100%;
    border-radius: 18px
}

@media (min-width: 480px) {
    ._14BgP {
        max-width:320px
    }
}

@media (min-width: 768px) {
    ._3MTuh {
        margin-top:10px
    }
}

@media (min-width: 1440px) {
    ._3MTuh {
        margin-top:0
    }
}

.SfX2V {
    text-align: center
}

@media (min-width: 1440px) {
    .SfX2V {
        margin-top:-40px
    }
}

.SfX2V a {
    font-weight: 700
}

.kzqUA {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.kzqUA::-webkit-scrollbar {
    display: none
}

._1Yio6 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

._1fj75 {
    font-weight: 700
}

._2Hytu {
    width: -moz-fit-content;
    width: fit-content;
    margin-left: -12px;
    min-width: 160px
}

.J3msv {
    width: 350px
}

._3I8A6 {
    padding: 32px 24px 12px;
    gap: 24px
}

._3LdVO,._3I8A6 {
    display: flex;
    flex-direction: column;
    align-items: center
}

._3LdVO {
    gap: 8px;
    width: 100%
}

._2OEw8 {
    text-align: center
}

._elxq {
    width: 100%;
    min-width: 160px
}

._2ipmT {
    width: 100%;
    --web-ui_button-background-color: #ff4b4b;
    --web-ui_button-border-color: #ea2b2b
}

._1_K8m {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    padding: 0;
    margin: 0
}

.WkDyC {
    color: #1cb0f6!important
}

._27I1Q {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._27I1Q::-webkit-scrollbar {
    display: none
}

._9Wxcp {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.x1Puf,.-FJHf {
    text-align: center
}

._1CIZx {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    padding: 32px 24px 28px
}

.F_0pJ {
    width: 100%;
    min-width: 160px
}

._2rwcm {
    width: 24px;
    height: 24px;
    background: none;
    border: none;
    padding: 0;
    margin: 0
}

._3lW8z {
    margin-left: -12px;
    min-width: 160px;
    width: -moz-fit-content;
    width: fit-content
}

.WInk2 {
    color: #777!important
}

._3Wk7R {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

._1AbSj {
    color: #1cb0f6!important
}

._3mLvp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3mLvp::-webkit-scrollbar {
    display: none
}

._3pMHm {
    background-color: #fff;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

._3Sr7X {
    margin-bottom: 40px
}

.RDn1R {
    margin-bottom: 12px
}

._2q6bz {
    margin-bottom: 72px
}

._1H23F {
    margin-bottom: 24px
}

._1H23F,._2f1gx {
    width: 100%;
    max-width: 343px
}

._3-Hlg {
    width: 350px
}

._24pcS {
    margin-bottom: 16px
}

._3Tk7t {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 32px 24px 28px
}

._3Xwp- {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 12px
}

.hffpT {
    width: 100%
}

.eLFWd {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.eLFWd::-webkit-scrollbar {
    display: none
}

._2HHfD {
    display: flex;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 768px) {
    ._2HHfD {
        gap:32px
    }
}

._3fuiX {
    display: flex;
    flex-direction: column;
    gap: 16px;
    flex: 1
}

@media (min-width: 768px) {
    ._3fuiX {
        gap:32px
    }
}

._1UlFB {
    text-align: left
}

@media (min-width: 768px) {
    ._1UlFB {
        text-align:center
    }
}

.Bb-Vw {
    text-align: left;
    margin-bottom: 8px
}

@media (min-width: 768px) {
    .Bb-Vw {
        text-align:center
    }
}

.nvQPp {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px
}

.XH50R,._1rZss {
    width: 100%
}

@media (min-width: 768px) {
    ._1rZss {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 160px
    }
}

._3-xgP {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3-xgP::-webkit-scrollbar {
    display: none
}

._3y2t7 {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.LsDit {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 1
}

@media (min-width: 768px) {
    .LsDit {
        gap:32px
    }
}

.lXwHS {
    text-align: left
}

@media (min-width: 768px) {
    .lXwHS {
        text-align:center
    }
}

._8yrU {
    width: 100%
}

@media (min-width: 768px) {
    ._8yrU {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 160px
    }
}

.Yq3cE {
    padding: 32px 24px 12px;
    display: flex;
    flex-direction: column;
    gap: 24px
}

._3Zyd3 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._3X-Uo {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._2gaFE {
    color: #ea2b2b
}

._1SRQS {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1SRQS::-webkit-scrollbar {
    display: none
}

._1nAK0 {
    display: flex;
    flex-direction: column;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    width: 100%;
    overflow: hidden
}

.HueR8 {
    padding: 12px 20px;
    background-color: #fff
}

.MQZan {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: max-height .2s ease-out
}

._2RB6s {
    border-top: 2px solid #e5e5e5;
    cursor: pointer;
    display: flex;
    justify-content: center
}

._2s3Dx {
    padding-top: 4px
}

._1atwt {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1atwt::-webkit-scrollbar {
    display: none
}

.ZcWMx {
    color: #ea2b2b!important
}

.-yyri {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 4px;
    padding: 16px 24px;
    background-color: #ffdfe0
}

._2PQ6f {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    border-top: 2px solid #e5e5e5
}

._2PQ6f>* {
    flex-shrink: 0;
    width: 100%
}

._1ff6n {
    min-width: 343px
}

._1HIZO {
    color: #afafaf!important
}

._1S4kv {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 12px 24px
}

._2zFNi {
    width: 100%
}

._3YN-l {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3YN-l::-webkit-scrollbar {
    display: none
}

._2uvgE {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: clip
}

._2uvgE:last-child {
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px
}

._2PbjR {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px;
    gap: 8px;
    cursor: pointer
}

@media (min-width: 992px) {
    ._2PbjR {
        padding:16px 12px 16px 20px
    }
}

.StSQb {
    padding-bottom: 20px
}

@media (min-width: 768px) {
    .StSQb {
        padding-bottom:24px
    }
}

._3sD2x {
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
    align-items: flex-start
}

._2GqSf {
    text-align: left
}

@media (max-width: 767px) {
    ._2GqSf {
        font-size:15px!important
    }
}

._30VjE {
    line-height: 24px;
    font-weight: 400;
    text-align: left
}

@media (max-width: 767px) {
    ._30VjE {
        font-size:14px!important
    }
}

._2bTfI {
    rotate: 270deg
}

._1aAli {
    rotate: 90deg
}

._1p0tZ {
    justify-content: center;
    height: 100px
}

._2T4aL {
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out;
    background-color: #f7f7f7
}

._1cTy- {
    padding-bottom: 8px
}

._3FxSR {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3FxSR::-webkit-scrollbar {
    display: none
}

._3MWN5 {
    width: 100%;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    padding-top: 8px
}

._1JU2k {
    display: flex;
    flex-direction: column
}

.Pmbow {
    position: relative;
    display: flex;
    flex-direction: row;
    background-color: #f7f7f7;
    width: 100%;
    min-height: 48px;
    justify-content: space-between;
    align-items: center;
    padding: 16px 12px;
    gap: 12px
}

@media (min-width: 992px) {
    .Pmbow {
        padding:16px 12px 16px 20px
    }
}

._2zMti {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 4px;
    position: relative;
    width: 100%
}

@media (min-width: 768px) {
    ._2zMti {
        flex-direction:row;
        align-items: center;
        justify-content: space-between
    }
}

._1dQym {
    flex-direction: column!important;
    align-items: flex-start!important;
    justify-content: flex-start!important
}

._3V5BC {
    width: 60%!important
}

._1LM4W {
    position: relative;
    width: 100%;
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    flex-grow: 1
}

@media (min-width: 768px) {
    ._1LM4W {
        width:60%
    }
}

._3BaJ_ {
    color: #1cb0f6
}

._2dHTY {
    color: #afafaf
}

.Jnmxz {
    font-weight: 400!important
}

._3EsC0 {
    color: #4b4b4b
}

._38L7u {
    width: 100%!important
}

._3kxaZ {
    font-weight: 700
}

._227Ue {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center
}

._1Jru9 {
    position: relative;
    width: 22px;
    height: 22px
}

.J4nBD {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 16px
}

._2rD-l {
    position: relative;
    width: 100%;
    text-wrap: wrap;
    text-align: left;
    word-break: break-word
}

@media (min-width: 768px) {
    ._2rD-l {
        width:20%
    }
}

.rsSln {
    position: relative;
    width: 100%;
    text-wrap: wrap;
    text-align: left;
    word-break: break-word
}

@media (min-width: 768px) {
    .rsSln {
        width:20%
    }
}

._2v1nk {
    width: 32px;
    height: 32px
}

._1vDhe {
    color: #afafaf!important
}

@media (max-width: 767px) {
    ._1Ekzn {
        position:absolute;
        right: 0;
        top: 12px
    }
}

@media (min-width: 768px) {
    ._1Ekzn {
        margin-right:24px
    }
}

.p3Fmy .web-ui__Checkbox-module--button {
    background-color: #fff
}

._2zDfM {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2zDfM::-webkit-scrollbar {
    display: none
}

._2i2vB {
    gap: 32px;
    background-color: #fff;
    padding: 36px;
    border-radius: 16px;
    border: 2px solid #e5e5e5
}

._2OfRu,._2i2vB {
    display: flex;
    flex-direction: column;
    align-items: center
}

._2OfRu {
    gap: 16px
}

._2eTqQ {
    text-align: center
}

._3HRp0 {
    max-width: 100%;
    width: 360px;
    height: 100px
}

._3vA47 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3vA47::-webkit-scrollbar {
    display: none
}

.d0zr0 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    gap: 8px
}

@media (min-width: 768px) {
    .d0zr0 {
        flex-direction:row
    }
}

._2RR0i {
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    padding: 0;
    border: none;
    background-color: inherit
}

._20CH0 {
    color: #777
}

._3BVGj {
    color: #1cb0f6
}

._225_b {
    grid-auto-flow: column;
    display: grid;
    grid-column-gap: 8px;
    align-items: center
}

@media (min-width: 768px) {
    ._225_b {
        margin-top:0
    }
}

._21tuK,._1dxI2 {
    color: #777
}

._1dxI2 {
    margin: 0;
    vertical-align: middle
}

._1PR0p {
    margin: 0 auto
}

.jNWwQ {
    margin-right: 24px
}

._21s5C {
    margin-left: 24px
}

._1IysV {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1IysV::-webkit-scrollbar {
    display: none
}

.PAcJW {
    display: flex;
    width: 100%;
    z-index: 501
}

._2sxys {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 12px
}

@media (min-width: 992px) {
    ._2sxys {
        flex-direction:row;
        gap: 16px
    }
}

.QbZQO {
    flex-direction: column!important;
    gap: 12px!important
}

._35fJ2 {
    display: flex;
    width: 100%
}

@media (min-width: 992px) {
    ._35fJ2 {
        max-width:448px
    }
}

._3i9bz {
    max-width: 100%!important
}

.kPAb1 {
    width: 100%
}

.kPAb1>div>svg {
    margin-left: 8px
}

@media (min-width: 992px) {
    .kPAb1>div>svg {
        margin-left:18px
    }
}

._1VrUv {
    width: 100%;
    position: relative
}

._2BGrE {
    display: flex;
    width: 100%;
    gap: 12px;
    flex-direction: column
}

@media (min-width: 768px) {
    ._2BGrE {
        flex-direction:row;
        gap: 16px
    }
}

@media (min-width: 992px) {
    ._2BGrE {
        max-width:616px
    }
}

._3pmVZ {
    flex-direction: row!important;
    gap: 16px!important;
    max-width: 100%!important
}

._3M8fo {
    width: 100%
}

.fEtp8 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.fEtp8::-webkit-scrollbar {
    display: none
}

.zchvh {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 32px;
    width: 100%;
    overflow: visible
}

@media (min-width: 768px) {
    ._3-GOq {
        margin:auto
    }
}

._3VE6c {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    gap: 16px;
    flex: 1;
    overflow: visible
}

@media (min-width: 992px) {
    ._3VE6c {
        flex-direction:row;
        gap: 32px
    }
}

._11pBq {
    width: 100%
}

@media (min-width: 768px) {
    ._11pBq {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 160px
    }
}

.JKZxB {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.JKZxB::-webkit-scrollbar {
    display: none
}

._29U7R {
    width: 100%;
    border: 2px solid #e5e5e5;
    border-radius: 12px
}

@media (min-width: 768px) {
    ._29U7R {
        width:100%
    }
}

@media (min-width: 768px) {
    ._3q1ag {
        max-width:548px!important
    }
}

._1NZt1 {
    border-radius: 12px
}

.dOgKf {
    flex-direction: row;
    align-items: center;
    border-radius: 12px 12px 0 0;
    border-bottom: 2px solid #e5e5e5
}

.dOgKf,.hf7OX {
    width: 100%;
    display: flex;
    justify-content: flex-start
}

.hf7OX {
    flex-direction: column;
    align-items: flex-start;
    background-color: #f7f7f7;
    border-radius: 0 0 12px 12px;
    overflow: hidden;
    padding: 8px 0
}

._2XxiZ {
    border-radius: 12px
}

._21bDL {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 24px;
    padding: 8px 16px
}

@media (min-width: 768px) {
    ._21bDL {
        padding:12px 16px;
        grid-template-columns: 70% 30%
    }
}

._3ezKO {
    grid-template-columns: 100%
}

._6nWpA {
    position: relative;
    width: 100%;
    display: grid;
    grid-template-columns: 60% 40%;
    gap: 24px;
    padding: 16px
}

@media (min-width: 768px) {
    ._6nWpA {
        padding:20px;
        grid-template-columns: 70% 30%
    }
}

._1X0Dl {
    grid-template-columns: 100%
}

._1OgZC {
    display: grid;
    gap: 2px
}

._1VgBh,.mtgRV {
    word-wrap: break-word
}

._3cq4x,._2TgdO {
    color: #afafaf!important
}

._2QeOg {
    display: flex;
    align-items: center;
    word-wrap: break-word
}

.MT07a {
    color: #afafaf!important;
    font-size: 16px!important;
    line-height: 100%!important
}

._1gbf4 {
    align-items: center
}

._2DODD,._1gbf4 {
    display: flex;
    word-wrap: break-word
}

._2DODD {
    align-items: start;
    gap: 8px
}

._2IkpI {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    cursor: pointer;
    flex-shrink: 0
}

._2IkpI:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 44px;
    height: 44px
}

._1MRgy {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1MRgy::-webkit-scrollbar {
    display: none
}

.UNu_N {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    gap: 20px;
    padding: 16px;
    width: 100%
}

@media (min-width: 768px) {
    .UNu_N {
        width:250px
    }
}

._3uCbw {
    height: 160px;
    margin-bottom: 48px
}

._49V7I {
    margin-right: auto
}

@media (max-width: 768px) {
    ._49V7I {
        margin-right:0;
        margin-bottom: 46px
    }
}

._361qa {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    margin-top: -60px
}

._11HJK {
    width: 100%
}

._27yny {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    cursor: pointer
}

.j9CZP {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
    width: 100%
}

._1MxAF {
    gap: 16px
}

._1MxAF,.CRPbS {
    width: 100%;
    display: flex;
    flex-direction: column
}

.CRPbS {
    align-items: flex-start
}

._1ZvVQ {
    color: #afafaf!important;
    text-transform: uppercase
}

.dqJwh {
    margin-top: 0!important;
    color: #4b4b4b!important
}

.mjFEf {
    color: #4b4b4b!important;
    margin-right: auto
}

._3lADX {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 16px
}

._74tUr {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    align-items: center
}

@media (min-width: 768px) {
    ._74tUr {
        flex-direction:column;
        gap: 20px
    }
}

._6xgnl {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 20px;
    border-radius: 12px;
    border: 2px solid #e5e5e5
}

._2tyz- {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.dCkL3 {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px
}

._1Qfeh {
    display: flex;
    flex-direction: row;
    gap: 12px
}

._20YA9 {
    height: 160px
}

._3UAin {
    width: -moz-fit-content;
    width: fit-content;
    min-width: 120px
}

.gvdPp {
    margin-bottom: 20px
}

._3BP11 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3BP11::-webkit-scrollbar {
    display: none
}

.Y5xWs {
    gap: 12px
}

._2tXST,.Y5xWs {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

._2tXST {
    gap: 24px
}

@media (max-width: 768px) {
    ._2tXST {
        min-width:100%;
        gap: 32px
    }
}

._3vmaG {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 32px;
    width: 100%
}

._3NjZT {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 24px
}

@media (min-width: 768px) {
    ._3NjZT {
        gap:40px
    }
}

._2OZAk {
    width: 100%
}

@media (min-width: 768px) {
    ._2OZAk {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 160px
    }
}

._3TLv1 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    width: 100%
}

@media (min-width: 768px) {
    ._3TLv1 {
        gap:16px
    }
}

._3GsCa {
    width: 100%
}

._1GF8c {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1GF8c::-webkit-scrollbar {
    display: none
}

._2AltZ {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    width: 100%;
    height: 100%
}

.C1Kei {
    text-align: center
}

._2xLoy {
    width: 240px;
    height: 180px
}

._1pauC {
    width: 100%
}

@media (min-width: 768px) {
    ._1pauC {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 160px
    }
}

._3etzP {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3etzP::-webkit-scrollbar {
    display: none
}

.JFEAw {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh
}

.GJb_x {
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1300
}

._1dyuD {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 18px;
    height: 18px
}

._3PTX8 {
    position: absolute
}

._3J6VK,.BcYGD {
}

._3_r2m {
    display: none!important
}

.hIDvl {
    align-items: center;
    color: #4c4c4c;
    cursor: pointer;
    display: block;
    font-size: 17px;
    line-height: 80%;
    padding: 10px 10px 10px 15px;
    text-overflow: ellipsis;
    width: 100%;
    display: flex;
    flex-direction: row;
    white-space: nowrap
}

.hIDvl.FjTUJ {
    color: #777;
    text-decoration: line-through
}

._3a-8S {
    align-items: center;
    color: #777;
    cursor: pointer;
    display: block;
    font-size: 15px;
    line-height: 80%;
    padding-left: 15px;
    text-overflow: ellipsis;
    width: 100%
}

._3a-8S.FjTUJ {
    text-decoration: line-through
}

.Cygzx {
    display: flex;
    flex-direction: column;
    justify-content: center
}

.QwP7E {
    padding-left: 10px
}

._2pnG5 {
    display: flex;
    flex-direction: row;
    height: 54px;
    align-items: flex-start;
    background-color: #fff;
    overflow-x: hidden;
    border: 1px solid #eaeaea;
    border-top: none;
    cursor: pointer;
    position: relative;
    align-items: center
}

._2pnG5._1VrWk,._2pnG5:focus {
    background-color: #f0f0f0
}

._2pnG5.FjTUJ {
    background-color: #f7f7f7
}

._2lBLm {
    display: flex;
    flex-direction: row;
    height: 54px;
    align-items: flex-start;
    background-color: #eaeaea;
    overflow-x: auto;
    position: relative;
    align-items: center
}

.kisck {
    font-size: 16px;
    color: #777
}

._1RFJF {
    width: 100%
}

._1RFJF,._3-grE {
    display: flex;
    align-items: center
}

._3-grE {
    justify-content: center;
    width: 37px;
    min-width: 37px;
    height: 32px;
    line-height: 32px;
    text-align: center
}

._3-grE img {
    max-width: 100%
}

._2ap1g {
    padding-inline-end:5px}

.DJSbK {
    padding-inline-start:5px}

._3HRSy {
    align-self: center;
    width: 100%
}

._2kZqA {
    width: 100%
}

._2kZqA._1-Rcl {
    max-width: 400px
}

._2kZqA.E5tdo {
    min-width: 150px
}

._399bU {
    flex-direction: column
}

._399bU,._2vo-9 {
    display: flex
}

._2vo-9 {
    background-color: #fff;
    height: 54px;
    min-height: 54px;
    align-items: center;
    justify-content: left;
    border: 1px solid #cfcfcf;
    border-radius: .25rem;
    padding: 0 15px
}

._2vo-9:not(min-width) {
    padding: 0 10px
}

._2vo-9:hover {
    border-color: #cfcfcf
}

._2vo-9:focus-within {
    border-color: #afafaf
}

._2vo-9._3wuib {
    border-color: #e53838
}

.TeV9d {
    width: 100%;
    border: none
}

.TeV9d::-moz-placeholder {
    color: #afafaf
}

.TeV9d::placeholder {
    color: #afafaf
}

.TeV9d:-webkit-autofill,.TeV9d:-webkit-autofill:active,.TeV9d:-webkit-autofill:focus,.TeV9d:-webkit-autofill:hover {
    box-shadow: inset 1000px 1000px #fff!important
}

.XKk84 {
    margin-bottom: 4px
}

._3crYX {
    width: 100%;
    min-width: 150px;
    max-width: 400px
}

._17aYu {
    max-width: unset
}

._19c-B {
    max-height: 500px!important
}

._3iB06,._1Ky54 {
    display: flex;
    flex-direction: column;
    position: relative
}

._1Ky54 {
    height: 54px;
    min-height: 54px;
    align-items: center;
    justify-content: center;
    border: 1px solid #cfcfcf;
    border-radius: .25rem;
    padding: 0 15px
}

._1Ky54._2etyM {
    border-color: #e53838
}

._1Ky54._1MPhM {
    background-color: rgba(215,255,184,.14901960784313725);
    border-color: #58cc02
}

._1Ky54._2RBNs {
    background-color: #f0faff;
    border-color: #2285d0
}

.zWiIz {
    border-color: #2285d0
}

._2zviD {
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 24px;
    width: -moz-fit-content;
    width: fit-content
}

._2c7ST {
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    background-color: inherit
}

._2c7ST:disabled {
    background-color: #fff
}

._2c7ST._1MPhM {
    color: #007f0d
}

._2mcNs {
    border-radius: .25rem;
    height: 0
}

._2mcNs._35MLW {
    width: -moz-max-content;
    width: max-content;
    min-width: 100%
}

._3Z0Gd {
    margin: 0!important
}

._2-G35 {
    bottom: 100%;
    position: absolute;
    width: 100%
}

.Jh0Pt {
    overflow: scroll!important;
    border: none!important;
    border-bottom: 2px solid #eaeaea!important;
    box-shadow: 0 2px 8px #eaeaea;
    border-radius: .25rem!important;
    max-height: 200px
}

._29DqJ {
}

._2--RQ {
    margin-bottom: 4px
}

._3gMn8 {
    position: relative
}

._36a8c {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._36a8c::-webkit-scrollbar {
    display: none
}

._3W3Z5 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center
}

@media (min-width: 768px) {
    ._3W3Z5 {
        gap:36px
    }
}

._3NAt8 {
    align-self: self-start;
    text-wrap: wrap
}

@media (min-width: 768px) {
    ._3NAt8 {
        align-self:center
    }
}

.uvabz {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    margin-top: 8px
}

@media (min-width: 768px) {
    .uvabz {
        grid-template-columns:1fr 1fr
    }
}

._2x1sR {
    width: 100%
}

@media (min-width: 768px) {
    ._2x1sR {
        min-width:160px
    }
}

.Rp1r2 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Rp1r2::-webkit-scrollbar {
    display: none
}

._1Ew_e {
}

._2BF5G {
}

.kEvH9 {
    width: 100%
}

@media (min-width: 768px) {
    .kEvH9 {
        min-width:160px
    }
}

._8Z81i {
}

.iYVrc {
    width: 40px
}

._2rX-4 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2rX-4::-webkit-scrollbar {
    display: none
}

.Ughpu {
    max-width: 872px;
    flex: 1
}

._1k6JT {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center
}

._2BHv- {
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

._2loi6 {
    margin-right: auto
}

._3znNn {
    color: #1899d6
}

._2fiDg {
    color: #afafaf
}

._3F_2b {
    width: 30px;
    height: 30px
}

._3F_2b.wrd4s {
    background-color: #fff;
    border-radius: 8px
}

.dbD0K {
    cursor: pointer;
    width: calc(100vw - 32px);
    padding: 0 16px;
    min-height: 56px
}

@media (min-width: 768px) {
    .dbD0K {
        width:343px;
        min-height: 76px
    }

    .dbD0K._1sDV0 {
        width: 480px
    }
}

._1FrpI {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1FrpI::-webkit-scrollbar {
    display: none
}

.yU1XA {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

._35Mp4 {
    width: 343px
}

@media (min-width: 768px) {
    ._35Mp4 {
        width:400px
    }
}

._1-7kB {
    width: 100%
}

@media (min-width: 768px) {
    ._1-7kB {
        min-width:160px
    }
}

.JE-zs {
    width: 100%;
    line-height: 160%;
    text-align: center;
    font-size: 14px
}

._2YYFl {
    font-weight: 400;
    color: #777
}

.jh7eI {
    text-align: center;
    text-wrap: balance
}

._3gBZy {
    width: 100%;
    max-width: 383px;
    padding: 0 20px;
    margin: 0 auto
}

@media (min-width: 768px) {
    ._3gBZy {
        max-width:480px
    }
}

.KnaYf {
    text-transform: none;
    font-size: 16px
}

._3MG9U {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3MG9U::-webkit-scrollbar {
    display: none
}

._1e6kX {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center
}

@media (min-width: 768px) {
    ._1e6kX {
        gap:36px
    }
}

._4dYRt {
    align-self: self-start;
    text-wrap: wrap
}

@media (min-width: 768px) {
    ._4dYRt {
        align-self:center
    }
}

._2QCdt {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%;
    max-width: 343px
}

._2bWBe {
    width: 100%
}

._1yzXS {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400
}

._1-nZa {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

._1ym6L {
    color: #ea2b2b
}

._2dpek {
    width: 100%
}

@media (min-width: 768px) {
    ._2dpek {
        min-width:160px
    }
}

._3wZ1L {
}

._1DRdB {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    margin-top: 8px
}

._2i5AU {
}

._3X6bL {
}

._224cG {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._224cG::-webkit-scrollbar {
    display: none
}

.zgInz {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: #4b4b4b
}

.Wt1z9 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Wt1z9::-webkit-scrollbar {
    display: none
}

._1oiS- {
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px
}

._3hM16 {
    display: flex;
    justify-content: center;
    gap: 96px
}

@media (max-width: 480px) {
    ._3hM16 {
        flex-direction:column;
        gap: 24px
    }
}

.So2HN,._2lE6y {
    display: flex;
    flex-direction: column
}

._3ZdnP {
    display: flex;
    align-items: baseline;
    flex-direction: row;
    width: 100%
}

._1CeGW {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 16px;
    min-width: 0
}

._3V1Sd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #1cb0f6;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-right: 8px;
    flex-shrink: 0
}

._3B3TT {
    white-space: normal;
    width: 100%
}

._3GJNs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    gap: 24px
}

._2U4OM {
    font-size: 64px
}

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

._1kJN8>li {
    margin: 0 0 10px;
    list-style-type: none;
    width: -moz-fit-content;
    width: fit-content;
    text-align: left
}

._1kJN8>li:before {
    content: "•";
    color: #4c4c4c;
    margin-right: 8px
}

._1kJN8._2VGXg>li:before {
    color: #fa811b;
    font-size: 26px
}

._3NMg5 {
    text-transform: uppercase
}

._2ZyfX {
    background-color: #f7f7f7;
    border-radius: .25rem;
    line-height: 23.1px;
    margin: 40px 0 0;
    padding: 15px
}

._2JLEp+._2JLEp {
    margin-top: 24px
}

._2whp1 {
    line-height: 26.4px
}

._3PJg3 {
    color: #fa811b
}

._2FJrb {
    font-style: italic;
    display: inline
}

.HOuKN {
    color: #4c4c4c;
    display: flex;
    flex-direction: column;
    margin: 0
}

.f3HyY {
    text-align: center;
    align-items: center
}

._1Qiry {
    background-color: #f7f7f7;
    padding: 8px
}

._2KdOX {
    max-width: 330px;
    max-height: 330px;
    margin: 0 0 36px
}

._1GiuQ {
    margin: 0 0 8px
}

._1TS3O {
    max-width: 330px
}

._3o5jg {
    font-size: 19px;
    margin: 0 0 15px
}

._1ue2z {
    color: #faa918;
    font-size: 20px;
    font-weight: 700
}

._1DTis {
    display: none
}

._21H_p {
    font-size: 19px;
    line-height: 27px;
    margin: 0
}

.B4Qif {
    color: #777;
    font-size: 13px
}

.hwAIi {
    opacity: .8
}

.hwAIi,._3Pj8v {
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center
}

._3Pj8v {
    opacity: .5
}

._3P7oG {
    width: 80%
}

._1CkvR {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900;
    display: flex;
    align-items: center;
    justify-content: center
}

._3157t {
    background: url(../images/fancybox_sprite.png) no-repeat;
    cursor: pointer;
    height: 36px;
    width: 36px;
    position: absolute;
    top: 0;
    right: 0
}

._39nKi {
}

._39nKi,.Z2rmZ {
    text-transform: uppercase
}

.Z2rmZ {
}

._2QfgN {
    align-items: flex-start;
    display: grid;
    grid-gap: 32px;
    grid-template-columns: 2fr 1fr;
    margin-bottom: 10px
}

._1cfM4 {
    line-height: 26.4px
}

._3huHC {
    display: flex
}

._1eFiG {
    color: #fa811b
}

.lu-Rx {
    align-items: center;
    display: grid;
    grid-gap: 6px;
    grid-template-columns: 1fr 1fr
}

._2wyG0 {
    position: relative
}

._2R0Wp {
    max-width: 100%
}

._54KU6 {
    bottom: 0;
    height: 24px;
    position: absolute;
    right: 0
}

._1YHUR {
    display: block;
    margin: auto;
    max-height: 80vh
}

._3yE-1 {
    font-style: italic;
    display: inline
}

._3oDzG {
    box-sizing: content-box;
    border: 1px solid #a8b0b8;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    position: relative
}

._3oDzG:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    background-color: #2285d0;
    width: 0;
    height: 0;
    top: 6px;
    left: 6px
}

._3oDzG:checked {
    border-color: #2285d0
}

._3oDzG:checked:before {
    width: 8px;
    height: 8px;
    top: 4px;
    left: 4px
}

._4dT_n {
}

._4dT_n,._8pBL9 {
    text-transform: uppercase
}

._8pBL9 {
}

._1A3kg {
    border: 1px solid #cfcfcf;
    border-radius: .25rem;
    display: flex;
    flex-direction: row;
    height: 48px;
    margin: 24px 0;
    padding: 8px
}

._1I6_U {
    display: none
}

._9aYfc {
    align-items: center;
    display: flex;
    flex-direction: row;
    margin-left: 15px;
    position: relative;
    width: 100%
}

._1Gxiv {
    width: 80%
}

._2qtzs {
    color: #afafaf
}

._1---K {
    color: #e53838
}

._3OVNP {
    position: absolute;
    right: 15px
}

._1cVmE {
    border: 1px solid #cfcfcf;
    border-radius: .5rem;
    display: grid;
    grid-gap: 15px;
    padding: 18px
}

._2CHVD {
    align-items: center;
    display: grid;
    grid-gap: 12px;
    grid-template-columns: min-content auto
}

._1rJNG {
    line-height: 26.4px
}

._2cFOs {
    color: #fa811b
}

._3XiQr {
    line-height: 26.4px
}

._1PhPu {
    color: #fa811b
}

._37ZDS {
    line-height: 26.4px
}

._3S9lE {
    color: #fa811b
}

._36S4r {
}

._36S4r,._3VkJI {
    text-transform: uppercase
}

._3VkJI {
}

._1jVYI {
    margin-top: 24px
}

.OvRVw {
    text-align: center;
    vertical-align: top;
    padding: 0 5px
}

._1ju1j {
    padding: 12px 0
}

._2ryA9 {
    text-align: center;
    vertical-align: middle;
    width: 80px!important
}

._2DwYN {
    display: flex;
    cursor: pointer;
    padding: 0 5px
}

._20pxZ {
    border-color: #8c96a1!important;
    margin: 23px 31px!important;
    text-align: center
}

._1gp_l {
}

._1gp_l,._3Q0NB {
    text-transform: uppercase
}

._3Q0NB {
}

._1BL-i {
    margin-top: 20px
}

._3rcIu {
    margin: 20px 20px 0
}

._1-5Q3 {
}

._1-5Q3,._2qAnz {
    text-transform: uppercase
}

._2qAnz {
}

._2Z_Sl {
    width: 100%;
    height: 250px;
    resize: none;
    margin-bottom: 10px;
    padding: 20px
}

._3PN7y {
}

._3PN7y,._2_Nx6 {
    text-transform: uppercase
}

._2_Nx6 {
}

._3qJsr {
    display: flex;
    flex-direction: column;
    align-items: center
}

._2XMax {
    text-align: center
}

._2KkGl {
    width: 100%;
    max-width: none;
    height: 150px;
    margin-bottom: 36px;
    align-items: flex-start;
    padding: 15px
}

.DMUTq {
    border: none;
    height: 100%;
    width: 100%;
    resize: none
}

._2_7EX {
    width: 100%;
    text-align: left
}

._3i3tv {
}

._2BRTG {
    display: flex;
    flex-direction: column;
    align-items: center
}

.LfjpS,._2mLYI {
    margin-bottom: 36px
}

.xnlZD {
    display: flex;
    flex-direction: column;
    align-items: center
}

.z7m0g {
    display: none
}

@media (min-width: 768px) {
    .z7m0g {
        display:grid;
        grid-template-columns: repeat(5,1fr);
        grid-template-rows: 1fr 1fr;
        position: relative;
        width: 100%;
        border: 2px solid #eaeaea;
        border-radius: .25rem;
        padding: 36px
    }
}

._3uir3 {
    width: 100%;
    border: 2px solid #eaeaea;
    border-radius: .25rem;
    padding: 24px
}

@media (min-width: 768px) {
    ._3uir3 {
        display:none
    }
}

._1Cz3m {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 24px
}

._1Cz3m:hover {
    cursor: pointer
}

@media (min-width: 768px) {
    ._1Cz3m {
        flex-direction:column;
        margin: auto
    }
}

._3iChp {
    width: 60px
}

._3iChp:not(._3Hg79) {
    filter: grayscale(100%)
}

._3u6-- {
    margin-left: 24px
}

@media (min-width: 768px) {
    ._3u6-- {
        flex-direction:column;
        margin: auto
    }
}

._3u6--._3Hg79 {
    font-weight: 700
}

._32qpw {
    position: absolute;
    width: 75%;
    left: 15%;
    top: 35%
}

._2f571 {
    gap: 32px;
    width: 100%
}

._2f571,._3fcfy {
    display: flex;
    flex-direction: column
}

._3fcfy {
    gap: 16px;
    align-items: center;
    text-align: center
}

._2HhPi {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #001836
}

._3fr3Z {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #3d4d5c
}

._1O5-r {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center
}

._7o3au {
    width: 100%;
    border: 1px solid #e1e5ea;
    border-radius: 8px;
    overflow: hidden
}

.Zip_D {
    display: flex;
    align-items: center;
    padding: 10px 20px 12px;
    background-color: #fff;
    border-bottom: 1px solid #dbdee1
}

.om9mD {
    font-size: 13px;
    font-weight: 700;
    color: #8c96a1;
    text-transform: uppercase;
    letter-spacing: .39px
}

.wR5Iz {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px 14px;
    background-color: #fff
}

.wR5Iz.Hv7ro {
    background-color: #f9fafb
}

.wR5Iz.hH0xN {
    opacity: .6
}

._3brrG {
    font-size: 15px;
    line-height: 1;
    color: #001836
}

._3brrG._1tkU5 {
    color: #8c96a1
}

._1nlth {
    display: flex;
    justify-content: center;
    width: 100%
}

._3LI_n {
    width: 180px
}

._2pFFJ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2pFFJ::-webkit-scrollbar {
    display: none
}

._2ipwE {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

._3sGJP {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    box-sizing: border-box
}

._1HNDy,._2oxmZ {
    width: 40px;
    display: flex;
    align-items: center
}

._1HNDy {
    justify-content: flex-start
}

._2oxmZ {
    justify-content: flex-end
}

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

._2kbX_,._2LYNo {
    cursor: pointer;
    width: 24px;
    height: 24px
}

._3lU81 {
    width: 500px;
    margin: 40px auto
}

._2PTSu {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._2RH1f {
    margin: 0;
    font-size: 24px;
    font-weight: 700;
    color: #4b4b4b
}

._1fTg4 {
    margin: 0;
    font-size: 16px;
    color: #777
}

._3LUhQ {
    align-self: flex-start;
    padding: 12px 24px;
    background-color: #1cb0f6;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer
}

._3LUhQ:hover {
    opacity: .9
}

._1O_fC {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%;
    padding: 0 16px;
    box-sizing: border-box
}

@media (max-width: 480px) {
    ._1O_fC {
        gap:24px;
        padding: 0 12px
    }
}

.fqrh_ {
    width: 100%;
    cursor: text;
    border-radius: 4px;
    border: 1px solid #dbdee1;
    position: relative
}

.fqrh_._1TDSL {
    border-color: #2285d0
}

._1V3EY {
    color: #8c96a1;
    font-size: 16x!important;
    height: -moz-fit-content!important;
    height: fit-content!important;
    position: absolute;
    top: 0;
    left: 12px;
    bottom: 0;
    margin: auto 0
}

._2zWf2 {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px
}

._2Ew9Y {
    position: relative;
    height: 32px;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 4px;
    border: 1px solid #cacfd3
}

._2Ew9Y._2-wSa {
    border-color: #2285d0;
    background-color: #f0faff
}

._2Ew9Y._3Kamb {
    border-color: #ff4b4b
}

._2Ew9Y._3Kamb._2-wSa {
    border-color: #ff4b4b;
    background-color: #fff5f6
}

.J7kCP {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

._29eXY {
    cursor: pointer
}

.Mk-mC {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 32px;
    padding: 4px 0
}

.sTlZA,.Mk-mC {
    width: -moz-fit-content;
    width: fit-content
}

.sTlZA {
    border: none
}

._37RET {
    text-wrap: nowrap
}

._2eadI {
    width: 180px
}

@media (max-width: 480px) {
    ._2eadI {
        width:100%
    }
}

.hpx8m {
    font-size: 14px
}

.hpx8m._2ABdd {
    color: #58cc02
}

.hpx8m.QxN49 {
    color: #ff4b4b
}

._1_6_F {
    width: 500px
}

._1_6_F,._38fEy {
    display: flex;
    flex-direction: column
}

._38fEy {
    gap: 16px;
    width: 100%;
    margin-bottom: 24px
}

.GCYdT {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center
}

.Dpyyi,.GCYdT {
    margin: 0;
    color: #3d4d5c
}

.Dpyyi {
    font-size: 16px;
    line-height: 1.7
}

.angmo {
    width: 100%;
    margin-top: 64px;
    margin-bottom: 48px
}

.Hff0k {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._3KBzA {
    font-size: 16px;
    color: #3d4d5c;
    margin: 0
}

._1p8Ls {
    font-weight: 700
}

._1ADV5 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 12px 16px;
    border-radius: 4px;
    border: 1px solid #dbdee1;
    background-color: #f9fafb;
    box-sizing: border-box
}

._1jrgH {
    flex: 1;
    font-size: 16px;
    color: #3d4d5c;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

._3PtNE {
    cursor: pointer;
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

._3DfEJ {
    position: relative;
    z-index: 1;
    text-align: center
}

._3DfEJ:before {
    border-top: 1px solid #dbdee1;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1
}

._2mmA4 {
    background: #fff;
    padding: 0 15px;
    font-weight: 700;
    font-size: 13px;
    color: #a8b0b8
}

._2LG5o {
    gap: 72px;
    width: 100%
}

._2LG5o,.BcIYO {
    display: flex;
    flex-direction: column
}

.BcIYO {
    align-items: center;
    text-align: center
}

._3rsVs {
    margin: 0;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    color: #001836
}

._2-yEX {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center
}

.fzYRt {
    width: 100%;
    border: 1px solid #e1e5ea;
    border-radius: 8px;
    overflow: hidden
}

._3l4lW {
    display: flex;
    align-items: center;
    padding: 10px 20px 12px;
    background-color: #fff;
    border-bottom: 1px solid #dbdee1
}

._2lNIN {
    font-size: 13px;
    font-weight: 700;
    color: #8c96a1;
    text-transform: uppercase;
    letter-spacing: .39px
}

.MZWG5 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 20px 14px;
    background-color: #fff
}

.MZWG5.-D-bh {
    background-color: #f9fafb
}

._1h9XK {
    color: #001836
}

.n_GQY,._1h9XK {
    font-size: 15px;
    line-height: 1
}

.n_GQY {
    color: #67737e;
    flex-shrink: 0
}

._3qf0l {
    display: flex;
    justify-content: center;
    width: 100%
}

._3lW3T {
    width: 180px
}

._vrB9 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

._2ysgx {
    width: 267px;
    height: 160px;
    margin-bottom: 48px
}

._2mA89 {
    margin: 0 0 60px;
    max-width: 352px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.25;
    color: #001836;
    text-align: center
}

.Dh9xp {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    width: 180px
}

._1W1Iv {
    width: 100%
}

._6IF81 {
    padding: 12px 24px;
    font-size: 14px;
    letter-spacing: .42px;
    text-transform: uppercase;
    color: #3c5d87
}

._2KyEU {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2KyEU::-webkit-scrollbar {
    display: none
}

.d4SKq {
    gap: 32px;
    width: 100%
}

.d4SKq,.a-FPL {
    display: flex;
    flex-direction: column
}

.a-FPL {
    gap: 16px;
    align-items: center;
    text-align: center
}

._1rspD {
    margin: 0
}

._1d-bh {
    margin: 0;
    font-size: 16px;
    line-height: 1.7;
    color: #4b4b4b
}

._23onu {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center
}

.vSOsC {
    width: 100%;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    overflow: hidden
}

._1u2d2 {
    display: flex;
    align-items: center;
    padding: 10px 20px 12px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}

._39eHI {
    font-size: 13px;
    font-weight: 700;
    color: #777;
    text-transform: uppercase;
    letter-spacing: .39px
}

._3lgOt {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 15px 20px 14px;
    background-color: #fff
}

._3lgOt._2xLwC {
    background-color: #f7f7f7
}

._3lgOt._3eDIQ {
    opacity: .6
}

._3wBSd {
    font-size: 15px;
    line-height: 1;
    color: #4b4b4b
}

._3wBSd._2T58Y {
    color: #777
}

._3IeDM {
    display: flex;
    justify-content: center;
    width: 100%
}

.A7wDB {
    width: 180px
}

.rkKUc {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.rkKUc::-webkit-scrollbar {
    display: none
}

._3HPu7 {
    width: 100vw;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background-color: #fff
}

._2H5wy {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 24px;
    box-sizing: border-box
}

.Z4ECr,._2ApgL {
    width: 48px;
    display: flex;
    align-items: center
}

.Z4ECr {
    justify-content: flex-start
}

._2ApgL {
    justify-content: flex-end
}

.sjqnz {
    flex: 1
}

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

._1z0MO {
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    border-radius: 12px;
    transition: filter .2s;
    --web-ui_button-filter-hover: none
}

._-98Fy {
    width: 500px;
    margin: 40px auto
}

._3o3Kk {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3o3Kk::-webkit-scrollbar {
    display: none
}

.Cf8iJ {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 16px;
    width: 100%;
    box-sizing: border-box
}

@media (max-width: 480px) {
    .Cf8iJ {
        gap:12px
    }
}

._2lO3Q {
    width: 100%;
    min-height: 48px;
    cursor: text;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    background-color: #fff;
    position: relative;
    transition: border-color .15s ease
}

._2lO3Q._1tIpJ {
    border-color: #1cb0f6
}

._35lvo {
    color: #777;
    position: absolute;
    top: 0;
    left: 16px;
    bottom: 0;
    height: -moz-fit-content;
    height: fit-content;
    margin: auto 0;
    pointer-events: none
}

._1rCQe {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 12px;
    box-sizing: border-box
}

._1GEf- {
    position: relative;
    height: 32px;
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 4px 12px;
    border-radius: 8px;
    border: 2px solid #e5e5e5;
    background-color: #fff;
    color: #4b4b4b
}

._1GEf-._3xq-Q {
    border-color: #1cb0f6;
    background-color: rgba(28,176,246,.08)
}

._1GEf-.HRZ1p {
    border-color: #ff4b4b;
    background-color: #fff
}

._1GEf-.HRZ1p._3xq-Q {
    border-color: #ff4b4b;
    background-color: rgba(255,75,75,.08)
}

._3zZwj {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

._2m8dq {
    cursor: pointer
}

._1jjPX {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 32px;
    padding: 4px 0
}

._1EUZg,._1jjPX {
    width: -moz-fit-content;
    width: fit-content
}

._1EUZg {
    border: none;
    outline: none;
    background: transparent;
    color: #4b4b4b;
    font-size: 16px
}

._2Z3i6 {
    text-wrap: nowrap
}

._3-qFY {
    width: 100%
}

._1QjKv {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1QjKv::-webkit-scrollbar {
    display: none
}

.QfgeB {
    align-items: stretch;
    width: 500px;
    max-width: 100%
}

.QfgeB,._24Tfj {
    display: flex;
    flex-direction: column
}

._24Tfj {
    gap: 16px;
    width: 100%;
    margin-bottom: 24px
}

._1AMxg {
    text-align: center
}

.D6ZTp,._1AMxg {
    margin: 0
}

.JzQaD {
    width: 100%;
    margin-top: 40px;
    margin-bottom: 32px
}

._1_H_K {
    display: inline-block;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 8px;
    margin: 0 auto;
    color: #afafaf;
    background-color: #fff
}

._2PWGM {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._37MZU {
    margin: 0 0 4px
}

._1N0o1 {
    font-weight: 700
}

._2GoBj {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2GoBj::-webkit-scrollbar {
    display: none
}

._2HUFB {
    position: relative;
    z-index: 1;
    text-align: center;
    height: 22px
}

._2HUFB:before {
    border-top: 2px solid #e5e5e5;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1
}

._2eul7 {
    background: #fff;
    color: #afafaf
}

._1q0aN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1q0aN::-webkit-scrollbar {
    display: none
}

._1CmV0 {
    gap: 72px;
    width: 100%
}

._1CmV0,._2l8bv {
    display: flex;
    flex-direction: column
}

._2l8bv {
    align-items: center;
    text-align: center
}

.b5mO- {
    margin: 0
}

._2xdrI {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center
}

._2zBus {
    width: 100%;
    border: 2px solid #e5e5e5;
    border-radius: 12px;
    overflow: hidden
}

._10tBN {
    display: flex;
    align-items: center;
    padding: 10px 20px 12px;
    background-color: #fff;
    border-bottom: 1px solid #e5e5e5
}

._1COl3 {
    font-size: 13px;
    font-weight: 700;
    color: #777;
    text-transform: uppercase;
    letter-spacing: .39px
}

._30lHN {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 20px 14px;
    background-color: #fff
}

._30lHN._38TUu {
    background-color: #f7f7f7
}

._3HMLO,.q_92a {
    font-size: 15px;
    line-height: 1;
    color: #4b4b4b
}

._3HMLO {
    flex-shrink: 0
}

._3hOcJ {
    display: flex
}

._3hOcJ,._10r9x {
    width: 100%
}

._1kwM8 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1kwM8::-webkit-scrollbar {
    display: none
}

.WancY {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%
}

._3_Iog {
    width: 267px;
    height: 160px;
    margin-bottom: 48px
}

._3mD4P {
    margin: 0 0 60px;
    max-width: 352px;
    text-align: center
}

._3aC_a {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 12px
}

._3aC_a,._3Mx-c,._22XEo {
    width: 100%
}

._RtSN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._RtSN::-webkit-scrollbar {
    display: none
}

._2NZDU {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 16px
}

@media (min-width: 1440px) {
    ._2NZDU {
        gap:64px
    }
}

._1GcnW {
    width: 100vw;
    height: 100vh;
    height: 100dvh;
    background-color: #fff
}

.CsM7U {
}

._2kIhG {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 24px;
    padding: 0 16px;
    width: 100%
}

@media (min-width: 768px) {
    ._2kIhG {
        padding:0;
        width: 343px;
        gap: 32px
    }
}

.-axxk {
    text-align: center
}

._5kbbq {
    flex: 1
}

._1yN3G {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1yN3G::-webkit-scrollbar {
    display: none
}

._3idnD {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border-radius: inherit;
    padding: 12px 16px;
    background-color: #fff
}

@media (min-width: 1136px) {
    ._3idnD {
        padding:18px 16px
    }
}

._2oEma {
    padding: 0;
    border: none;
    background: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center
}

._2oEma,._3WuCI {
    width: 24px;
    height: 24px
}

._15xhL {
    cursor: pointer;
    height: 32px;
    width: auto;
    max-width: 270px
}

@media (min-width: 1136px) {
    ._15xhL {
        height:38px
    }
}

._1YuwT {
    display: flex;
    position: relative;
    z-index: 2
}

._1YuwT .web-ui__SelectBase-module--label {
    border-radius: 12px 0 0 12px!important
}

._1YuwT .web-ui__SelectBase-module--label:before {
    border-radius: 12px 0 0 12px!important;
    box-shadow: none!important;
    border-right: none!important
}

._1YuwT .web-ui__InputWrapper-module--wrap {
    border-radius: 0 12px 12px 0!important
}

._10VNi {
    width: 100%
}

.UH8tr {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.UH8tr::-webkit-scrollbar {
    display: none
}

._2_R_5 {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 24px;
    margin-top: 8px
}

._3Ui4i {
    font-weight: 700
}

.wK0YR {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.wK0YR::-webkit-scrollbar {
    display: none
}

.XngMz {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 12px;
    color: #777
}

.XngMz,._2veTk {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

._2veTk {
    opacity: 0
}

._3k3_t {
    width: 24px;
    height: 24px
}

._3SGdy {
    position: relative;
    height: 48px;
    width: 100%
}

._12FKO {
    color: #ff4b4b!important;
    margin-top: 6px
}

._3Xu7U {
    display: flex;
    align-items: center;
    gap: 8px
}

._1e7x3 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1e7x3::-webkit-scrollbar {
    display: none
}

._3YqvM {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

._2wi1e {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px
}

._2QJRF {
    color: var(--color-cardinal)
}

.wGWd- {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.wGWd-::-webkit-scrollbar {
    display: none
}

.TdM3T {
    cursor: pointer;
    height: 32px;
    width: auto;
    max-width: 270px
}

@media (min-width: 1136px) {
    .TdM3T {
        height:38px
    }
}

._2Z9YM {
    display: flex;
    flex-direction: column;
    width: 100%
}

._3sCn_ {
    text-align: center;
    font-size: 14px;
    color: #666;
    margin-bottom: 24px
}

._1-XCY {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 100%
}

._3_8rW {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 8px
}

._1n_IZ,._1a1Ov {
    display: flex;
    flex-direction: column;
    gap: 16px
}

.C4wIZ,.BoBEW {
    width: 100%
}

._1qAvM {
    display: flex;
    flex-direction: column;
    gap: 24px
}

._3tL0b {
    color: #ff4b4b;
    text-align: center
}

.SlxSy {
    width: 100%
}

._2Dw09 {
    display: flex;
    flex-direction: column;
    gap: 32px
}

._3GTgP {
    padding: 0 8px;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
    color: #afafaf;
    background-color: #fff
}

._1y812 {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._3bZvu {
    margin-top: 32px;
    text-align: center
}

._1Qs8x {
    margin-top: 24px;
    text-align: center;
    width: 100%
}

._3rSM8 {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

._2R9wV {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2R9wV::-webkit-scrollbar {
    display: none
}

._1y5jK {
    background: #fff;
    border: 2px solid #e5e5e5
}

._2Wtyt {
    padding: 20px 32px;
    margin-top: 0;
    border-bottom: 2px solid #e5e5e5;
    background: #f7f7f7
}

._1GkSn {
    margin-top: 8px;
    font-size: 14px
}

._1Cqwj {
    color: #777;
    padding: 8px 12px;
    background: #f7f7f7;
    border-radius: 4px;
    animation: _1Ltb3 1.5s ease-in-out infinite alternate
}

@keyframes _1Ltb3 {
    0% {
        opacity: .6
    }

    to {
        opacity: 1
    }
}

._16HAu {
    color: #58a700;
    padding: 8px 12px;
    background: #d7ffb8;
    border: 1px solid #58cc02;
    border-radius: 4px
}

._16HAu small {
    color: #777;
    font-style: italic
}

._1M6Z0 {
    color: #ff4b4b;
    padding: 8px 12px;
    background: #ffdfe0;
    border: 1px solid #ff4b4b;
    border-radius: 4px
}

.kdAjx {
    padding: 32px;
    display: flex;
    flex-direction: column;
    gap: 32px
}

.IjjCd {
    margin-bottom: 16px
}

._2hWbe {
    font-weight: 600
}

.gKFpH {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    align-items: center
}

@media (min-width: 768px) {
    .gKFpH {
        grid-template-columns:1fr auto 1fr;
        gap: 20px
    }
}

._3Cu08 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
    color: #777
}

._3Cu08:after,._3Cu08:before {
    content: "";
    flex: 1;
    border-bottom: 1px solid #e5e5e5
}

@media (min-width: 768px) {
    ._3Cu08 {
        flex-direction:column
    }

    ._3Cu08:after,._3Cu08:before {
        border-bottom: none;
        border-left: 1px solid #e5e5e5;
        flex: none;
        height: 40px;
        width: 0
    }
}

._2UZ5E {
    width: 100%;
    margin-top: 8px
}

._1eAiz {
    position: relative;
    width: 100%
}

._1eAiz:hover .LBsHZ {
    opacity: 1
}

._1nH_H {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px
}

@media (min-width: 768px) {
    ._1nH_H {
        grid-template-columns:1fr 1fr
    }
}

.LBsHZ {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: #f7f7f7;
    border: 2px solid #e5e5e5;
    color: #58cc02;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    cursor: pointer;
    opacity: 0;
    transition: opacity .2s ease,background .1s ease;
    white-space: nowrap;
    pointer-events: auto
}

.LBsHZ:hover {
    background: #d7ffb8;
    border-color: #58cc02
}

.hwwaN {
    font-style: italic;
    margin-top: 10px
}

._29us1 {
    padding-bottom: 24px;
    border-bottom: 2px solid #e5e5e5
}

._2d5Md {
    margin-top: 16px
}

.ABB_x,._2d5Md {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._1dOGN,.btZIm {
    padding-top: 32px;
    border-top: 2px solid #e5e5e5
}

.ahgLE {
    padding: 8px 32px;
    background: #d7ffb8;
    border-bottom: 2px solid #e5e5e5;
    color: #58a700
}

._11LEc {
    text-align: right;
    padding-top: 20px;
    border-top: 2px solid #e5e5e5
}

._1lmO_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1lmO_::-webkit-scrollbar {
    display: none
}

._1Lcv5 {
    margin-top: 8px
}

._25qEN {
    background: #ddf4ff;
    border: 2px solid #1cb0f6;
    border-radius: 4px;
    padding: 6px 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 4px;
    transition: all .2s
}

._25qEN:hover {
    background: #ddf4ff;
    border-color: #1899d6;
    color: #1899d6
}

._2Z3oh {
    margin-top: 12px;
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    background: #fff;
    overflow: hidden;
    box-shadow: 0 2px 4px rgba(0,0,0,.1)
}

._3YlOJ {
    background: #f7f7f7;
    padding: 12px 16px;
    border-bottom: 1px solid #e5e5e5
}

._3aDe5 {
    max-height: 300px;
    overflow-y: auto
}

.DfPQH {
    padding: 16px;
    border-bottom: 1px solid #f7f7f7;
    transition: background-color .2s
}

.DfPQH:last-child {
    border-bottom: none
}

.DfPQH:hover:not(._395RQ) {
    background: #f7f7f7
}

.DfPQH._395RQ {
    background: #ddf4ff;
    border-left: 4px solid #1cb0f6
}

._3Stms {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px
}

._4oo42 {
    display: flex;
    gap: 6px;
    flex-wrap: wrap
}

._4oo42 span {
    font-size: 11px;
    padding: 3px 8px;
    border-radius: 12px;
    font-weight: 700
}

.aNgAK {
    background: #d7ffb8;
    color: #58a700
}

._1RMze {
    background: #fff5d3;
    color: #e7a601
}

._2GpG9 {
    background: #ddf4ff;
    color: #2b70c9
}

._2foTN {
    background: #00cd9c;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500
}

._1WPlQ {
    font-size: 12px;
    color: #777;
    display: flex;
    flex-direction: column;
    gap: 8px
}

._3mW3o {
    background: #f7f7f7;
    padding: 2px 4px;
    border-radius: 3px;
    font-size: 12px
}

._20t0Z {
    margin-top: 8px;
    font-style: italic;
    color: #777
}

._2oZco {
    padding: 12px 16px;
    text-align: center;
    font-size: 12px;
    color: #777;
    background: #f7f7f7;
    font-style: italic
}

._2KRx2 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2KRx2::-webkit-scrollbar {
    display: none
}

._3rT24 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 32px;
    border-bottom: 2px solid #e5e5e5;
    background: #f7f7f7;
    gap: 16px;
    flex-wrap: wrap
}

.TRZsw {
    margin: 0
}

._3kb7p {
    display: flex;
    align-items: center;
    gap: 16px
}

._1PJmP {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

._1PJmP:disabled {
    cursor: default
}

._1PJmP:disabled * {
    color: #afafaf
}

._14vuh {
    display: flex;
    align-items: center;
    gap: 8px
}

._355B0 {
    margin: 0;
    white-space: nowrap;
    color: #777
}

._2px09 {
    cursor: help;
    display: inline-flex;
    align-items: center
}

._3lC59 {
    margin: 0;
    color: #4b4b4b
}

._1wU43 {
    display: flex;
    align-items: center;
    gap: 8px
}

._1iaKq {
    width: 16px;
    height: 16px
}

._2UHYp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2UHYp::-webkit-scrollbar {
    display: none
}

.QK2UM {
    background: #fff;
    border: 2px solid #e5e5e5
}

._3Ob-d {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 32px;
    border-bottom: 2px solid #e5e5e5;
    background: #f7f7f7
}

._2iDx5 {
    background: #ff4b4b
}

._284OY {
    padding: 32px
}

._1Y-o4 {
    background: #fff;
    border-radius: 8px;
    padding: 20px;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    overflow: hidden
}

._1Y-o4,._1Y-o4>* {
    max-width: 100%;
    box-sizing: border-box
}

.Dh8wc {
    color: #ff4b4b;
    padding: 8px 12px;
    background: #ffdfe0;
    border: 1px solid #ff4b4b;
    border-radius: 4px
}

._7cpkW {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._7cpkW::-webkit-scrollbar {
    display: none
}

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

._3z26t {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3z26t::-webkit-scrollbar {
    display: none
}

.MSYjj {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    position: relative
}

._2klNa {
    position: absolute;
    top: 4px;
    right: 4px;
    padding: 4px;
    min-width: 0;
    z-index: 1;
    opacity: 1;
    transition: opacity .2s ease
}

._2klNa:hover {
    opacity: .8
}

._8iK86 {
    width: 20px;
    height: 20px;
    display: block
}

._33jil {
    text-align: center;
    max-width: 180px;
    word-wrap: break-word
}

._2-UGq {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2-UGq::-webkit-scrollbar {
    display: none
}

.NyCt-,._3nZh1 {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 8px;
    border: 2px solid;
    background: #fff
}

.NyCt- {
    border-color: #ea2b2b;
    background: #ffdfe0
}

._3nZh1 {
    border-color: #ffc800;
    background: #fff5d3
}

._3hrOt {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center
}

._3hrOt img {
    width: 100%;
    height: 100%;
    display: block
}

.r4lBH {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 4px
}

._gBMN {
    color: #777;
    display: flex;
    gap: 8px;
    align-items: center
}

.HWehS {
    color: #58cc02
}

.EKxKL {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.EKxKL::-webkit-scrollbar {
    display: none
}

._3wLAl {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1200
}

.uoAZa {
    background: #fff;
    border-radius: 8px;
    border: 2px solid #e5e5e5;
    overflow: hidden
}

._14mT- {
    justify-content: space-between;
    padding: 20px 32px;
    border-bottom: 2px solid #e5e5e5;
    background: #f7f7f7
}

._14mT-,._2PkFA {
    display: flex;
    align-items: center
}

._2PkFA {
    gap: 12px
}

._36ME0 {
    padding: 12px 20px;
    background: #d7ffb8;
    border-bottom: 2px solid #58a700;
    text-align: center;
    color: #58cc02
}

._3x60s {
    padding: 32px
}

._3dovt {
    background: #ff4b4b
}

._2SU3b {
    background: #ffdfe0;
    border: 2px solid #ff4b4b;
    border-radius: 4px;
    padding: 20px;
    color: #ea2b2b
}

.VEGwp {
    gap: 24px
}

.VEGwp,._48Puc {
    display: flex;
    flex-direction: column
}

._48Puc {
    background: #d7ffb8;
    border: 2px solid #58a700;
    border-radius: 4px;
    padding: 16px 20px;
    gap: 8px
}

._2Aki7 {
    background: #f7f7f7;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 12px;
    color: #4b4b4b
}

._38kbc {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.oYWx7 {
    max-width: 400px
}

.VI4NT {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    align-items: start
}

.XrBp0 {
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%
}

._3Xd46 {
    width: 100%;
    font-family: inherit;
    line-height: 1.6
}

._lRoN {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start
}

.Pc48h {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
    -o-object-fit: contain;
    object-fit: contain
}

.ldK5Z {
    font-size: 12px;
    color: #4b4b4b;
    font-style: italic
}

._2gK2f {
    width: 100%;
    font-family: inherit;
    line-height: 1.6
}

._2u2Km {
    justify-content: center;
    gap: 24px
}

._2u2Km,._27gmG {
    display: flex;
    flex-direction: column;
    align-items: center
}

._27gmG {
    gap: 20px;
    width: 100%
}

._3DpvG {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px
}

._2d83y {
    padding-top: 16px;
    border-top: 2px solid #e5e5e5;
    width: 100%;
    text-align: center;
    color: #777
}

._1Wk3E {
    margin-top: 8px;
    border: 2px solid #e5e5e5;
    border-radius: 8px;
    background: #fff;
    overflow: hidden
}

._3ZtPl {
    width: 100%;
    padding: 16px 20px;
    background: #fff;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color .2s
}

._3ZtPl:hover {
    background: #f7f7f7
}

._3ZtPl:focus {
    outline: none
}

._1_iZe {
    width: 20px;
    height: 20px;
    transition: transform .2s
}

._3vEPO {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 20px;
    border-top: 2px solid #e5e5e5
}

.IG1x7 {
    background: #f7f7f7;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    padding: 16px;
    overflow: auto;
    max-height: 300px;
    font-size: 12px;
    line-height: 1.5;
    color: #4b4b4b;
    margin: 0
}

._12G1a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    padding: 20px;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 8px
}

._3Y9Yr {
    color: #777;
    text-align: center
}

._2pbsS {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._1sto8 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px
}

@media (min-width: 480px) {
    ._1sto8 {
        grid-template-columns:repeat(2,1fr)
    }
}

.kokKc {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._1UQXk {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap
}

.a3OjY {
    max-width: 300px;
    flex: 1;
    min-width: 200px;
    position: relative;
    z-index: 10
}

._19N0B {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 24px;
    padding: 20px;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 8px
}

@media (min-width: 480px) {
    ._19N0B {
        grid-template-columns:repeat(3,1fr)
    }
}

@media (min-width: 768px) {
    ._19N0B {
        grid-template-columns:repeat(4,1fr)
    }
}

._2kL_t {
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    margin: 0 auto;
    max-width: 1400px;
    padding: 20px
}

._1JMxs {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    height: 100vh
}

.GmXIu {
    text-align: center
}

._3-Kr3 {
    width: 100%;
    margin-top: 24px
}

._3qR7p {
    gap: 24px
}

.BQtnZ,._3qR7p {
    display: flex;
    flex-direction: column;
    width: 100%
}

.BQtnZ {
    gap: 16px
}

.WNtQ3,._1njr-,.nnSli {
    width: 100%
}

._3gzx5 {
    height: 32px;
    width: auto;
    max-width: 270px
}

@media (min-width: 1136px) {
    ._3gzx5 {
        height:38px
    }
}

._1DM-f {
    gap: 24px
}

._1DM-f,._3JqvO {
    display: flex;
    flex-direction: column;
    width: 100%
}

._3JqvO {
    gap: 16px
}

._3malZ,._3oU5U {
    width: 100%
}

._3mFor {
    height: 32px;
    width: auto;
    max-width: 270px
}

@media (min-width: 1136px) {
    ._3mFor {
        height:38px
    }
}

.a_F07 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    height: 100vh;
    width: 100%
}

.ToBwi {
    text-align: center
}

._38_xh {
    margin-top: 24px;
    width: 100%
}

._1AnQk {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1AnQk::-webkit-scrollbar {
    display: none
}

._1Vb42 {
    display: flex;
    flex-direction: column;
    width: 100%
}

._3l8aK {
    background-color: transparent!important;
    margin-right: 0!important;
    margin-left: 0!important;
    margin-bottom: -4px!important;
    width: 150px;
    text-wrap: wrap;
    line-height: 120%
}

._3GWiq {
    gap: 16px
}

._2b_Oc,._3GWiq {
    display: flex;
    flex-direction: column
}

._2b_Oc {
    gap: 24px
}

._2zm4p {
    display: flex;
    flex-direction: column;
    gap: 32px
}

._3Po9m {
    padding: 0 8px;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
    color: #afafaf;
    background-color: #fff
}

._3nQdi {
    width: 100%
}

._22xbR {
    gap: 16px
}

._1_zXJ,._22xbR {
    display: flex;
    flex-direction: column
}

._1_zXJ {
    gap: 24px
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-text-fill-color: inherit!important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent!important
}

.UOQl0 {
    height: 48px
}

._1vLAx {
    height: -moz-fit-content;
    height: fit-content
}

._5R156 {
    height: 32px;
    width: auto;
    max-width: 270px
}

@media (min-width: 1136px) {
    ._5R156 {
        height:38px
    }
}

._3sdre {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    width: 100%
}

.vzKgl {
    text-align: center
}

._2fyty,._1Ryh2 {
    width: 100%
}

._1enaX {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px
}

._2GU-y,._26Ym6 {
    width: 100%
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-text-fill-color: inherit!important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent!important
}

._3vAfh {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3vAfh::-webkit-scrollbar {
    display: none
}

._2UXIU {
    width: 100%;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    gap: 12px;
    color: #777
}

.PTFYA {
    width: 24px;
    height: 24px
}

._2C1tF {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: stretch;
    padding: 0;
    border: 1px solid #dbdee1;
    border-radius: 12px;
    width: 335px;
    row-gap: 20px
}

@media (min-width: 480px) {
    ._2C1tF {
        width:340px
    }
}

@media (min-width: 768px) {
    ._2C1tF {
        width:364px;
        row-gap: 24px
    }
}

.v6PBg {
    padding-right: 20px;
    padding-left: 20px
}

@media (min-width: 768px) {
    .v6PBg {
        padding-right:32px;
        padding-left: 32px
    }
}

.jCApl {
    padding-top: 20px;
    padding-bottom: 24px
}

@media (min-width: 768px) {
    .jCApl {
        padding-top:24px;
        padding-bottom: 32px
    }
}

._3ebvo {
    display: flex;
    flex-direction: column;
    gap: 8px
}

.ziz1X {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px
}

.ziz1X._3j-aG {
    border-bottom: 1px solid #e1e5ea
}

.lYXst {
    font-weight: 700;
    font-size: 13px;
    color: #a8b0b8
}

._1f7Qp {
    border: none;
    background: none;
    display: flex;
    align-items: center
}

._2CTVy {
    font-weight: 700;
    color: #3c5d87;
    font-size: 14px
}

._3VqKq {
    font-size: 15px;
    color: #67737e
}

._1VBWW {
    text-align: center;
    margin: auto;
    color: #083156;
    font-weight: 700;
    font-size: 26px
}

@media (min-width: 768px) {
    ._1VBWW {
        font-size:28px
    }
}

@media (min-width: 1280px) {
    ._1VBWW {
        font-size:30px
    }
}

._37r_w {
    font-size: 22px
}

.y6-I- {
    font-size: 24px
}

._5AelL {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    width: 100%;
    text-align: start
}

._3p2xk {
    text-align: center;
    color: #67737e;
    font-size: 15px
}

@media (min-width: 768px) {
    ._3p2xk {
        font-size:16px
    }
}

@media (min-width: 1280px) {
    ._3p2xk {
        font-size:17px
    }
}

._1OCGE {
    width: 100%;
    text-align: start;
    font-size: 14px
}

._2OJ87 {
    gap: 12px
}

@media (min-width: 768px) {
    ._2OJ87 {
        gap:16px
    }
}

@media (min-width: 992px) {
    ._2OJ87 {
        gap:20px
    }
}

@media (min-width: 1280px) {
    ._2OJ87 {
        gap:24px
    }
}

._3aSKM,._2uYOF {
}

._5NSNM {
    gap: 4px
}

.sEqUy {
    margin-top: 32px
}

.FXUNl {
    background-color: #f1f4f6;
    height: 4px;
    width: 100%
}

.YIZ3U {
    background-color: #fa0;
    height: 4px
}

.YIZ3U._1gG9l {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px
}

._3Rtfp,._2_zfB {
    display: flex;
    justify-content: center
}

._3Rtfp {
    align-items: flex-start;
    border: none;
    background: none;
    padding: 0
}

._33KLm {
    padding-left: 24px
}

.XtmO7 {
    padding-top: 8px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 100%
}

._13L3_ {
    width: 100%
}

._1imIz {
    width: 344px
}

._3ixVf {
    padding: 12px
}

._1qFmI {
    flex: 50%
}

.uQNum {
    min-height: 32px;
    padding: 6px 8px;
    border: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 15px;
    color: #3d4d5c;
    text-align: start
}

._1sz-m {
    background: #fffaed;
    border: 1px solid #ffd9ab;
    border-radius: 4px
}

.F6iXQ {
    position: relative
}

._3Qe-n {
    color: #083156;
    width: -moz-fit-content;
    width: fit-content;
    border: unset;
    font-size: 14px;
    background: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    padding: 0
}

._1Wweo {
    width: 8px;
    height: 8px
}

._13ppW {
    opacity: .5;
    background-color: #3c5d87
}

._1IwPl {
    position: absolute;
    z-index: 1000;
    margin: 12px 0
}

._38cLi {
    border-radius: 8px
}

._25zCo,._38cLi {
    background: #fff;
    box-shadow: 0 4px 12px rgba(0,24,54,.06),0 10px 32px rgba(0,24,54,.06),0 16px 48px rgba(0,24,54,.06);
    border: none!important
}

._3I9cQ {
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 8px;
    display: none
}

@media (min-width: 768px) {
    ._3I9cQ {
        margin-top:16px;
        margin-bottom: 0
    }
}

@media (min-height: 615px) {
    ._3I9cQ {
        display:flex
    }
}

._16_kH {
    height: 38px;
    width: 224px
}

._4oCdW {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    min-height: 100vh;
    background-color: #fff;
    gap: 8px
}

@media (min-width: 768px) {
    ._4oCdW {
        gap:16px
    }
}

@media (min-width: 992px) {
    ._4oCdW {
        gap:24px
    }
}

@media (min-width: 1280px) {
    ._4oCdW {
        gap:32px
    }
}

._3cRli {
    flex-grow: 1
}

.CsVdG {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center
}

._1T10- {
    width: 100%;
    text-align: center;
    color: #67737e
}

.WT-C4 {
    font-weight: 700
}

._1VodZ {
    width: 120px;
    margin-top: 24px
}

._1HH3M {
    width: 100%
}

.xxo5R {
    width: 100%;
    text-align: center
}

._9wv6B {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #e1e5ea;
    height: 76px;
    padding: 20px
}

@media (max-width: 768px) {
    ._9wv6B {
        justify-content:space-between
    }
}

._1l62y {
    width: 260px
}

._1Nulr {
    width: 24px;
    height: 24px;
    align-self: center
}

.lhtfB {
    display: flex;
    flex-direction: column;
    row-gap: 12px
}

.LPHht {
    padding-bottom: 12px
}

._348B4 {
    width: 100%;
    height: 100vh;
    background-color: #fff
}

._2dgE4 {
    padding: 24px;
    overflow-y: scroll;
    display: flex;
    align-items: center;
    flex-direction: column;
    height: calc(100vh - 164px)
}

._2yzjF {
    border: 1px solid #dbdee1;
    border-radius: 12px;
    width: 700px;
    margin: 32px 0;
    max-width: 100%
}

._1JWtw {
    margin-bottom: 8px
}

._3PvHD {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._2bgFT {
    list-style: disc;
    color: #3d4d5c;
    line-height: 170%
}

.fIZWs {
    display: flex;
    flex-direction: column;
    gap: 12px
}

.mkxDj {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start
}

.LPHht {
    text-align: center
}

.mkxDj {
    background-color: #fff;
    border-radius: 0 0 12px 12px
}

.mkxDj,._1e44I {
    padding: 24px 32px
}

._1e44I {
    background-color: #f9fafb;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-bottom: 1px solid #dbdee1;
    border-radius: 12px 12px 0 0
}

._3Xdrm {
    color: #083156;
    margin: 0;
    line-height: 24px;
    font-size: 16px
}

._3LbRn {
    margin-top: 4px
}

.zy9n4 {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 24px;
    border-top: 1px solid #dbdee1
}

._2_WZy {
    width: 160px;
    margin: 0 auto
}

@media (max-width: 768px) {
    ._2_WZy {
        width:100%;
        margin: 0
    }
}

._1KOf3 {
    display: flex;
    flex-direction: column;
    gap: 32px
}

._41ka5 {
    gap: 12px
}

@media (min-width: 768px) {
    ._41ka5 {
        gap:16px
    }
}

._2d6H8 {
    text-align: center;
    margin-bottom: 24px
}

._3vgDF {
    margin-top: 12px;
    text-align: center
}

@media (min-width: 768px) {
    ._3vgDF {
        margin-top:0
    }
}

._1mE_B {
    width: 100%;
    border-radius: 6px!important
}

._3-iNE {
    display: flex;
    justify-content: center;
    margin-top: 48px
}

._10i30 {
    size: 14px;
    color: #3d4d5c;
    padding: 0 2px
}

._3rJKr {
    display: flex;
    flex-direction: column;
    gap: 4px
}

._1kztM {
    background-color: #f9fafb;
    border-color: #e1e5ea
}

.AQgr7 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.AQgr7::-webkit-scrollbar {
    display: none
}

.vbiPY {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px
}

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

._1qtdS {
    width: 100%
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-text-fill-color: inherit!important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent!important
}

._171YC {
    width: 100%
}

._2z9z5 {
    padding: 0 8px;
    margin: 0 auto;
    width: -moz-fit-content;
    width: fit-content;
    color: #afafaf;
    background-color: #fff
}

.aRQME {
    display: flex;
    flex-direction: column;
    gap: 16px
}

._1HehH,._2vJb3 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.AokU5 {
    display: flex;
    align-items: center;
    flex-direction: row;
    gap: 16px
}

._26B4a {
    height: 32px;
    width: auto;
    max-width: 270px
}

@media (min-width: 1136px) {
    ._26B4a {
        height:38px
    }
}

.JSZrv {
    font-weight: 700
}

._2wddB {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    width: 100%;
    padding: 0 16px
}

._21SgQ {
    width: 100%
}

@media (min-width: 768px) {
    ._21SgQ {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 343px
    }
}

._292Mv {
    width: 100%;
    padding: 16px
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-text-fill-color: inherit!important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s;
    background-color: transparent!important
}

._3XEBk {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3XEBk::-webkit-scrollbar {
    display: none
}

._30Urj {
    display: flex;
    flex-direction: column;
    row-gap: 16px
}

._3_V1Z {
    row-gap: 14px
}

._3_Sr5 {
    align-items: center;
    -moz-column-gap: 16px;
    column-gap: 16px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start
}

.GaOgX {
    -moz-column-gap: 8px;
    column-gap: 8px
}

._2Kbnk {
    font-weight: 400;
    font-size: 20px;
    line-height: 140%;
    text-align: start
}

._3y9e2 {
    align-self: flex-start;
    display: block;
    height: 24px;
    width: 24px;
    margin: 2px 0
}

@media (min-width: 768px) {
    ._3y9e2 {
        height:32px;
        width: 32px;
        margin: 0
    }
}

._3XHx5 {
    height: 24px;
    width: 24px;
    margin: 2px 0
}

._1gBX2 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1gBX2::-webkit-scrollbar {
    display: none
}

.NUm4A {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    margin: 0;
    padding: 24px 0
}

.NUm4A.i2LW_ {
    flex-direction: column-reverse;
    gap: 64px
}

@media (min-width: 480px) {
    .NUm4A {
        gap:32px
    }
}

@media (min-width: 768px) {
    .NUm4A {
        padding:64px 0
    }
}

@media (min-width: 992px) {
    .NUm4A {
        padding:96px 0;
        flex-direction: row;
        justify-content: space-evenly
    }

    .NUm4A._1yPNc {
        flex-direction: row-reverse
    }
}

@media (min-width: 1280px) {
    .NUm4A {
        justify-content:space-between
    }
}

._1fTFN {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%
}

@media (min-width: 992px) {
    ._1fTFN {
        max-width:90%;
        flex: 2;
        align-items: flex-start
    }

    ._1fTFN.wpdtq {
        align-items: center
    }
}

._38TrH {
    text-align: center
}

@media (min-width: 992px) {
    ._38TrH {
        text-align:start
    }
}

.ykb6J {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 80%
}

@media (min-width: 480px) {
    .ykb6J {
        max-width:70%
    }
}

@media (min-width: 768px) {
    .ykb6J {
        width:50%
    }
}

@media (min-width: 992px) {
    .ykb6J {
        padding-bottom:0;
        flex: 2;
        justify-content: flex-start
    }

    ._2lknF {
        justify-content: center
    }
}

.ykb6J img {
    max-width: 100%
}

._3LQxC {
    display: grid;
    gap: 12px;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    width: 100%;
    margin-top: 32px
}

@media (min-width: 992px) {
    ._3LQxC {
        justify-content:flex-start;
        grid-template-columns: unset;
        margin-top: 48px
    }
}

._20Yaf {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._20Yaf::-webkit-scrollbar {
    display: none
}

.lBg7N {
    font-size: 32px;
    line-height: 36px;
    text-wrap: balance
}

@media (min-width: 768px) {
    .lBg7N {
        font-size:40px;
        line-height: 44px;
        max-width: 90%
    }
}

@media (min-width: 992px) {
    .lBg7N {
        max-width:100%
    }
}

@media (min-width: 1280px) {
    .lBg7N {
        font-size:48px;
        line-height: 120%
    }
}

._1JmbN {
    margin: 0
}

@media (min-width: 1280px) {
    ._1JmbN {
        margin:16px 0
    }
}

._36ggB {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 32px
}

._36ggB .lBg7N {
    text-align: center
}

@media (min-width: 992px) {
    ._36ggB {
        align-items:normal
    }

    ._36ggB .lBg7N {
        text-align: left
    }
}

._3UxZa {
    gap: 20px
}

@media (min-width: 992px) {
    ._3UxZa {
        gap:32px
    }
}

._2Wx2f {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px
}

._2UjHR {
    height: 48px;
    max-width: 343px;
    width: 100%
}

._10ckZ {
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    ._10ckZ {
        margin-bottom:56px
    }
}

@media (min-width: 1280px) {
    ._10ckZ {
        margin-bottom:64px
    }
}

._2Rtkk {
    display: none
}

@media (min-width: 992px) {
    ._2Rtkk {
        display:block
    }
}

._2t_ft {
    display: block
}

@media (min-width: 992px) {
    ._2t_ft {
        display:none
    }
}

div.aC3dZ {
    padding: 48px 0
}

@media (min-width: 768px) {
    div.aC3dZ {
        padding:56px 0
    }
}

@media (min-width: 992px) {
    div.aC3dZ {
        padding:72px 0
    }
}

@media (min-width: 1280px) {
    div.aC3dZ {
        padding:96px 0
    }
}

._3qiDf {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3qiDf::-webkit-scrollbar {
    display: none
}

._1J1BZ {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4px
}

._1nOZc {
    color: #afafaf
}

._1e3Nb {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1e3Nb::-webkit-scrollbar {
    display: none
}

._1B6_u {
    margin-left: 8px;
    margin-right: 8px;
    max-width: 100%;
    padding: 32px 24px 12px;
    width: 380px;
    overflow: unset!important
}

._357lO {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px
}

@media (min-width: 768px) {
    ._357lO {
        gap:16px
    }
}

._1afEZ {
    text-align: center
}

._3ZRcb {
    width: 100%
}

._1FbVw {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

._2xdC- {
    width: 100%;
    margin: 12px 0
}

._2zmnP {
    text-align: center
}

._3YzrL {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3YzrL::-webkit-scrollbar {
    display: none
}

@media (min-width: 768px) {
    .X8GVm {
        font-size:32px;
        line-height: 36px
    }
}

._2CBfP {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    margin: 0 0 16px
}

@media (min-width: 768px) {
    ._2CBfP {
        gap:64px;
        margin: 0
    }
}

@media (min-width: 992px) {
    ._2CBfP {
        gap:64px
    }
}

._169f- {
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    justify-content: center
}

@media (min-width: 992px) {
    ._3DwpW {
        flex-direction:row;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 32px
    }
}

@media (min-width: 1280px) {
    ._39N3D {
        flex-direction:row;
        flex-wrap: nowrap;
        align-items: flex-start;
        gap: 32px
    }
}

._3Vpn4 {
    width: 180px
}

@media (min-width: 992px) {
    ._3Vpn4 {
        width:210px
    }
}

._1JKKq {
    width: 100%;
    max-width: 343px
}

@media (min-width: 992px) {
    ._1F8P3 {
        width:444px
    }
}

@media (min-width: 1280px) {
    ._2675P {
        width:246px
    }
}

._3gBQ6 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3gBQ6::-webkit-scrollbar {
    display: none
}

._1NDdb {
    display: flex;
    flex-direction: column;
    margin: 0
}

._7o34_ {
    align-items: center
}

._2lnBo,._7o34_ {
    text-align: center
}

._1TVAC {
    margin: 0 0 8px
}

@media (min-width: 992px) {
    ._1TVAC {
        margin:0 0 20px
    }
}

._2-b0n {
    width: 100%
}

._3E0xz {
    margin: 0 0 12px
}

@media (min-width: 992px) {
    ._10bdO {
        font-size:24px;
        line-height: 32px
    }
}

@media (min-width: 992px) {
    ._2_wg- {
        font-size:20px;
        line-height: 24px
    }
}

._2piWs {
    color: #777
}

._3XyKI {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3XyKI::-webkit-scrollbar {
    display: none
}

._1Y7yW {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media (min-width: 992px) {
    ._1Y7yW {
        gap:96px
    }
}

._3FayN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3FayN::-webkit-scrollbar {
    display: none
}

._1xDQV {
    align-items: center;
    border-radius: 24px;
    border: 2px solid #e5e5e5;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 24px 20px;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    ._1xDQV {
        margin:16px 0;
        padding: 40px
    }
}

.ieyBo {
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .ieyBo {
        margin-bottom:24px
    }
}

.wtbJS {
    max-width: 624px
}

.ee__G {
    text-align: center;
    margin-bottom: 12px
}

@media (min-width: 768px) {
    .ee__G {
        margin-bottom:20px
    }
}

._29vyP {
    color: #777
}

._1NXjY {
    align-items: center;
    display: grid;
    gap: 8px;
    grid-template-columns: 1fr;
    justify-content: center;
    justify-items: center;
    margin-top: 32px;
    width: 100%
}

@media (min-width: 768px) {
    ._1NXjY {
        margin-top:40px
    }
}

._2CO12 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2CO12::-webkit-scrollbar {
    display: none
}

._1JUbl {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px
}

@media (min-width: 768px) {
    ._1JUbl {
        gap:64px
    }
}

@media (min-width: 768px) {
    ._2WmZ8 {
        font-size:32px;
        line-height: 36px
    }
}

._3DIze {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 36px
}

@media (min-width: 768px) {
    ._3DIze {
        gap:64px
    }
}

._1nZ-S {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 330px;
    width: 100%
}

@media (min-width: 768px) {
    ._1nZ-S {
        flex-direction:row;
        gap: 48px;
        max-width: 100%
    }
}

._2kWwo {
    align-items: center;
    display: flex;
    gap: 12px;
    flex-direction: column;
    text-align: left
}

@media (min-width: 768px) {
    ._2kWwo {
        align-items:flex-start
    }
}

._3Lyyq {
    align-items: center;
    flex-direction: row;
    gap: 12px;
    color: #afafaf;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .64px;
    text-transform: uppercase;
    display: none
}

@media (min-width: 768px) {
    ._3Lyyq {
        display:flex
    }
}

.eLmBc {
    height: auto;
    max-width: 330px;
    width: 100%
}

._1fGrf {
    display: inline-block
}

@media (min-width: 768px) {
    ._2AxfE {
        font-size:24px;
        line-height: 32px
    }
}

.Z7ymN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.Z7ymN::-webkit-scrollbar {
    display: none
}

._12BKT {
    flex-direction: column;
    gap: 16px
}

._15sEB,._12BKT {
    display: flex;
    width: 100%
}

._15sEB {
    padding: 14px;
    flex-wrap: nowrap;
    gap: 8px;
    justify-content: flex-start;
    align-items: flex-start
}

._3zAh9 {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    margin-top: 4px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
    background-color: #fff
}

._3zAh9.BD32k {
    border-color: #1cb0f6;
    padding: 3px
}

.X26FS {
    width: 10px;
    height: 10px;
    background-color: #1cb0f6;
    border-radius: 50%
}

._2dFD9 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2dFD9::-webkit-scrollbar {
    display: none
}

._1tRt7 {
    padding: 24px
}

._3WG6X {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    max-width: 100%
}

@media (min-width: 768px) {
    .repwx {
        width:672px!important
    }
}

@media (min-width: 768px) {
    ._3WG6X {
        width:432px
    }
}

.eJqkF {
    padding: 24px 24px 28px
}

._3HOTU,.eJqkF {
    width: 100%
}

@media (min-width: 768px) {
    ._3HOTU {
        width:-moz-fit-content;
        width: fit-content;
        min-width: 160px
    }
}

.P1So1 {
    color: #1cb0f6
}

._3xc3g {
    color: #777
}

._38aNc {
    width: 100%
}

.I5EtI {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 16px;
    justify-content: space-between
}

._3dUeC {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

.QEZno {
    display: flex;
    align-items: center;
    gap: 12px
}

._3COgM {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    overflow: hidden
}

._2ncqX {
    height: 64px;
    position: relative;
    background-color: #fff
}

._2UUrC {
    border-bottom: 2px solid #e5e5e5
}

.VYN18 {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0
}

._3mmC2 {
    left: 20px
}

@media (768px) {
    ._3mmC2 {
        left: 48px
    }
}

.vDGGx {
    right: 20px
}

@media (768px) {
    .vDGGx {
        right: 48px
    }
}

._3DrSh {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto
}

.XFFf0 {
    width: 100%;
    height: calc(100% - 160px);
    overflow: scroll
}

.XFFf0,._1fyZg {
    display: flex;
    flex-direction: column;
    align-items: center
}

._1fyZg {
    position: sticky;
    bottom: 0;
    border-top: 2px solid #e5e5e5;
    gap: 12px;
    justify-content: space-between;
    padding: 24px 20px;
    background-color: #fff
}

@media (min-width: 768px) {
    ._1fyZg {
        flex-direction:row-reverse;
        padding: 0 180px;
        height: 96px
    }
}

._1RWC- {
    width: 100%;
    max-width: 160px
}

._2gPj_,._24vbe {
    width: 100%;
    max-width: 400px;
    text-align: center
}

._2gPj_ {
    color: #777
}

._1Y2Dl {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1Y2Dl::-webkit-scrollbar {
    display: none
}

._2Q40C {
    color: #58cc02
}

.r1d-E {
    width: 100%
}

@media (min-width: 480px) {
    .r1d-E {
        width:343px
    }
}

.-r_YZ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.-r_YZ::-webkit-scrollbar {
    display: none
}

._3Qjhg {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media (min-width: 992px) {
    ._3Qjhg {
        gap:96px
    }
}

._2dl3F {
    margin: unset!important
}

.hTBKT {
    align-self: center;
    height: 48px;
    padding: 10px 48px;
    max-width: 343px;
    width: 100%
}

.xVLxt {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.xVLxt::-webkit-scrollbar {
    display: none
}

._3RSCt {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px
}

@media (min-width: 992px) {
    ._3RSCt {
        align-items:start;
        gap: 56px
    }
}

._3d9Ur {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    max-width: 343px
}

@media (min-width: 992px) {
    ._3d9Ur {
        align-items:flex-start;
        gap: 20px;
        max-width: 100%
    }
}

._28I6C {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 32px
}

@media (min-width: 992px) {
    ._28I6C {
        font-size:32px;
        font-style: normal;
        font-weight: 700;
        line-height: 36px
    }
}

._1ffq9 {
    color: #777;
    text-align: center
}

@media (min-width: 992px) {
    ._1ffq9 {
        text-align:start
    }
}

._2XkWl {
    display: flex;
    flex-direction: column-reverse;
    gap: 12px;
    max-width: 343px
}

@media (min-width: 992px) {
    ._2XkWl {
        flex-direction:row;
        gap: 40px;
        max-width: 100%
    }
}

.xxn-A {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media (min-width: 992px) {
    .xxn-A {
        align-items:flex-start
    }
}

._3pQjb {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 24px
}

@media (min-width: 992px) {
    ._3pQjb {
        text-align:start;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px
    }
}

._2eDXW {
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-top: 12px;
    margin-bottom: 24px;
    color: #777
}

@media (min-width: 992px) {
    ._2eDXW {
        text-align:start
    }
}

._2J_uL {
    height: 44px;
    width: 100%;
    padding: 10px 48px;
    font-size: 16px
}

@media (min-width: 992px) {
    ._2J_uL {
        width:-moz-fit-content;
        width: fit-content
    }
}

._2j3bt {
    text-align: center
}

._3byLb {
    height: 120px
}

@media (min-width: 992px) {
    ._3byLb {
        height:200px
    }
}

._3UZrE {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3UZrE::-webkit-scrollbar {
    display: none
}

._38-oh {
    color: #777
}

._3eHN_ {
    max-height: 150px
}

@media (min-width: 992px) {
    ._3eHN_ {
        max-height:100%
    }
}

._1M8iq {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 40px 0 32px
}

@media (min-width: 768px) {
    ._1M8iq {
        gap:96px;
        margin: 88px 0 64px
    }
}

._1YKLI {
    display: flex;
    flex-direction: column;
    max-width: 600px;
    gap: 12px;
    padding-bottom: 24px
}

@media (min-width: 768px) {
    ._1YKLI {
        gap:24px;
        padding-bottom: 0
    }
}

._2bLoZ {
    display: grid;
    gap: 24px;
    grid-template-columns: 1fr;
    margin-bottom: 16px;
    max-width: 600px
}

@media (min-width: 768px) {
    ._2bLoZ {
        gap:48px;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 24px;
        max-width: none
    }
}

._1SwYH {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center
}

@media (min-width: 768px) {
    ._1SwYH {
        align-items:flex-start;
        gap: 16px;
        text-align: start
    }
}

._2PGIV {
    height: 36px
}

._1qBM_ {
    margin-top: 4px
}

@media (min-width: 768px) {
    ._1qBM_ {
        margin-top:0
    }
}

._3ZKck {
    margin: 16px 0;
    width: 100%
}

@media (min-width: 768px) {
    ._3ZKck {
        margin:0
    }
}

._3i78A {
    max-width: 343px;
    width: 100%
}

._30Uqw {
    margin-top: 16px
}

@media (min-width: 768px) {
    ._30Uqw {
        margin-top:0
    }
}

._2Kevs {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2Kevs::-webkit-scrollbar {
    display: none
}

._2cW8m {
    text-align: start;
    display: flex;
    flex-direction: column;
    gap: 48px
}

._2cW8m a {
    text-decoration: underline
}

._1nLiH {
    font-weight: 700
}

._3BgpA {
    color: #777
}

.hAO7f {
    list-style-type: decimal;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.CpuC1 .hAO7f {
    list-style-type: upper-alpha
}

._19A7V {
    margin-top: 40px
}

.a3xL_ {
    list-style-type: lower-alpha;
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 24px
}

.CpuC1 .a3xL_ {
    list-style-type: lower-roman
}

._1dIpT {
    display: flex;
    flex-direction: column;
    gap: 12px;
    list-style-type: disc;
    padding-left: 1.75rem;
    color: #777
}

.Os2BA {
    align-items: flex-start;
    gap: 12px
}

.Os2BA,._1pCOY {
    display: flex;
    width: 100%;
    max-width: 1080px;
    flex-direction: column
}

._1pCOY {
    padding: 24px 0 48px;
    justify-content: center;
    border-bottom: 2px solid #e5e5e5;
    gap: 24px
}

@media (min-width: 768px) {
    ._1pCOY {
        padding:96px 0
    }
}

._29C_d {
    margin: 20px 0
}

._2Bulp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2Bulp::-webkit-scrollbar {
    display: none
}

._3ftW9 {
    flex-direction: column;
    gap: 16px;
    height: 100%;
    max-width: 100%;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: transform .2s ease-in-out;
    border-radius: 16px
}

._3ftW9,._4o910 {
    display: flex;
    align-items: center;
    width: 100%
}

._4o910 {
    border-radius: 16px;
    overflow: clip;
    aspect-ratio: 1;
    justify-content: center;
    position: relative
}

._2pHBd {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: hsla(0,0%,82.7%,.5)
}

._2t3Es {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

._2lEAu {
    font-size: 14px;
    line-height: 20px
}

._1QvIN {
    width: 720px
}

._3eaAU {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 28px 24px
}

@media (min-width: 768px) {
    ._3eaAU {
        flex-direction:row;
        gap: 20px
    }
}

._1tHsH {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center
}

._1LKF7 {
    border-radius: 16px;
    overflow: hidden;
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    position: relative
}

._1hY9c {
    gap: 4px;
    width: 100%
}

._3FkPY,._1hY9c {
    display: flex;
    flex-direction: column
}

._3FkPY {
    gap: 24px
}

.mJLMK {
    margin-top: 4px
}

._ppYT {
    color: #1cb0f6;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none
}

._2SVHi {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media (min-width: 768px) {
    ._2SVHi {
        gap:8px
    }
}

._3Afcn {
    margin-bottom: 4px
}

.bez9Y {
    margin: 0;
    padding: 0
}

.bez9Y li {
    position: relative;
    margin: 0;
    padding-left: 1.25rem;
    list-style: none
}

.bez9Y li:before {
    content: "•";
    position: absolute;
    left: .25em;
    top: .1em;
    color: #777
}

._3Wnns {
    margin-bottom: 4px
}

._6mlpu {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._6mlpu::-webkit-scrollbar {
    display: none
}

._1wBiq {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4,1fr);
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 40px;
    max-width: 1080px;
    margin: 0 auto
}

@media (max-width: 1280px) {
    ._1wBiq {
        grid-template-columns:repeat(3,1fr)
    }
}

@media (max-width: 992px) {
    ._1wBiq {
        grid-template-columns:repeat(3,1fr)
    }
}

@media (max-width: 768px) {
    ._1wBiq {
        grid-template-columns:repeat(2,1fr);
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 24px
    }
}

._2yVUu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 100%
}

._2wl36 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    animation: _3oNBo 1s linear infinite
}

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

    to {
        transform: rotate(1turn)
    }
}

._2CBmM {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2CBmM::-webkit-scrollbar {
    display: none
}

@media (max-width: 768px) {
    ._31RGG {
        font-size:24px!important;
        line-height: 32px!important;
        margin: 0 auto
    }
}

.KYftU {
    font-size: 20px!important;
    line-height: 28px!important
}

._2Hnxa {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto
}

._2Hnxa+._2Hnxa {
    margin-top: 40px
}

@media (min-width: 768px) {
    ._2Hnxa+._2Hnxa {
        margin-top:96px
    }
}

._2JMkO {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

._2YSO3 {
    margin-bottom: 20px;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    ._2YSO3 {
        margin-bottom:40px;
        font-size: 32px;
        line-height: 36px
    }
}

._2aNYD {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2aNYD::-webkit-scrollbar {
    display: none
}

._3SfpC {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px
}

@media (min-width: 992px) {
    ._3SfpC {
        gap:96px
    }
}

._1dbLO>a {
    color: #1cb0f6;
    font-weight: 700
}

._HRxe {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.qHlIZ {
    width: 100%;
    margin-bottom: 24px;
    font-size: 24px!important
}

@media (min-width: 768px) {
    .qHlIZ {
        font-size:32px!important
    }
}

._2FqKv {
    min-width: 287px;
    width: 100%
}

@media (min-width: 768px) {
    ._2FqKv {
        width:-moz-fit-content;
        width: fit-content
    }
}

._2dDkg {
    width: 100%;
    margin-bottom: 40px;
    color: #777
}

._2fgrL {
    width: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-top: 48px;
    gap: 20px
}

@media (min-width: 768px) {
    ._2fgrL {
        flex-direction:row;
        gap: 0
    }
}

._2vrIW {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

@media (min-width: 768px) {
    ._2vrIW {
        width:50%
    }
}

._12iqJ {
    margin-bottom: 4px
}

._3QuPb {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 12px
}

.svqGK {
    color: #777;
    text-wrap: unset!important
}

._1XPgJ {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

@media (min-width: 768px) {
    ._1XPgJ {
        width:50%
    }
}

.Rk1mQ {
    display: flex;
    flex-direction: row;
    gap: 16px
}

._2Q0XS {
    width: 48px
}

._1bYNP {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 4px
}

._21HTL {
    text-wrap: unset!important
}

._3qPuL {
    display: flex;
    flex-direction: column;
    margin-top: 24px
}

@media (min-width: 768px) {
    ._3qPuL {
        margin-top:48px
    }
}

.Ibvc2 {
    font-size: 20px
}

@media (min-width: 768px) {
    .Ibvc2 {
        font-size:24px
    }
}

._2AM1c {
    margin-top: 12px;
    margin-bottom: 24px
}

@media (min-width: 768px) {
    ._2AM1c {
        margin-top:16px;
        margin-bottom: 40px
    }
}

._1kkBI {
    min-width: 228px;
    width: 100%
}

@media (min-width: 768px) {
    ._1kkBI {
        width:-moz-fit-content;
        width: fit-content
    }
}

._2Iu8M {
    margin: unset!important
}

._1No9c {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1No9c::-webkit-scrollbar {
    display: none
}

@media (max-width: 768px) {
    .hVdVC {
        font-size:24px!important;
        line-height: 32px!important;
        margin: 0 auto
    }
}

._1QsyE {
    font-size: 20px!important;
    line-height: 28px!important
}

._26HVS {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto
}

._26HVS+._26HVS {
    margin-top: 40px
}

@media (min-width: 768px) {
    ._26HVS+._26HVS {
        margin-top:96px
    }
}

._1h39N {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px
}

._1f9gK {
    margin-bottom: 20px;
    text-align: center;
    width: 100%
}

@media (min-width: 768px) {
    ._1f9gK {
        margin-bottom:40px;
        font-size: 32px!important;
        line-height: 36px!important
    }
}

._2EYYH {
    margin-top: 40px
}

@media (min-width: 768px) {
    ._2EYYH {
        margin-top:96px
    }
}

._2OS5J {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 32px;
    max-width: 1080px;
    margin: 40px auto 64px;
    padding: 0 16px
}

._1Taz7 {
    height: 40px;
    width: auto
}

.zXG2L {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.zXG2L::-webkit-scrollbar {
    display: none
}

._3fi1Q {
    flex-direction: column;
    gap: 16px;
    height: 100%;
    max-width: 100%;
    background: none;
    border: none;
    text-align: center;
    cursor: pointer;
    transition: transform .2s ease-in-out;
    border-radius: 16px
}

._3fi1Q,._239OH {
    display: flex;
    align-items: center;
    width: 100%
}

._239OH {
    border-radius: 16px;
    overflow: clip;
    aspect-ratio: 1;
    justify-content: center;
    position: relative
}

._3ZsMS {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    position: absolute;
    top: 0;
    left: 0;
    background-color: hsla(0,0%,82.7%,.5)
}

._22N_g {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%
}

._3YOHl {
    font-size: 14px;
    line-height: 20px
}

._1dJtY {
    display: grid;
    justify-content: center;
    grid-template-columns: repeat(4,1fr);
    -moz-column-gap: 32px;
    column-gap: 32px;
    row-gap: 40px;
    max-width: 1080px;
    margin: 0 auto
}

@media (max-width: 1280px) {
    ._1dJtY {
        grid-template-columns:repeat(3,1fr)
    }
}

@media (max-width: 992px) {
    ._1dJtY {
        grid-template-columns:repeat(3,1fr)
    }
}

@media (max-width: 768px) {
    ._1dJtY {
        grid-template-columns:repeat(2,1fr);
        -moz-column-gap: 16px;
        column-gap: 16px;
        row-gap: 24px
    }
}

._3Yuc- {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 200px;
    width: 100%
}

._2R5zB {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    animation: _2Di-k 1s linear infinite
}

@keyframes _2Di-k {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

._2OQnA {
    width: 720px
}

.RO8Np {
    display: flex;
    flex-direction: column;
    gap: 32px;
    padding: 0 28px 24px
}

@media (min-width: 768px) {
    .RO8Np {
        flex-direction:row;
        gap: 20px
    }
}

._3cPl5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center
}

._3wut5 {
    border-radius: 16px;
    overflow: hidden;
    width: 200px;
    height: 200px;
    flex-shrink: 0;
    position: relative
}

._3e7-A {
    gap: 4px;
    width: 100%
}

._3c-Xv,._3e7-A {
    display: flex;
    flex-direction: column
}

._3c-Xv {
    gap: 24px
}

._2hDPC {
    display: flex;
    gap: 12px;
    margin-top: 12px
}

._1hj9p {
    display: flex;
    flex-direction: column;
    gap: 4px
}

@media (min-width: 768px) {
    ._1hj9p {
        gap:8px
    }
}

._3iQBJ {
    margin: 0;
    padding: 0
}

._3iQBJ li {
    position: relative;
    margin: 0;
    padding-left: 20px;
    list-style: none
}

._3iQBJ li:before {
    content: "•";
    position: absolute;
    left: .25em;
    top: .1em;
    color: #777
}

._3K3Nu {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._3feDV {
    text-align: left;
    color: #1cb0f6;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700
}

._1UfCe {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center
}

._28hsj {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._28hsj::-webkit-scrollbar {
    display: none
}

._14u00 {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin: 0 0 24px
}

.opUvJ {
    margin-left: 16px;
    text-align: start;
    gap: 4px;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    .opUvJ {
        margin-left:24px
    }
}

.iX3H_ {
    gap: 8px
}

.VYudh {
    font-size: 20px;
    font-weight: 700;
    color: #4b4b4b
}

@media (min-width: 768px) {
    .VYudh {
        font-size:24px
    }
}

._1YKyL {
    color: #777
}

.TwAMB {
    color: #afafaf
}

.WA5w6 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.WA5w6::-webkit-scrollbar {
    display: none
}

._7fP6n {
    margin: 60px 0;
    display: flex;
    flex-direction: column
}

@media (min-width: 768px) {
    ._7fP6n {
        gap:24px
    }
}

._36v8J {
    margin-top: 32px
}

._2S0lI {
    color: #777;
    padding-top: 24px
}

._160Va {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._160Va::-webkit-scrollbar {
    display: none
}

.MEkkl {
    display: flex;
    justify-content: center;
    padding: 40px 0 20px;
    width: 100%;
    max-width: 343px
}

@media (min-width: 480px) {
    .MEkkl {
        max-width:600px
    }
}

@media (min-width: 768px) {
    .MEkkl {
        padding:56px 0 28px
    }
}

@media (min-width: 992px) {
    .MEkkl {
        max-width:none;
        padding: 72px 0 36px
    }
}

@media (min-width: 1280px) {
    .MEkkl {
        padding:96px 0 48px
    }
}

._1fDZq {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 32px;
    align-items: start
}

@media (min-width: 768px) {
    ._1fDZq {
        flex-direction:row;
        gap: 64px
    }
}

._11VTJ {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    flex: 1;
    text-align: center
}

@media (min-width: 768px) {
    ._11VTJ {
        gap:24px;
        text-align: left
    }
}

._2hmxU {
    width: 100%;
    padding: 0 48px
}

@media (min-width: 480px) {
    ._2hmxU {
        width:-moz-fit-content;
        width: fit-content;
        align-self: center
    }
}

@media (min-width: 768px) {
    ._2hmxU {
        align-self:self-start
    }
}

._1zskJ {
    margin-top: 12px
}

@media (min-width: 768px) {
    ._1zskJ {
        margin-top:16px
    }
}

._1D0IX {
    color: #777
}

._2YSo4 {
    flex: 1
}

._2yCh9 {
    padding-bottom: 12px
}

@media (min-width: 768px) {
    ._2yCh9 {
        padding-bottom:24px
    }
}

@media (min-width: 768px) {
    ._32Chd {
        padding:32px 0
    }
}

@media (min-width: 992px) {
    ._32Chd {
        padding:48px 0
    }
}

._3LUBh {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3LUBh::-webkit-scrollbar {
    display: none
}

._1lnw3 {
    display: flex;
    justify-content: center;
    padding-top: 48px
}

@media (min-width: 768px) {
    ._1lnw3 {
        padding-top:56px
    }
}

@media (min-width: 992px) {
    ._1lnw3 {
        padding-top:72px
    }
}

@media (min-width: 1280px) {
    ._1lnw3 {
        padding-top:96px
    }
}

._1Nums {
    text-align: center;
    font-size: 28px;
    line-height: 32px;
    text-wrap: balance;
    max-width: 750px
}

@media (min-width: 768px) {
    ._1Nums {
        font-size:32px;
        line-height: 36px
    }
}

@media (min-width: 992px) {
    ._1Nums {
        font-size:40px;
        line-height: 44px
    }
}

.u6aUE {
    align-items: center;
    display: flex;
    flex-direction: column
}

._3CwvV {
    width: 100%;
    padding: 24px 0 32px;
    justify-items: center
}

@media (min-width: 768px) {
    ._3CwvV {
        padding:32px 0
    }
}

@media (min-width: 992px) {
    ._3CwvV {
        padding:48px 0;
        width: auto
    }
}

._3J6-v {
    color: hsla(0,0%,46.7%,.7)
}

@media (min-width: 992px) {
    ._3J6-v {
        font-size:18px
    }
}

._3ub6C {
    flex: 1;
    font-size: 18px;
    line-height: 22px
}

._1gX-W {
    height: 51px;
    width: 51px
}

@media (min-width: 992px) {
    ._1gX-W {
        height:72px;
        width: 72px
    }
}

.ta8q9 {
    height: 48px;
    max-width: 343px;
    width: 100%
}

._3LcEL {
    height: 28px
}

@media (min-width: 992px) {
    ._3LcEL {
        height:32px
    }
}

.DYrVf {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.DYrVf::-webkit-scrollbar {
    display: none
}

._3XQGC {
    align-items: center;
    justify-items: center;
    display: grid;
    grid-template-areas: ". center ." "left center right" "left center right" "left center right" "left center right" "left center right" ". center .";
    grid-template-columns: fit-content(30ch) minmax(100px,1fr) minmax(80px,1fr);
    grid-template-rows: auto;
    overflow-wrap: break-word
}

@media (min-width: 768px) {
    ._3XQGC {
        grid-template-columns:1fr 1fr 1fr;
        width: 500px
    }
}

@media (min-width: 992px) {
    ._3XQGC {
        width:670px
    }
}

._13vB3 {
    border: 2px solid #e5e5e5;
    padding: 12px 12px 20px;
    row-gap: 8px
}

@media (min-width: 992px) {
    ._13vB3 {
        padding:16px 24px 36px
    }
}

.unwsb {
    border-radius: 16px 0 0 16px;
    border-right: 0;
    display: grid;
    grid-area: left;
    grid-template-areas: "header-left" "." "." "." ".";
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    text-align: left
}

._2uAOT {
    border-radius: 16px;
    box-shadow: 0 3px 0 0 #e5e5e5;
    display: grid;
    grid-area: center;
    grid-template-areas: "header-center" "header-center" "." "." "." "." ".";
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    padding: 16px 24px 8px
}

@media (min-width: 1280px) {
    ._2uAOT {
        padding:24px 24px 12px
    }
}

.Jfm1f {
    border-left: 0;
    border-radius: 0 16px 16px 0;
    display: grid;
    grid-area: right;
    grid-template-areas: "header-right" "." "." "." ".";
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
    text-align: center
}

._1Ud3I {
    grid-area: header-left
}

._2N32s {
    grid-area: header-center
}

@media (min-width: 768px) {
    ._2N32s {
        padding-bottom:12px
    }
}

.eZyVi {
    grid-area: header-right
}

.vw1Yn {
    text-align: center;
    line-height: 115%
}

._2tNM7 {
    align-items: center;
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    min-height: 48px;
    text-wrap: pretty
}

.xp-nl {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.xp-nl::-webkit-scrollbar {
    display: none
}

._3Uq6x {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    justify-content: center;
    align-items: center;
    row-gap: 12px;
    opacity: .8
}

@media (min-width: 768px) {
    ._3Uq6x {
        display:grid;
        grid-template-columns: repeat(6,1fr);
        justify-content: space-between;
        gap: 24px
    }
}

._1EOTu {
    height: 48px;
    justify-self: center;
    align-self: center
}

@media (min-width: 480px) {
    ._1EOTu {
        height:60px
    }
}

@media (min-width: 992px) {
    ._1EOTu {
        height:80px
    }
}

._3QKKp {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3QKKp::-webkit-scrollbar {
    display: none
}

._1y9fg {
    align-items: center;
    display: flex;
    flex-direction: column
}

._1udVi {
    font-size: 28px;
    line-height: 32px;
    text-wrap: balance
}

@media (min-width: 768px) {
    ._1udVi {
        font-size:32px;
        line-height: 36px
    }
}

@media (min-width: 992px) {
    ._1udVi {
        font-size:40px;
        line-height: 44px
    }
}

._1v75c {
    display: flex;
    justify-content: center;
    padding: 48px 0;
    width: 100%
}

@media (min-width: 768px) {
    ._1v75c {
        padding:56px 0
    }
}

@media (min-width: 992px) {
    ._1v75c {
        padding:72px 0
    }
}

@media (min-width: 1280px) {
    ._1v75c {
        padding:96px 0
    }
}

._1wpu1 {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 32px
}

@media (min-width: 992px) {
    ._1wpu1 {
        flex-direction:row;
        gap: 8px
    }
}

._28tMU {
    align-items: center;
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 20px
}

@media (min-width: 768px) {
    ._28tMU {
        gap:32px
    }
}

@media (min-width: 992px) {
    ._28tMU {
        align-items:flex-start;
        text-align: left;
        gap: 48px
    }
}

._3npZT {
}

._1zun3 {
    flex: 1;
    max-width: 440px;
    width: 100%
}

@media (min-width: 480px) {
    ._1zun3 {
        padding:0 24px
    }
}

@media (min-width: 768px) {
    ._1zun3 {
        padding:0
    }
}

._1E45I {
    border-radius: 12px!important
}

.g0464 {
    cursor: pointer
}

._2YUnC {
    width: 100%
}

._37iir {
    width: 248px
}

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

._2gvY9 {
    width: 100%
}

.G8UTW {
    display: flex;
    overflow: clip;
    border-radius: 4px
}

.G8UTW._8ZriP {
    background: linear-gradient(0deg,#1a5c78,#1a5c78)
}

._1Tfa2 {
    position: absolute;
    width: 48px
}

._1Tfa2._3BfdB {
    width: 200px
}

.NFY2p {
    display: flex;
    justify-content: space-between
}

.brRIH {
    color: #8c96a1
}

._1i9mL {
    width: min(90vw,150vh)
}

.g0464 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

._1aBKL {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 4px
}

._2SZp_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2SZp_::-webkit-scrollbar {
    display: none
}

._3rc0V {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    margin-top: 32px
}

._1RB8y,._30vtT {
    grid-column-start: 1;
    grid-column-end: 2;
    grid-row-start: 1;
    grid-row-end: 2
}

._1RB8y {
    display: flex;
    position: relative
}

._3_-uk {
    display: flex;
    width: -moz-fit-content;
    width: fit-content;
    padding: 12px;
    border-radius: 12px;
    border: 2px solid #e5e5e5;
    transform: translate(-50%,-100%)
}

._3_-uk,._3_-uk:before {
    position: absolute;
    background-color: #fff
}

._3_-uk:before {
    content: "";
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 2px solid #e5e5e5;
    border-right: 2px solid #e5e5e5;
    width: 10px;
    height: 10px;
    rotate: 45deg
}

._2_nq9 {
    z-index: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    gap: 2px;
    text-wrap: nowrap
}

._2Jk-d {
    font-weight: 700
}

._2aTXG {
    font-size: 14px!important
}

._1UhWX {
    width: 100%
}

._3oWwT {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3oWwT::-webkit-scrollbar {
    display: none
}

.jPgfL {
    margin: 40px 0;
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%
}

.KMJCh {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin: 44px auto
}

@media (max-width: 768px) {
    .KMJCh {
        text-align:center;
        margin: 24px auto
    }
}

.KMJCh>:first-child {
    flex: 1
}

.KMJCh>:nth-child(2) {
    flex: 2
}

._2x8em {
    width: 100%;
    max-width: 624px;
    margin: 0 auto
}

._2ikNi {
    text-align: center
}

.yv6ch {
    display: flex;
    flex-direction: column;
    gap: 36px
}

._2lAMr {
    text-align: center;
    font-weight: 400!important;
    margin-bottom: 36px;
    font-size: 14px!important
}

._233zb {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    margin-top: 64px;
    margin-bottom: 48px
}

._1B2gE {
    height: 48px;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 343px
}

._9qCO- {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._9qCO-::-webkit-scrollbar {
    display: none
}

._12q1O {
    display: flex;
    gap: 32px;
    flex-direction: column;
    margin: 24px 0 16px
}

@media (min-width: 992px) {
    ._12q1O {
        gap:72px;
        margin: 96px 0 64px
    }
}

._8wFQG {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._3Tn5N {
    height: 12px;
    width: 12px;
    cursor: pointer
}

._3rpgv {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    justify-content: space-between
}

._985Bf {
    gap: 8px
}

._2-K7g,._985Bf {
    display: flex;
    flex-direction: column;
    width: 100%
}

._2-K7g {
    align-self: center;
    gap: 32px;
    justify-self: center;
    max-width: 780px
}

.jQLKl {
    color: #777;
    margin-top: 8px
}

.MqzXT {
    width: 100%
}

@media (min-width: 992px) {
    .MqzXT {
        margin:8px 0 12px
    }
}

._3nciu {
    width: 100%
}

._2k4Gb {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center
}

@media (min-width: 768px) {
    ._2k4Gb {
        gap:24px;
        text-align: left
    }
}

._2eWaV {
    color: #1cb0f6;
    font-weight: 700;
    text-decoration: none
}

._1X69K {
    align-items: center;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 40px
}

._1_jxk {
    margin-bottom: 20px
}

._19IOt {
    color: #777;
    max-width: 400px;
    text-align: center
}

._1b4Sq {
    align-self: center;
    margin: 8px 0 -8px
}

@media (min-width: 992px) {
    ._1b4Sq {
        margin:0 0 8px
    }
}

._1mj1u {
    margin: 8px 0 0
}

._3iF0v {
    align-items: flex-start;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    text-align: left;
    width: 100%
}

@media (min-width: 992px) {
    ._3iF0v {
        gap:32px;
        padding: 40px
    }
}

._1wZPl {
    color: #777
}

._2sGN9 {
    width: 100%
}

._1GQYC {
    display: flex;
    flex-direction: row;
    gap: 8px;
    margin-top: 12px
}

._2-bqK {
    gap: 12px;
    width: 100%
}

._3yGJT {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin-top: 20px
}

@media (min-width: 992px) {
    ._3yGJT {
        margin-top:24px
    }
}

._1AvRB {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 20px 24px
}

@media (min-width: 480px) {
    ._1AvRB {
        flex-direction:row
    }
}

.n4gxx {
    align-items: flex-end
}

._1Bnu0,.n4gxx {
    display: flex;
    flex-direction: column;
    width: 100%
}

._1Bnu0 {
    gap: 12px;
    white-space: nowrap
}

@media (min-width: 480px) {
    ._1Bnu0 {
        align-items:center;
        flex-direction: row;
        gap: 16px;
        justify-content: space-between
    }
}

._1i_DY {
    letter-spacing: -.08px;
    text-align: left
}

._2dULJ {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%
}

._1rx7w {
    display: none
}

._1JGra {
    align-self: center
}

._3AW7q {
    color: #afafaf
}

._1QuPf {
    color: #ff4b4b;
    width: 100%
}

._2fsvs {
    width: 100%
}

@media (min-width: 480px) {
    ._2fsvs {
        width:auto
    }
}

._2oTqz {
    margin-top: 12px
}

.KBTzc {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.KBTzc::-webkit-scrollbar {
    display: none
}

.WMYd6 {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    -moz-column-gap: 12px;
    column-gap: 12px;
    width: 100%
}

._23XAA {
    grid-column: 1;
    grid-row: 1;
    cursor: pointer;
    align-self: center
}

._1zQ3z {
    margin: 0;
    grid-column: 2;
    grid-row: 1;
    cursor: pointer
}

.qhSGv {
    grid-column: 2;
    grid-row: 2;
    padding-top: 10px;
    width: 100%
}

.qhSGv .web-ui__InputWrapper-module--input {
    resize: none
}

._1Q3q6 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1Q3q6::-webkit-scrollbar {
    display: none
}

._18jIm {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 16px 0;
    width: 100%
}

@media (min-width: 768px) {
    ._18jIm {
        gap:48px;
        margin: 40px 0
    }
}

@media (min-width: 768px) {
    .rpk1v {
        font-size:32px;
        line-height: 36px
    }
}

._2hOSg {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 343px;
    width: 100%
}

@media (min-width: 768px) {
    ._2hOSg {
        flex-direction:row;
        gap: 24px;
        max-width: unset
    }
}

@media (min-width: 992px) {
    ._2hOSg {
        gap:32px
    }
}

._1RIru {
    align-items: center;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 8px;
    width: 100%
}

@media (min-width: 768px) {
    ._1RIru {
        gap:16px;
        padding: 20px
    }
}

._1M3Cm {
    max-width: 150px;
    width: 100%
}

@media (min-width: 480px) {
    ._1M3Cm {
        max-width:180px
    }
}

._1Xa5g,._3ppuP {
    width: 100%
}

._1Xa5g {
    border-radius: 12px;
    max-width: 343px
}

._3xARv {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3xARv::-webkit-scrollbar {
    display: none
}

._3cTGk {
    white-space: nowrap
}

._10hEt {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 40px 0 32px;
    width: 100%
}

@media (min-width: 768px) {
    ._10hEt {
        gap:96px;
        margin: 64px 0
    }
}

@media (min-width: 768px) {
    ._3MFvD {
        font-size:32px;
        line-height: 36px
    }
}

._391px {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._391px::-webkit-scrollbar {
    display: none
}

._31o3J {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 32px
}

@media (min-width: 768px) {
    .U5ooj {
        font-size:32px;
        line-height: 36px
    }
}

._2pxMh {
    color: #777
}

._1-1J9 {
    width: 100%;
    min-width: 200px;
    max-height: 300px
}

._3IyXo {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    margin-bottom: 16px
}

@media (min-width: 768px) {
    ._3IyXo {
        margin-bottom:0
    }
}

@media (min-width: 992px) {
    ._3IyXo {
        flex-direction:row
    }
}

._3CHqE {
    height: 48px;
    width: 100%;
    max-width: 343px;
    align-self: center
}

@media (min-width: 992px) {
    ._3CHqE {
        width:auto;
        padding: 10px 48px
    }
}

._29PN_ {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._29PN_::-webkit-scrollbar {
    display: none
}

._1wGPp {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 16px 0;
    width: 100%
}

@media (min-width: 768px) {
    ._1wGPp {
        gap:48px;
        margin: 0
    }
}

@media (min-width: 768px) {
    .Ccdiq {
        font-size:32px;
        line-height: 36px
    }
}

._14Wib {
    display: flex;
    flex-direction: column;
    gap: 16px;
    max-width: 343px;
    width: 100%
}

@media (min-width: 768px) {
    ._14Wib {
        flex-direction:row;
        gap: 24px;
        max-width: unset
    }
}

@media (min-width: 992px) {
    ._14Wib {
        gap:32px
    }
}

._1t8Qd {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0;
    padding: 20px;
    width: 100%
}

@media (min-width: 768px) {
    ._1t8Qd {
        gap:24px;
        padding: 24px
    }
}

._3ixXF {
    align-items: center;
    align-self: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 auto
}

._3P99U {
    height: 56px;
    width: 56px
}

@media (min-width: 992px) {
    ._3P99U {
        height:80px;
        width: 80px
    }
}

._3yT80 p {
    color: #777
}

._3eK4l {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3eK4l::-webkit-scrollbar {
    display: none
}

._14aHl {
    overflow-x: scroll;
    width: 100dvw;
    margin: 0 auto 0 -16px;
    padding: 0 16px
}

@media (min-width: 480px) {
    ._14aHl {
        margin-left:-24px;
        padding: 0 24px
    }
}

@media (min-width: 768px) {
    ._14aHl {
        margin-left:-48px;
        padding: 0 48px
    }
}

@media (min-width: 992px) {
    ._14aHl {
        margin-left:-72px;
        padding: 0 72px
    }
}

._78HgY {
    display: flex;
    gap: 16px;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width: 768px) {
    ._78HgY {
        gap:32px
    }
}

.yTlr_ {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin: 16px 0;
    width: 100%
}

@media (min-width: 768px) {
    .yTlr_ {
        gap:48px;
        margin: 40px 0
    }
}

@media (min-width: 768px) {
    ._1gLEf {
        font-size:32px;
        line-height: 36px
    }
}

._2AXof {
    max-width: 343px;
    width: 100%
}

._2qDU1,._3VQ-Z {
    width: 100%
}

._3VQ-Z {
    max-width: 360px;
    min-width: 264px
}

.MTmTN {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.MTmTN::-webkit-scrollbar {
    display: none
}

._35Y2j {
    width: 216px;
    height: 180px
}

@media (min-width: 768px) {
    ._35Y2j {
        width:516px;
        height: 320px
    }
}

.TLMg1 {
    display: flex;
    flex-direction: column;
    gap: 24px
}

.zaIKX {
    color: #777
}

._1RmEk {
    height: 48px;
    text-align: center;
    width: 100%
}

@media (min-width: 480px) {
    ._1RmEk {
        width:343px
    }
}

._2GwlA {
    margin: 24px 0 40px
}

@media (min-width: 768px) {
    ._2GwlA {
        margin-bottom:64px
    }
}

._17HOQ {
    margin: 40px 0 12px;
    text-align: center
}

@media (max-width: 768px) {
    ._17HOQ:nth-of-type(n+2) {
        margin-top:16px
    }
}

@media (min-width: 768px) {
    ._17HOQ {
        margin-top:96px
    }
}

@media (min-width: 768px) {
    ._3TCRy {
        margin-bottom:36px
    }
}

@media (min-width: 768px) {
    ._3fhoq {
        margin-bottom:4px
    }
}

._5XRyF {
    text-align: center
}

@media (min-width: 768px) {
    ._5XRyF {
        margin-top:36px
    }
}

._5XRyF a {
    font-weight: 700
}

._3eTtE {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3eTtE::-webkit-scrollbar {
    display: none
}

._3OgpS {
    display: flex;
    flex-direction: column;
    max-width: 100vw;
    width: 100%
}

._1-nVc {
    height: 100%;
    padding: 16px 0;
    margin: 0 auto;
    overflow: hidden;
    width: 100%
}

._3-8Kp {
    width: 100%;
    height: 100%;
    display: block;
    white-space: nowrap;
    transition: all .4s
}

._3r7JG {
    display: inline-block;
    width: calc(100% - 32px);
    margin: 0 16px
}

._1n7Lc {
    opacity: .2;
    cursor: pointer;
    -webkit-mask-image: linear-gradient(90deg,#fff,transparent);
    mask-image: linear-gradient(90deg,#fff,transparent)
}

._2zpUz {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 0 16px;
    border-bottom: 2px solid #f7f7f7;
    overflow-x: scroll;
    overflow-y: clip
}

@media (min-width: 992px) {
    ._2zpUz {
        justify-content:center;
        overflow-x: hidden
    }
}

._2DqvN {
    flex: 1;
    text-align: center;
    cursor: pointer;
    color: #afafaf;
    padding: 16px 16px 18px
}

@media (min-width: 992px) {
    ._2DqvN {
        max-width:120px
    }
}

._2DqvN._1-SGo {
    padding: 12px 8px 14px
}

._2DqvN._3Tn8B {
    color: #1cb0f6;
    border-bottom: 2px solid #1cb0f6;
    padding-bottom: 16px
}

._2DqvN._3Tn8B._1-SGo {
    padding-bottom: 12px
}

._16tp8 {
    display: flex;
    flex-direction: column;
    gap: 16px
}

@media (min-width: 992px) {
    ._16tp8 {
        display:none
    }
}

._2wRlO {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2wRlO::-webkit-scrollbar {
    display: none
}

._3lMLL {
    display: flex;
    padding: 4px 12px;
    justify-content: center;
    align-items: center;
    border-radius: 24px
}

.WacIw {
    border: 2px solid #e5e5e5;
    color: #777;
    background: #fff
}

.haCTm {
    color: #1cb0f6;
    border: 2px solid #84d8ff;
    background: #ddf4ff
}

._1pY2j {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
    justify-content: space-around;
    overflow-x: scroll;
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1pY2j::-webkit-scrollbar {
    display: none
}

._1RqZw {
    justify-content: flex-start;
    height: 100vh;
    height: 100dvh;
    background-color: #fff;
    padding: 12px 16px 10px
}

._1RqZw,._1ieEb {
    display: flex;
    flex-direction: column;
    align-items: center
}

._1ieEb {
    justify-content: center;
    gap: 40px;
    width: 100%;
    height: 100%
}

._32h2w {
    color: #4c4c4c
}

._2Vn2b {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px
}

._3exBP {
    width: 164px;
    height: auto
}

._1D36P {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%
}

@media (min-width: 768px) {
    ._1D36P {
        flex-direction:row;
        max-width: 100%;
        justify-content: center
    }
}

.M4Yut {
    height: 63px;
    padding: 0 24px;
    cursor: pointer;
    gap: 6px
}

._1cxyV,.M4Yut {
    display: flex;
    align-items: center
}

._1cxyV {
    justify-content: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px
}

._1cxyV img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

._1AeD1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 14px;
    line-height: 17px;
    width: 104px;
    color: #4c4c4c;
    text-align: left;
    text-transform: none;
    white-space: nowrap
}

._1AeD1 span {
    display: block
}

._3yw2D {
    font-size: 17px;
    line-height: 20px
}

@media (min-width: 768px) {
    ._1RqZw {
        padding:16px 32px 64px
    }
}

.vMf3y {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.vMf3y::-webkit-scrollbar {
    display: none
}

._2Yy7b {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: 1;
    width: 100%;
    background-color: #fff;
    height: 100%;
    overflow: auto
}

.rhalq {
    width: 100%
}

._2l2I0 {
    width: 100%;
    margin-top: 16px
}

._2l2I0 ::-webkit-input-placeholder {
    color: #afafaf!important
}

._2XeuL {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

._tLah {
    width: auto
}

.u7k8M {
    max-height: 220px;
    overflow: auto;
    margin-top: 24px;
    margin-bottom: 12px;
    text-align: center
}

.myI7x {
    text-align: center;
    font-size: 20px;
    line-height: 28px
}

._3HWTt {
    width: 100%
}

._2yTCY {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2yTCY::-webkit-scrollbar {
    display: none
}

.pUaob {
    justify-content: flex-start;
    background-color: #fff;
    height: 100%;
    overflow: auto
}

.pUaob,._11wqz {
    display: flex;
    flex-direction: column;
    width: 100%
}

._11wqz {
    align-items: center;
    gap: 5px
}

.t7ZRh {
    width: 100%
}

._3zPuq {
    margin: 24px 0 2px
}

._26eGN {
    margin: 16px 0 2px
}

._1G0Bf {
    display: flex;
    flex-direction: column
}

._2RtYr {
    width: 100%
}

._2sHJO {
    display: flex;
    align-items: center;
    gap: 12px
}

._1Ixwy {
    text-transform: none;
    letter-spacing: normal;
    font-size: 18px;
    line-height: 112.5%;
    font-weight: 400
}

.SzAd1 {
    color: #4b4b4b
}

._1IFf3 {
    color: #afafaf
}

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

._3qjy9 {
    font-weight: 800
}

.hJhP4 {
    width: 100%
}

.hJhP4 .web-ui__SelectBase-module--label:before {
    background-color: #f7f7f7;
    box-shadow: none
}

.hJhP4 .web-ui__SelectList-module--wrap {
    width: 100%
}

._1-Qx1 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1-Qx1::-webkit-scrollbar {
    display: none
}

._1FNnU {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    width: 100%
}

._32UUZ {
    width: 100%
}

._2cGUE {
    height: 100%;
    overflow: auto
}

._2cGUE,._1usXN {
    display: flex;
    flex-direction: column
}

._1usXN {
    gap: 4px;
    width: 100%;
    padding: 24px 0 10px
}

._2K9Vt {
    display: flex;
    height: 100%;
    flex-direction: column;
    gap: 10px
}

._1lV0h {
    height: 48px
}

._1lV0h ::-moz-placeholder {
    color: #afafaf
}

._1lV0h ::placeholder {
    color: #afafaf
}

.ItGfm {
    display: flex;
    flex-direction: column;
    gap: 4px
}

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

._30sCW {
    flex-direction: column
}

._1dRXu {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 0 10px
}

.z3CxS {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px
}

._30sCW {
    display: flex;
    flex-direction: row;
    width: 100%;
    gap: 5px
}

._1KURs {
    display: flex;
    align-items: center;
    gap: 12px
}

._2Hhzb {
    text-transform: none;
    letter-spacing: normal;
    font-size: 18px;
    line-height: 112.5%;
    font-weight: 400
}

.oSPrk {
    color: #4b4b4b
}

._3wt7T {
    color: #afafaf
}

._2gCLP {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 800;
    height: 10px
}

._1cevr {
    width: 33.33333%
}

._1cevr .web-ui__SelectBase-module--label:before {
    background-color: #f7f7f7;
    box-shadow: none
}

._1cevr .web-ui__SelectList-module--wrap {
    width: 100%
}

.bS_8g {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 12px;
    width: 100%
}

._1M-c1 {
    width: 100%
}

._3xE7l {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px
}

._3_Nzh {
    margin: auto
}

._22jP6 {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    width: 100%
}

._3ox9t {
    width: 100%
}

._2KO4i {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px
}

@keyframes _1j-Cr {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

._1_GYH {
    width: auto;
    animation: _1j-Cr 1s linear infinite
}

._22ta6 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._22ta6::-webkit-scrollbar {
    display: none
}

._1k6re {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    width: 100%
}

._14Ji5 {
    width: 100%
}

._3KY64 {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px
}

._2rfOi {
    color: #777;
    margin-top: -12px
}

._3lzzj {
    margin: auto
}

._8KvzY {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    width: 100%
}

._18Y3K {
    width: 100%
}

._2t5pv {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px
}

._3TSQX {
    width: auto
}

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

.Og4BB {
    visibility: hidden;
    height: 0
}

._1bart {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    width: 100%
}

._1ljUw {
    width: 100%
}

._1cuCH {
    height: 100%
}

._2DPCW {
    visibility: hidden;
    height: 0
}

.tPOF2 {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column
}

.tPOF2>iframe,._2BFdY {
    height: 100%
}

._1O-cS {
    visibility: hidden
}

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

._1zHUS {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1zHUS::-webkit-scrollbar {
    display: none
}

._15UAF {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

._3KC9- {
    width: 100%
}

._3jOzb {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px
}

._3jxhd {
    width: 100%
}

._10bEq {
    display: flex;
    justify-items: center;
    align-items: start;
    aspect-ratio: 1;
    max-width: 600px;
    max-height: 600px;
    position: relative
}

.xI6L9,._10bEq {
    width: 100%;
    border-radius: 20px
}

.xI6L9 {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    will-change: transform;
    backface-visibility: hidden
}

._2j0K_ {
    border-radius: 20px;
    clip-path: url(#photo-frame-clip);
    background-color: #afafaf;
    opacity: .5
}

._1Cd37,._3bsJl,._2j0K_ {
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%
}

._3bsJl {
    align-items: center;
    justify-content: center
}

._2GH8g {
    width: 90%;
    height: 60%;
    border: 2px solid #fff;
    border-radius: 5.555555555555555%/8.333333333333334%
}

._1-T6_ {
    display: flex;
    position: absolute;
    height: 30px;
    bottom: 10px;
    right: 10px;
    align-items: center;
    justify-content: center
}

._3Zc0s {
    height: 30px;
    z-index: 1
}

._3hvd9 {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1) translateZ(0)
}

.Ippxu {
    transform: none;
    -webkit-transform: none
}

._2MIdL {
    visibility: hidden
}

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

._1ASJX {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._1ASJX::-webkit-scrollbar {
    display: none
}

.MGFk3 {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 8px;
    width: 100%
}

._1ep5B {
    width: 100%
}

._2tNKa {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px
}

._1T1zh {
    display: grid;
    justify-items: center;
    align-items: start
}

._2a8qu {
    width: 100%;
    max-width: 500px;
    border-radius: 20px
}

.uRQZ2 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.uRQZ2::-webkit-scrollbar {
    display: none
}

._2yZso {
    width: 100%
}

._3huYj {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 20px
}

._1Tkq9 {
    width: auto
}

._3AZ34 {
    font-size: 16px;
    color: #777;
    text-align: center;
    line-height: 150%
}

._26zet {
    display: flex;
    height: 100dvh;
    background-color: #fff
}

._1f3ZZ {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 0 16px;
    height: 100%
}

.WVl0K {
    text-align: center
}

._2APl4 {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._2APl4::-webkit-scrollbar {
    display: none
}

._1Conf {
    height: 100vh;
    height: 100dvh;
    width: 100vw;
    width: 100dvw;
    padding: var(--safe-area-inset-top,0) var(--safe-area-inset-right,0) var(--safe-area-inset-bottom,0) var(--safe-area-inset-left,0);
    display: flex;
    flex-direction: column;
    background-color: #fff
}

._20R7X {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex: 1;
    gap: 40px;
    width: 100%;
    padding: 16px 24px 0;
    overflow: auto
}

@media (orientation: landscape) {
    ._20R7X {
        display:grid;
        grid-template-areas: "image text" "image cta";
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr min-content;
        overflow: hidden
    }
}

._8r2i1 {
    height: 72px;
    width: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    position: absolute;
    left: 0;
    top: 0
}

._8r2i1._3hLkp {
    visibility: hidden;
    pointer-events: none
}

._1d4iB {
    font-size: 24px;
    min-height: 92px;
    display: flex;
    flex-direction: column;
    margin-right: auto
}

@media (orientation: landscape) {
    ._1d4iB {
        grid-area:text;
        width: 100%;
        height: 100%;
        overflow: scroll;
        justify-content: safe center;
        text-align: center
    }
}

._2OkPr {
    flex: 3;
    text-align: center;
    font-size: 24px;
    display: flex;
    flex-direction: column;
    margin-right: auto;
    gap: 16px
}

@media (orientation: landscape) {
    ._2OkPr {
        grid-area:text;
        width: 100%;
        height: 100%;
        overflow: scroll;
        justify-content: safe center
    }
}

._2OkPr._9HJy5 {
    font-size: 24px
}

._2OkPr._32kn5 {
    font-size: 16px
}

._2OkPr._3EI1y {
    flex: 4
}

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

._1R3CB._3GJ7r {
    align-items: flex-end
}

@media (orientation: landscape) {
    ._1R3CB {
        grid-area:image;
        height: 80%;
        align-items: flex-start
    }
}

._21zUB {
    width: 100%
}

._1wxBf {
    width: 100%;
    position: sticky;
    bottom: 24px
}

@media (orientation: landscape) {
    ._1wxBf {
        grid-area:cta
    }
}

._2YtpL {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%!important;
    height: 100%!important;
    transform: scale(var(--camera-crop-scale));
    background-color: #eaeaea
}

@media (orientation: landscape) {
    ._2YtpL {
        border-radius:12px 12px 0 0
    }
}

.-PTTX {
    width: 100%;
    aspect-ratio: 1;
    -o-object-fit: cover;
    object-fit: cover;
    display: flex;
    border-radius: 12px;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index: 0
}

@media (orientation: landscape) {
    .-PTTX {
        grid-area:image;
        height: 100%;
        align-items: flex-end;
        border-radius: 12px 12px 0 0
    }
}

._3VkNe {
    display: flex;
    flex-direction: column;
    margin-right: auto;
    gap: 24px
}

@media (orientation: landscape) {
    ._3VkNe {
        grid-area:text;
        height: 100%;
        width: 100%;
        overflow: scroll;
        text-align: center;
        justify-content: safe center
    }
}

._1dkKz {
    font-size: 24px
}

._3yR8u {
    flex: 1;
    width: 100%;
    font-size: 20px
}

._1u1_B {
    width: 24px;
    height: 24px;
    background-color: #1cb0f6;
    border-radius: 50%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 14px;
    font-weight: 700
}

.gtU_s {
    margin-left: -3px
}

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

@media (orientation: landscape) {
    ._2_SXU {
        grid-area:image;
        height: 100%;
        align-items: flex-end
    }
}

._1IBQP {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1;
    min-width: 264px
}

@media (orientation: landscape) {
    ._1IBQP {
        grid-area:image
    }
}

._1uUxw {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #d3d3d3;
    border-radius: 24px;
    background-color: #f9fafb;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: calc(100% - 40px);
    max-width: 500px
}

@media (orientation: landscape) {
    ._1uUxw {
        top:0;
        left: 0;
        position: relative;
        transform: none
    }
}

._27A0c {
    text-align: left;
    color: grey
}

._3dY9i {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    padding: 20px 24px 0 20px;
    flex: 2
}

._211ac {
    display: flex;
    padding: 24px;
    color: #1cb0f6
}

.v6M8b {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    flex: 1;
    position: relative
}

._211ac._2or65 {
    color: grey
}

._3Amyt {
    width: 100%
}

._3P52y {
    width: 100%;
    position: sticky;
    bottom: 16px
}

@media (orientation: landscape) {
    ._3P52y {
        grid-area:cta
    }
}

._1fs3g {
    position: relative;
    display: inline-block
}

.o2AvU {
    position: absolute;
    top: calc(100% + 16px);
    right: calc(50% - 12px)
}

._3-fE6 {
    width: 24px;
    height: 24px
}

._3lNRn {
    scrollbar-width: none;
    -ms-overflow-style: none
}

._3lNRn::-webkit-scrollbar {
    display: none
}

._3lv4Q {
    display: flex;
    gap: 32px;
    flex-direction: column;
    margin: 24px 0 16px;
    width: 100%
}

@media (min-width: 992px) {
    ._3lv4Q {
        gap:72px;
        margin: 96px 0 64px
    }
}

._3RJOk {
    display: flex;
    flex-direction: column;
    gap: 12px
}

._2KVgG {
    height: 12px;
    width: 12px;
    cursor: pointer
}

._1qycH {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    justify-content: space-between
}

._14pxl {
    display: flex;
    flex-direction: column;
    gap: 8px
}

._1lJp4 {
    align-self: center;
    display: flex;
    flex-direction: column;
    gap: 32px;
    justify-self: center;
    max-width: 780px;
    width: 100%
}

._152lD {
    color: #777;
    margin-top: 8px
}

.oRcSl {
    display: flex;
    flex-direction: column;
    gap: 12px;
    text-align: center
}

@media (min-width: 768px) {
    .oRcSl {
        gap:24px;
        text-align: left
    }
}

.zRn3c {
    color: #1cb0f6;
    font-weight: 700;
    text-decoration: none
}

._1ZWkP {
    align-items: center;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 40px
}

.M0nd- {
    margin-bottom: 20px
}

._10En_ {
    color: #777;
    max-width: 400px;
    text-align: center
}

._3GItj {
    margin: 8px 0 0
}

._2Efgu {
    align-self: center;
    margin: 8px 0 -8px
}

@media (min-width: 992px) {
    ._2Efgu {
        margin:0 0 8px
    }
}

._3JWMR {
    align-items: flex-start;
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 16px;
    text-align: left;
    width: 100%
}

@media (min-width: 992px) {
    ._3JWMR {
        gap:32px;
        padding: 40px
    }
}

._2MF6i {
    width: 100%
}

._2oWCt {
    color: #777
}

._2-a2u {
    margin-top: 12px;
    width: 100%
}

._1hoZk {
    color: #ffb2b2;
    font-size: 14px;
    margin-top: 4px
}

.yToXU {
    border: 2px solid #e5e5e5;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    padding: 20px 24px
}

@media (min-width: 480px) {
    .yToXU {
        flex-direction:row
    }
}

._1e81- {
    align-items: flex-end
}

._1mJGD,._1e81- {
    display: flex;
    flex-direction: column;
    width: 100%
}

._1mJGD {
    gap: 12px;
    white-space: nowrap
}

@media (min-width: 480px) {
    ._1mJGD {
        align-items:center;
        flex-direction: row;
        gap: 16px;
        justify-content: space-between
    }
}

._1mJGD._32Qjt {
    opacity: .5;
    pointer-events: none
}

._3suw6 {
    display: none
}

._27zlL {
    color: #afafaf
}

._3ZFve {
    width: 100%
}

@media (min-width: 480px) {
    ._3ZFve {
        width:auto
    }
}

._7CLOG {
    margin-top: 12px;
    width: 100%
}

._3Skcr {
    padding-top: 8px;
    width: 100%
}

._3Skcr .web-ui__InputWrapper-module--input {
    resize: none
}

.ZqsIE {
    list-style-type: disc!important
}

._1-R1I {
    margin: 8px 0 0 20px!important
}

._1wcR_ {
    height: 100vh
}

._1KpCe {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

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: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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: baseline
}

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
}

.popup-content {
    margin: auto;
    background: #fff;
    width: 50%;
    padding: 5px;
    border: 1px solid #d7d7d7
}

[role=tooltip].popup-content {
    width: 200px;
    box-shadow: 0 0 3px rgba(0,0,0,.16);
    border-radius: 5px
}

.popup-overlay {
    background: rgba(0,0,0,.5)
}

[data-popup=tooltip].popup-overlay {
    background: transparent
}

.popup-arrow {
    filter: drop-shadow(0 -3px 3px rgba(0,0,0,.16));
    color: #fff;
    stroke-width: 2px;
    stroke: #d7d7d7;
    stroke-dasharray: 30px;
    stroke-dashoffset: -54px
}

:root {
    --text-pageTitle-casing-large: none;
    --text-pageTitle-letter-spacing-large: 0;
    --text-pageTitle-line-height-large: 44px;
    --text-pageTitle-size-large: 40px;
    --text-pageTitle-weight-large: 700;
    --text-pageTitle-casing-small: none;
    --text-pageTitle-letter-spacing-small: 0;
    --text-pageTitle-line-height-small: 36px;
    --text-pageTitle-size-small: 32px;
    --text-pageTitle-weight-small: 700;
    --text-heading-casing-large: none;
    --text-heading-letter-spacing-large: 0;
    --text-heading-line-height-large: 32px;
    --text-heading-size-large: 28px;
    --text-heading-weight-large: 700;
    --text-heading-casing-medium: none;
    --text-heading-letter-spacing-medium: 0;
    --text-heading-line-height-medium: 32px;
    --text-heading-size-medium: 24px;
    --text-heading-weight-medium: 700;
    --text-heading-casing-small: none;
    --text-heading-letter-spacing-small: 0;
    --text-heading-line-height-small: 24px;
    --text-heading-size-small: 20px;
    --text-heading-weight-small: 700;
    --text-heading-casing-xsmall: none;
    --text-heading-letter-spacing-xsmall: 0;
    --text-heading-line-height-xsmall: 20px;
    --text-heading-size-xsmall: 16px;
    --text-heading-weight-xsmall: 700;
    --text-heading-line-height-xxsmall: 16px;
    --text-heading-size-xxsmall: 14px;
    --text-heading-weight-xxsmall: 700;
    --text-body-casing: none;
    --text-body-letter-spacing: 0;
    --text-body-line-height: 28px;
    --text-body-size: 20px;
    --text-body-weight: 500;
    --text-body-weight-bold: 700;
    --text-body-casing-spacious: none;
    --text-body-letter-spacing-spacious: 0;
    --text-body-line-height-spacious: 32px;
    --text-body-size-spacious: 20px;
    --text-body-weight-spacious: 500;
    --text-body-weight-spacious-bold: 700;
    --text-caption-casing: none;
    --text-caption-letter-spacing: 0;
    --text-caption-line-height: 24px;
    --text-caption-size: 16px;
    --text-caption-weight: 500;
    --text-caption-weight-bold: 700;
    --text-label-casing-large: uppercase;
    --text-label-letter-spacing-large: 0.04em;
    --text-label-line-height-large: 24px;
    --text-label-size-large: 24px;
    --text-label-weight-large: 700;
    --text-label-casing-medium: uppercase;
    --text-label-letter-spacing-medium: 0.04em;
    --text-label-line-height-medium: 16px;
    --text-label-size-medium: 16px;
    --text-label-weight-medium: 700;
    --text-label-casing-small: uppercase;
    --text-label-letter-spacing-small: 0.04em;
    --text-label-line-height-small: 16px;
    --text-label-size-small: 13px;
    --text-label-weight-small: 700
}

@font-face {
    font-display: swap;
    font-family: din-round;
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/din/DINNextRoundedLTPro-Regular.woff2) format("woff2"),url(../fonts/din/DINNextRoundedLTPro-Regular.woff) format("woff")
}

@font-face {
    font-display: swap;
    font-family: din-round;
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/din/DINNextRoundedLTPro-Bold.woff2) format("woff2"),url(../fonts/din/DINNextRoundedLTPro-Bold.woff) format("woff")
}

* {
    -moz-osx-font-smoothing: grayscale
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
    display: block
}

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

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

body {
    margin: 0;
    padding: 0
}

a:focus {
    outline: thin dotted
}

a:active,a:hover {
    outline: 0
}

a[aria-disabled=true] {
    color: #cfcfcf;
    cursor: not-allowed
}

h1 {
    font-size: 2em
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

code,kbd,pre,samp {
    font-family: monospace,serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

ol:not(.ignore-global-stylings),ul:not(.ignore-global-stylings) {
    margin: 0;
    padding: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button,input,select,textarea {
    font-family: inherit;
    font-size: 100%;
    margin: 0
}

button,input {
    line-height: normal
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse
}

.no-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

*,:after,:before {
    outline: none
}

html {
    height: auto
}

body {
    color: #4c4c4c;
    font: 500 16px/1.25 din-round,sans-serif;
    -webkit-font-smoothing: antialiased;
    background-color: #fff
}

@media (min-width: 768px) {
    body {
        background:#ffff
    }
}

body::backdrop {
    background: #ffff
}

a {
    color: #777;
    text-decoration: none
}

a:focus {
    outline: none
}

ol:not(.ignore-global-stylings),ul:not(.ignore-global-stylings) {
    list-style: none
}

li:not(.ignore-global-stylings) {
    list-style-type: none
}

iframe {
    border: none
}

button {
    cursor: pointer;
    -webkit-font-smoothing: antialiased
}

select {
    background-color: initial
}

table {
    max-width: 100%;
    border-collapse: separate;
    border-spacing: 0
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: flex!important
}

.d-inline-flex {
    display: inline-flex!important
}

@media (min-width: 768px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: flex!important
    }

    .d-sm-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1024px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: flex!important
    }

    .d-md-inline-flex {
        display: inline-flex!important
    }
}

@media (min-width: 1440px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: flex!important
    }

    .d-lg-inline-flex {
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: flex!important
    }

    .d-print-inline-flex {
        display: inline-flex!important
    }
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.left {
    float: left
}

html[dir=rtl] .left {
    float: left;
    float: right
}

.right {
    float: right
}

html[dir=rtl] .right {
    float: right;
    float: left
}

.clearfix {
    *zoom:1}

.clearfix:after,.clearfix:before {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.relative {
    position: relative
}

.error {
    color: #e53838
}

.flex-container {
    display: flex
}

.flex-item {
    flex: 0 1 auto
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.dl-menuwrapper {
    width: 100%;
    max-width: 300px
}

.dl-menuwrapper ul {
    padding: 0;
    list-style: none;
    transform-style: preserve-3d
}

.dl-menuwrapper li {
    position: relative
}

.dl-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    outline: none;
    white-space: nowrap
}

.dl-menuwrapper li a img {
    vertical-align: middle
}

.dl-menuwrapper li.dl-back:after,.dl-menuwrapper li>a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\25ba"
}

.dl-menuwrapper li>a:after {
    right: 10px;
    color: rgba(0,0,0,.15)
}

.dl-menuwrapper li.dl-back:after {
    left: 10px;
    color: rgba(0,0,0,.15);
    transform: rotate(180deg)
}

.dl-menuwrapper .dl-menu {
    margin: 5px 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    transform: translateY(10px);
    backface-visibility: hidden
}

.dl-menuwrapper .dl-menu.dl-menu-toggle {
    transition: all .3s ease
}

.dl-menuwrapper .dl-menu.dl-menuopen {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0)
}

.dl-menuwrapper .dl-menu.dl-subview li.dl-subview,.dl-menuwrapper .dl-menu.dl-subview li.dl-subview .dl-submenu,.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen,.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu,.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen>.dl-submenu>li {
    display: block
}

.dl-menuwrapper .dl-menu .desktop-only-icon,.dl-menuwrapper .dl-menu.dl-subview li,.dl-menuwrapper .dl-menu.dl-subview li.dl-subview>a,.dl-menuwrapper .dl-menu.dl-subview li.dl-subviewopen>a,.dl-menuwrapper .dl-menu li .dl-submenu {
    display: none
}

.dl-menuwrapper .dl-menu .mobile-only-text {
    vertical-align: middle
}

.dl-menuwrapper>.dl-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0
}

@media (min-width: 1320px) {
    .dl-menuwrapper>.dl-menu.dl-subview>li,.dl-menuwrapper>.dl-menu.dl-subview>li.dl-subview>a,.dl-menuwrapper>.dl-menu.dl-subview>li.dl-subviewopen>a {
        display:block
    }

    .dl-menuwrapper>.dl-menu.dl-subview>li>ul.dl-submenu>li.dl-back {
        display: none
    }

    .dl-menuwrapper>.dl-menu>li>a:not(:only-child):after {
        content: ""
    }

    .dl-menuwrapper>.dl-menu .mobile-only-text {
        display: none
    }

    .dl-menuwrapper>.dl-menu .desktop-only-icon {
        display: inline-block
    }

    .dl-menuwrapper .dl-submenu {
        padding: 10px 0;
        background-color: #fff;
        border-radius: .25rem;
        box-shadow: 0 2px 15px rgba(0,0,0,.2);
        max-height: 75vh;
        overflow: auto
    }

    .dl-menuwrapper .dl-submenu-two-columns {
        right: 0;
        column-count: 2;
        -moz-column-count: 2;
        -webkit-column-count: 2;
        padding-top: 55px
    }

    .dl-menuwrapper .dl-submenu-two-columns:before {
        content: attr(data-content);
        display: block;
        width: calc(100% - 24px);
        padding: 6px 6px 18px;
        border-bottom: 1px solid #e5e5e5;
        position: absolute;
        top: 12px;
        left: 12px;
        font-size: 16px;
        font-weight: 700
    }

    .dl-menuwrapper .dl-subviewopen>ul {
        position: absolute
    }
}

.dl-menuwrapper .dl-menu.dl-animate-out-5 {
    animation: MenuAnimOut5 .4s ease
}

@keyframes MenuAnimOut5 {
    to {
        transform: translateY(40%);
        opacity: 0
    }
}

.dl-menuwrapper .dl-menu.dl-animate-in-5 {
    animation: MenuAnimIn5 .4s ease
}

@keyframes MenuAnimIn5 {
    0% {
        transform: translateY(40%);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.dl-menuwrapper>.dl-submenu.dl-animate-in-5 {
    animation: SubMenuAnimIn5 .4s ease
}

@keyframes SubMenuAnimIn5 {
    0% {
        transform: translateZ(-200px);
        opacity: 0
    }

    to {
        transform: translateZ(0);
        opacity: 1
    }
}

.dl-menuwrapper>.dl-submenu.dl-animate-out-5 {
    animation: SubMenuAnimOut5 .4s ease
}

@keyframes SubMenuAnimOut5 {
    0% {
        transform: translateZ(0);
        opacity: 1
    }

    to {
        transform: translateZ(-200px);
        opacity: 0
    }
}

.btn {
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    line-height: 20px;
    font-weight: 700;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    border-radius: .25rem;
    min-height: 44px
}

.btn:focus,.btn:hover {
    text-decoration: none
}

.btn.active,.btn:active {
    outline: 0;
    background-image: none
}

.btn.disabled,.btn[disabled],fieldset[disabled] .btn {
    cursor: not-allowed;
    pointer-events: none;
    background: #d6d6d6;
    border: 1px solid #d6d6d6;
    color: #fff;
    box-shadow: none
}

.hidden {
    display: none
}

.invisible {
    height: 1px;
    position: absolute!important;
    visibility: hidden;
    width: 1px
}

.center {
    text-align: center
}

.grey-select {
    border: 2px solid #ddd;
    border-radius: .25rem;
    box-shadow: none;
    display: inline-block;
    margin-right: 8px;
    padding: 2px;
    vertical-align: middle;
    position: relative
}

.grey-select:hover {
    cursor: pointer
}

.grey-select:active,.grey-select:hover:active {
    border-color: #fa811b
}

.grey-select:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-image: url(../images/icon-sprite.svg);
    background-position: 0 -78px;
    width: 14px;
    height: 8px;
    pointer-events: none;
    right: 10px
}

.mirrored {
    transform: rotateY(180deg)
}

.underlined {
    text-decoration: underline
}

a.disabled {
    pointer-events: none
}

@media screen and (max-width: 1439px) {
    .display-gt-large {
        display:none!important
    }
}

@media (min-width: 1440px),not screen {
    .display-lt-large {
        display:none!important
    }
}

@media screen and (max-width: 1023px) {
    .display-gt-medium {
        display:none!important
    }
}

@media (min-width: 1024px),not screen {
    .display-lt-medium {
        display:none!important
    }
}

@media screen and (max-width: 767px) {
    .display-gt-small {
        display:none!important
    }
}

@media (min-width: 768px),not screen {
    .display-lt-small {
        display:none!important
    }
}

@media screen and (max-width: 319px) {
    .display-gt-tiny {
        display:none!important
    }
}

@media (min-width: 320px),not screen {
    .display-lt-tiny {
        display:none!important
    }
}

.text-heavy {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase
}

.text-gray-dark {
    color: #4c4c4c
}

.text-gray-dark:enabled:hover,.text-gray-dark:link:hover,.text-gray-dark:visited:hover {
    color: #707070
}

.text-gray-dark:enabled:active,.text-gray-dark:enabled:focus,.text-gray-dark:link:active,.text-gray-dark:link:focus,.text-gray-dark:visited:active,.text-gray-dark:visited:focus {
    color: #444
}

.text-gray-dark:disabled {
    color: #afafaf
}

.text-gray-medium {
    color: #777
}

.text-gray-medium:enabled:hover,.text-gray-medium:link:hover,.text-gray-medium:visited:hover {
    color: #929292
}

.text-gray-medium:enabled:active,.text-gray-medium:enabled:focus,.text-gray-medium:link:active,.text-gray-medium:link:focus,.text-gray-medium:visited:active,.text-gray-medium:visited:focus {
    color: #6b6b6b
}

.text-gray-medium:disabled {
    color: #afafaf
}

.text-gray-medium-light {
    color: #979797
}

.text-gray-medium-light:enabled:hover,.text-gray-medium-light:link:hover,.text-gray-medium-light:visited:hover {
    color: #acacac
}

.text-gray-medium-light:enabled:active,.text-gray-medium-light:enabled:focus,.text-gray-medium-light:link:active,.text-gray-medium-light:link:focus,.text-gray-medium-light:visited:active,.text-gray-medium-light:visited:focus {
    color: #888
}

.text-gray-medium-light:disabled {
    color: #afafaf
}

.text-gray-light {
    color: #cfcfcf
}

.text-gray-light:enabled:hover,.text-gray-light:link:hover,.text-gray-light:visited:hover {
    color: #d9d9d9
}

.text-gray-light:enabled:active,.text-gray-light:enabled:focus,.text-gray-light:link:active,.text-gray-light:link:focus,.text-gray-light:visited:active,.text-gray-light:visited:focus {
    color: #bababa
}

.text-gray-light:disabled {
    color: #afafaf
}

.text-white,.text-white:enabled:hover,.text-white:link:hover,.text-white:visited:hover {
    color: #fff
}

.text-white:enabled:active,.text-white:enabled:focus,.text-white:link:active,.text-white:link:focus,.text-white:visited:active,.text-white:visited:focus {
    color: #e6e6e6
}

.text-white:disabled {
    color: #afafaf
}

.text-gold {
    color: #fa811b
}

.text-gold:enabled:hover,.text-gold:link:hover,.text-gold:visited:hover {
    color: #fb9a49
}

.text-gold:enabled:active,.text-gold:enabled:focus,.text-gold:link:active,.text-gold:link:focus,.text-gold:visited:active,.text-gold:visited:focus {
    color: #e17418
}

.text-gold:disabled {
    color: #afafaf
}

.text-gold-mid {
    color: #faa918
}

.text-gold-mid:enabled:hover,.text-gold-mid:link:hover,.text-gold-mid:visited:hover {
    color: #fbba46
}

.text-gold-mid:enabled:active,.text-gold-mid:enabled:focus,.text-gold-mid:link:active,.text-gold-mid:link:focus,.text-gold-mid:visited:active,.text-gold-mid:visited:focus {
    color: #e19816
}

.text-gold-mid:disabled {
    color: #afafaf
}

.text-redesign-blue3 {
    color: #2285d0
}

.text-redesign-blue3:enabled:hover,.text-redesign-blue3:link:hover,.text-redesign-blue3:visited:hover {
    color: #4e9dd9
}

.text-redesign-blue3:enabled:active,.text-redesign-blue3:enabled:focus,.text-redesign-blue3:link:active,.text-redesign-blue3:link:focus,.text-redesign-blue3:visited:active,.text-redesign-blue3:visited:focus {
    color: #1f78bb
}

.text-redesign-blue3:disabled {
    color: #afafaf
}

.text-redesign-blue4 {
    color: #3c5d87
}

.text-redesign-blue4:enabled:hover,.text-redesign-blue4:link:hover,.text-redesign-blue4:visited:hover {
    color: #637d9f
}

.text-redesign-blue4:enabled:active,.text-redesign-blue4:enabled:focus,.text-redesign-blue4:link:active,.text-redesign-blue4:link:focus,.text-redesign-blue4:visited:active,.text-redesign-blue4:visited:focus {
    color: #36547a
}

.text-redesign-blue4:disabled {
    color: #afafaf
}

.text-redesign-gray8 {
    color: #3d4d5c
}

.text-redesign-gray8:enabled:hover,.text-redesign-gray8:link:hover,.text-redesign-gray8:visited:hover {
    color: #64717d
}

.text-redesign-gray8:enabled:active,.text-redesign-gray8:enabled:focus,.text-redesign-gray8:link:active,.text-redesign-gray8:link:focus,.text-redesign-gray8:visited:active,.text-redesign-gray8:visited:focus {
    color: #374553
}

.text-redesign-gray8:disabled {
    color: #afafaf
}

.border-radius-tiny {
    border-radius: .125rem
}

.border-radius-small {
    border-radius: .25rem
}

.border-radius-medium {
    border-radius: .5rem
}

.border-width-tiny {
    border-width: 1px
}

.border-width-small {
    border-width: 2px
}

.border-gray-dark {
    border-style: solid;
    border-color: #4c4c4c
}

.border-gray-dark:enabled:hover,.border-gray-dark:link:hover,.border-gray-dark:visited:hover {
    border-color: #707070
}

.border-gray-dark:enabled:active,.border-gray-dark:enabled:focus,.border-gray-dark:link:active,.border-gray-dark:link:focus,.border-gray-dark:visited:active,.border-gray-dark:visited:focus {
    border-color: #444
}

.border-gray-dark:disabled {
    border-color: #afafaf
}

.border-gray-medium {
    border-style: solid;
    border-color: #777
}

.border-gray-medium:enabled:hover,.border-gray-medium:link:hover,.border-gray-medium:visited:hover {
    border-color: #929292
}

.border-gray-medium:enabled:active,.border-gray-medium:enabled:focus,.border-gray-medium:link:active,.border-gray-medium:link:focus,.border-gray-medium:visited:active,.border-gray-medium:visited:focus {
    border-color: #6b6b6b
}

.border-gray-medium:disabled {
    border-color: #afafaf
}

.border-gray-light {
    border-style: solid;
    border-color: #cfcfcf
}

.border-gray-light:enabled:hover,.border-gray-light:link:hover,.border-gray-light:visited:hover {
    border-color: #d9d9d9
}

.border-gray-light:enabled:active,.border-gray-light:enabled:focus,.border-gray-light:link:active,.border-gray-light:link:focus,.border-gray-light:visited:active,.border-gray-light:visited:focus {
    border-color: #bababa
}

.border-gray-light:disabled {
    border-color: #afafaf
}

.border-gold {
    border-style: solid;
    border-color: #fa811b
}

.border-gold:enabled:hover,.border-gold:link:hover,.border-gold:visited:hover {
    border-color: #fb9a49
}

.border-gold:enabled:active,.border-gold:enabled:focus,.border-gold:link:active,.border-gold:link:focus,.border-gold:visited:active,.border-gold:visited:focus {
    border-color: #e17418
}

.border-gold:disabled {
    border-color: #afafaf
}

.border-transparent {
    border-style: solid
}

.border-transparent,.border-transparent:disabled,.border-transparent:enabled:active,.border-transparent:enabled:focus,.border-transparent:enabled:hover,.border-transparent:link:active,.border-transparent:link:focus,.border-transparent:link:hover,.border-transparent:visited:active,.border-transparent:visited:focus,.border-transparent:visited:hover {
    border-color: transparent
}

.border-current {
    border-style: solid
}

.border-current,.border-current:disabled,.border-current:enabled:active,.border-current:enabled:focus,.border-current:enabled:hover,.border-current:link:active,.border-current:link:focus,.border-current:link:hover,.border-current:visited:active,.border-current:visited:focus,.border-current:visited:hover {
    border-color: currentColor
}

.border-redesign-blue2 {
    border: 1px solid #1cb0f6
}

.border-redesign-blue2:enabled:hover,.border-redesign-blue2:link:hover,.border-redesign-blue2:visited:hover {
    border-color: #49c0f8
}

.border-redesign-blue2:enabled:active,.border-redesign-blue2:enabled:focus,.border-redesign-blue2:link:active,.border-redesign-blue2:link:focus,.border-redesign-blue2:visited:active,.border-redesign-blue2:visited:focus {
    border-color: #199edd
}

.border-redesign-blue2:disabled {
    border-color: #afafaf
}

.border-redesign-blue4 {
    border: 1px solid #3c5d87
}

.border-redesign-blue4:enabled:hover,.border-redesign-blue4:link:hover,.border-redesign-blue4:visited:hover {
    border-color: #637d9f
}

.border-redesign-blue4:enabled:active,.border-redesign-blue4:enabled:focus,.border-redesign-blue4:link:active,.border-redesign-blue4:link:focus,.border-redesign-blue4:visited:active,.border-redesign-blue4:visited:focus {
    border-color: #36547a
}

.border-redesign-blue4:disabled {
    border-color: #afafaf
}

.border-redesign-gray4 {
    border-style: solid;
    border-color: #cacfd3
}

.border-redesign-gray4:enabled:hover,.border-redesign-gray4:link:hover,.border-redesign-gray4:visited:hover {
    border-color: #d5d9dc
}

.border-redesign-gray4:enabled:active,.border-redesign-gray4:enabled:focus,.border-redesign-gray4:link:active,.border-redesign-gray4:link:focus,.border-redesign-gray4:visited:active,.border-redesign-gray4:visited:focus {
    border-color: #b6babe
}

.border-redesign-gray4:disabled {
    border-color: #afafaf
}

.bg-gray-dark {
    background-color: #4c4c4c
}

.bg-gray-dark:enabled:hover,.bg-gray-dark:link:hover,.bg-gray-dark:visited:hover {
    background-color: #707070
}

.bg-gray-dark:enabled:active,.bg-gray-dark:enabled:focus,.bg-gray-dark:link:active,.bg-gray-dark:link:focus,.bg-gray-dark:visited:active,.bg-gray-dark:visited:focus {
    background-color: #444
}

.bg-gray-dark:disabled {
    background-color: #ddd
}

.bg-white,.bg-white:enabled:hover,.bg-white:link:hover,.bg-white:visited:hover {
    background-color: #fff
}

.bg-white:enabled:active,.bg-white:enabled:focus,.bg-white:link:active,.bg-white:link:focus,.bg-white:visited:active,.bg-white:visited:focus {
    background-color: #e6e6e6
}

.bg-white:disabled {
    background-color: #ddd
}

.bg-blue {
    background-color: #1caff6
}

.bg-blue:enabled:hover,.bg-blue:link:hover,.bg-blue:visited:hover {
    background-color: #49bff8
}

.bg-blue:enabled:active,.bg-blue:enabled:focus,.bg-blue:link:active,.bg-blue:link:focus,.bg-blue:visited:active,.bg-blue:visited:focus {
    background-color: #199edd
}

.bg-blue:disabled {
    background-color: #ddd
}

.bg-gold {
    background-color: #fa811b
}

.bg-gold:enabled:hover,.bg-gold:link:hover,.bg-gold:visited:hover {
    background-color: #fb9a49
}

.bg-gold:enabled:active,.bg-gold:enabled:focus,.bg-gold:link:active,.bg-gold:link:focus,.bg-gold:visited:active,.bg-gold:visited:focus {
    background-color: #e17418
}

.bg-gold:disabled {
    background-color: #ddd
}

.bg-red {
    background-color: #e53838
}

.bg-red:enabled:hover,.bg-red:link:hover,.bg-red:visited:hover {
    background-color: #ea6060
}

.bg-red:enabled:active,.bg-red:enabled:focus,.bg-red:link:active,.bg-red:link:focus,.bg-red:visited:active,.bg-red:visited:focus {
    background-color: #ce3232
}

.bg-red:disabled {
    background-color: #ddd
}

.bg-transparent,.bg-transparent:disabled,.bg-transparent:enabled:active,.bg-transparent:enabled:focus,.bg-transparent:enabled:hover,.bg-transparent:link:active,.bg-transparent:link:focus,.bg-transparent:link:hover,.bg-transparent:visited:active,.bg-transparent:visited:focus,.bg-transparent:visited:hover {
    background-color: transparent
}

.bg-current,.bg-current:disabled,.bg-current:enabled:active,.bg-current:enabled:focus,.bg-current:enabled:hover,.bg-current:link:active,.bg-current:link:focus,.bg-current:link:hover,.bg-current:visited:active,.bg-current:visited:focus,.bg-current:visited:hover {
    background-color: currentColor
}

.bg-redesign-blue0 {
    background-color: #f0faff
}

.bg-redesign-blue0:enabled:hover,.bg-redesign-blue0:link:hover,.bg-redesign-blue0:visited:hover {
    background-color: #f3fbff
}

.bg-redesign-blue0:enabled:active,.bg-redesign-blue0:enabled:focus,.bg-redesign-blue0:link:active,.bg-redesign-blue0:link:focus,.bg-redesign-blue0:visited:active,.bg-redesign-blue0:visited:focus {
    background-color: #d8e1e6
}

.bg-redesign-blue0:disabled {
    background-color: #ddd
}

.bg-redesign-blue4 {
    background-color: #3c5d87;
    color: #fff
}

.bg-redesign-blue4:enabled:hover,.bg-redesign-blue4:link:hover,.bg-redesign-blue4:visited:hover {
    background-color: #637d9f
}

.bg-redesign-blue4:enabled:active,.bg-redesign-blue4:enabled:focus,.bg-redesign-blue4:link:active,.bg-redesign-blue4:link:focus,.bg-redesign-blue4:visited:active,.bg-redesign-blue4:visited:focus {
    background-color: #36547a
}

.bg-redesign-blue4:disabled {
    background-color: #f1f4f6
}

.bg-redesign-blue4:enabled:hover,.bg-redesign-blue4:link:hover,.bg-redesign-blue4:visited:hover {
    color: #fff
}

.bg-redesign-blue4:enabled:active,.bg-redesign-blue4:enabled:focus,.bg-redesign-blue4:link:active,.bg-redesign-blue4:link:focus,.bg-redesign-blue4:visited:active,.bg-redesign-blue4:visited:focus {
    color: #e6e6e6
}

.bg-redesign-blue4:disabled {
    color: #8c96a1
}

.btn-layout {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

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

.btn-padding-tiny {
    padding: 8px 13px
}

.btn-padding-small {
    padding: 8px 20px
}

.btn-padding-medium,.icon-btn {
    padding: 12px 20px
}

.icon-btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: .25rem;
    border: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 150px;
    color: #fa811b;
    align-items: center;
    display: inline-flex;
    justify-content: center;
    color: #afafaf
}

.icon-btn,.icon-btn:disabled,.icon-btn:enabled:active,.icon-btn:enabled:focus,.icon-btn:enabled:hover,.icon-btn:link:active,.icon-btn:link:focus,.icon-btn:link:hover,.icon-btn:visited:active,.icon-btn:visited:focus,.icon-btn:visited:hover {
    background-color: transparent
}

.icon-btn:enabled:hover,.icon-btn:link:hover,.icon-btn:visited:hover {
    color: #fb9a49
}

.icon-btn:enabled:active,.icon-btn:enabled:focus,.icon-btn:link:active,.icon-btn:link:focus,.icon-btn:visited:active,.icon-btn:visited:focus {
    color: #e17418
}

.icon-btn:enabled:hover,.icon-btn:link:hover,.icon-btn:visited:hover {
    color: #bfbfbf
}

.icon-btn:enabled:active,.icon-btn:enabled:focus,.icon-btn:link:active,.icon-btn:link:focus,.icon-btn:visited:active,.icon-btn:visited:focus {
    color: #9e9e9e
}

.icon-btn:disabled {
    color: #afafaf
}

.btn-radio-gold {
    color: #fa811b;
    background-color: #fff;
    border-style: solid;
    border-color: #fa811b
}

.btn-radio-gold:enabled:active,.btn-radio-gold:enabled:focus,.btn-radio-gold:enabled:hover,.btn-radio-gold:link:active,.btn-radio-gold:link:focus,.btn-radio-gold:link:hover,.btn-radio-gold:visited:active,.btn-radio-gold:visited:focus,.btn-radio-gold:visited:hover {
    color: #fff
}

.btn-radio-gold:disabled {
    color: #afafaf
}

.btn-radio-gold:enabled:hover,.btn-radio-gold:link:hover,.btn-radio-gold:visited:hover {
    background-color: #fa811b
}

.btn-radio-gold:enabled:active,.btn-radio-gold:enabled:focus,.btn-radio-gold:link:active,.btn-radio-gold:link:focus,.btn-radio-gold:visited:active,.btn-radio-gold:visited:focus {
    background-color: #e17418
}

.btn-radio-gold:disabled {
    background-color: #ddd
}

.btn-radio-gold:enabled:hover,.btn-radio-gold:link:hover,.btn-radio-gold:visited:hover {
    border-color: #fa811b
}

.btn-radio-gold:enabled:active,.btn-radio-gold:enabled:focus,.btn-radio-gold:link:active,.btn-radio-gold:link:focus,.btn-radio-gold:visited:active,.btn-radio-gold:visited:focus {
    border-color: #e17418
}

.btn-radio-gold:disabled {
    border-color: #afafaf
}

.form-group {
    position: relative;
    text-align: left
}

.form-group:not(.inline) {
    margin-bottom: 1.25rem
}

.form-group:not(.inline)>*,.form-group:not(.inline) select {
    width: 100%
}

.form-group:not(.inline) input,.form-group:not(.inline) label.select {
    margin-top: .375rem;
    width: 100%
}

.form-group input {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: .25rem;
    border: 1px solid #cacfd3;
    color: #4c4c4c;
    padding: 14px 20px
}

.form-group input:enabled:hover,.form-group input:link:hover,.form-group input:visited:hover {
    border-color: #d5d9dc
}

.form-group input:enabled:active,.form-group input:enabled:focus,.form-group input:link:active,.form-group input:link:focus,.form-group input:visited:active,.form-group input:visited:focus {
    border-color: #b6babe
}

.form-group input:disabled {
    border-color: #afafaf
}

.form-group input:enabled:hover,.form-group input:link:hover,.form-group input:visited:hover {
    color: #707070
}

.form-group input:enabled:active,.form-group input:enabled:focus,.form-group input:link:active,.form-group input:link:focus,.form-group input:visited:active,.form-group input:visited:focus {
    color: #444
}

.form-group input:disabled {
    color: #afafaf
}

.form-group input::-moz-placeholder {
    opacity: 1;
    color: #afafaf
}

.form-group input::placeholder {
    opacity: 1;
    color: #afafaf
}

.form-group label {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5
}

.form-group label .optional {
    color: #afafaf;
    display: inline-block
}

.form-group label.disabled {
    background-color: #eaeaea
}

.form-group.inline {
    align-items: center;
    display: inline-flex
}

.form-group.inline label:not(.select) {
    padding-right: 1.25rem
}

@media (max-width: 767px) {
    .form-group.inline label:not(.select) {
        padding-right:.5rem
    }
}

label.select {
    display: inline-block;
    flex-grow: 1;
    width: 100%;
    border-radius: .25rem;
    border: 1px solid #cacfd3;
    position: relative
}

label.select,label.select:enabled:hover,label.select:link:hover,label.select:visited:hover {
    background-color: #fff
}

label.select:enabled:active,label.select:enabled:focus,label.select:link:active,label.select:link:focus,label.select:visited:active,label.select:visited:focus {
    background-color: #e6e6e6
}

label.select:disabled {
    background-color: #ddd
}

label.select:enabled:hover,label.select:link:hover,label.select:visited:hover {
    border-color: #d5d9dc
}

label.select:enabled:active,label.select:enabled:focus,label.select:link:active,label.select:link:focus,label.select:visited:active,label.select:visited:focus {
    border-color: #b6babe
}

label.select:disabled {
    border-color: #afafaf
}

label.select:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-image: url(../images/icon-sprite.svg);
    background-position: 0 -78px;
    width: 14px;
    height: 8px;
    pointer-events: none;
    right: 10px
}

label.select:not(:last-child) {
    margin-right: .625rem
}

label.select:not(.filter) select:valid {
    color: #4c4c4c
}

label.select:not(.filter) select:valid:enabled:hover,label.select:not(.filter) select:valid:link:hover,label.select:not(.filter) select:valid:visited:hover {
    color: #707070
}

label.select:not(.filter) select:valid:enabled:active,label.select:not(.filter) select:valid:enabled:focus,label.select:not(.filter) select:valid:link:active,label.select:not(.filter) select:valid:link:focus,label.select:not(.filter) select:valid:visited:active,label.select:not(.filter) select:valid:visited:focus {
    color: #444
}

label.select:not(.filter) select:invalid,label.select:not(.filter) select:valid:disabled {
    color: #afafaf
}

label.select:not(.filter) select option {
    color: #4c4c4c
}

label.select.filter select {
    height: 3rem;
    color: #979797
}

label.select.filter select:enabled:hover,label.select.filter select:link:hover,label.select.filter select:visited:hover {
    color: #acacac
}

label.select.filter select:enabled:active,label.select.filter select:enabled:focus,label.select.filter select:link:active,label.select.filter select:link:focus,label.select.filter select:visited:active,label.select.filter select:visited:focus {
    color: #888
}

label.select.filter select:disabled {
    color: #afafaf
}

label.select select {
    border: none;
    width: 100%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

label.select select::-ms-expand {
    display: none
}

label.select select option {
    display: table-caption
}

@media (min-width: 768px),not screen {
    label.select select {
        padding:14px 30px 14px 20px
    }
}

@media screen and (max-width: 767px) {
    label.select select {
        padding:.75rem 1.25rem .75rem .625rem
    }
}

.pill {
    align-items: center;
    background-color: #ddd;
    border-radius: .225rem;
    display: inline-flex;
    height: 2rem;
    justify-content: center;
    min-width: 5rem;
    padding: 0 .625rem;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    width: auto
}

.pill,.pill:enabled:hover,.pill:link:hover,.pill:visited:hover {
    color: #fff
}

.pill:enabled:active,.pill:enabled:focus,.pill:link:active,.pill:link:focus,.pill:visited:active,.pill:visited:focus {
    color: #e6e6e6
}

.pill:disabled {
    color: #afafaf
}

.pill.active {
    background-color: #fa811b
}

.pill.active:enabled:hover,.pill.active:link:hover,.pill.active:visited:hover {
    background-color: #fb9a49
}

.pill.active:enabled:active,.pill.active:enabled:focus,.pill.active:link:active,.pill.active:link:focus,.pill.active:visited:active,.pill.active:visited:focus {
    background-color: #e17418
}

.pill.active:disabled {
    background-color: #ddd
}

.pill[aria-disabled=true],.pill[aria-disabled=true]:enabled:hover,.pill[aria-disabled=true]:link:hover,.pill[aria-disabled=true]:visited:hover {
    color: #fff
}

.pill[aria-disabled=true]:enabled:active,.pill[aria-disabled=true]:enabled:focus,.pill[aria-disabled=true]:link:active,.pill[aria-disabled=true]:link:focus,.pill[aria-disabled=true]:visited:active,.pill[aria-disabled=true]:visited:focus {
    color: #e6e6e6
}

.pill[aria-disabled=true]:disabled {
    color: #afafaf
}

.dl-flat dd,.dl-flat dt,.dl-paired dd,.dl-paired dt {
    display: inline;
    margin: 0
}

.dl-paired dd:after {
    content: "\200B";
    display: block;
    white-space: pre-wrap;
    line-height: inherit
}

.tc-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border: 2px solid #ddd;
    border-radius: .25rem;
    color: #fa811b;
    padding: 0;
    margin: 0 5px 0 0;
    position: relative
}

.tc-checkbox:enabled:hover,.tc-checkbox:link:hover,.tc-checkbox:visited:hover {
    border-color: #e4e4e4
}

.tc-checkbox:enabled:active,.tc-checkbox:enabled:focus,.tc-checkbox:link:active,.tc-checkbox:link:focus,.tc-checkbox:visited:active,.tc-checkbox:visited:focus {
    border-color: #c7c7c7
}

.tc-checkbox:disabled {
    border-color: #afafaf
}

.tc-checkbox:enabled:hover,.tc-checkbox:link:hover,.tc-checkbox:visited:hover {
    color: #fb9a49
}

.tc-checkbox:enabled:active,.tc-checkbox:enabled:focus,.tc-checkbox:link:active,.tc-checkbox:link:focus,.tc-checkbox:visited:active,.tc-checkbox:visited:focus {
    color: #e17418
}

.tc-checkbox:disabled {
    color: #afafaf
}

html[dir=rtl] .tc-checkbox {
    margin: 0 0 0 5px
}

.tc-checkbox:checked {
    border-style: solid
}

.tc-checkbox:checked,.tc-checkbox:checked:disabled,.tc-checkbox:checked:enabled:active,.tc-checkbox:checked:enabled:focus,.tc-checkbox:checked:enabled:hover,.tc-checkbox:checked:link:active,.tc-checkbox:checked:link:focus,.tc-checkbox:checked:link:hover,.tc-checkbox:checked:visited:active,.tc-checkbox:checked:visited:focus,.tc-checkbox:checked:visited:hover {
    border-color: currentColor
}

.tc-checkbox:checked:after {
    content: "";
    position: absolute;
    left: 23%;
    top: 31%;
    height: 35%;
    width: 55%;
    border-bottom: 3px solid;
    border-left: 3px solid;
    transform: rotate(-45deg)
}

html[dir=rtl] .tc-checkbox:checked:after {
    right: 23%;
    left: auto
}

.tc-radio {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    width: 1em;
    height: 1em;
    line-height: 1em;
    box-sizing: content-box;
    border-radius: 50%;
    border: 2px solid #fa811b;
    position: relative
}

.tc-radio:enabled:hover,.tc-radio:link:hover,.tc-radio:visited:hover {
    border-color: #fb9a49
}

.tc-radio:enabled:active,.tc-radio:enabled:focus,.tc-radio:link:active,.tc-radio:link:focus,.tc-radio:visited:active,.tc-radio:visited:focus {
    border-color: #e17418
}

.tc-radio:disabled {
    border-color: #afafaf
}

.redesign .tc-radio {
    border-width: 1px
}

.redesign .tc-radio:active,.redesign .tc-radio:checked,.redesign .tc-radio:focus,.redesign .tc-radio:hover {
    border-color: #2285d0;
    border-width: 1px;
    cursor: pointer
}

.tc-radio:checked:after {
    content: "";
    position: absolute;
    left: 20%;
    top: 20%;
    height: 60%;
    width: 60%;
    background-color: #fa811b;
    border-radius: 50%
}

.tc-radio:checked:after:enabled:hover,.tc-radio:checked:after:link:hover,.tc-radio:checked:after:visited:hover {
    background-color: #fb9a49
}

.tc-radio:checked:after:enabled:active,.tc-radio:checked:after:enabled:focus,.tc-radio:checked:after:link:active,.tc-radio:checked:after:link:focus,.tc-radio:checked:after:visited:active,.tc-radio:checked:after:visited:focus {
    background-color: #e17418
}

.tc-radio:checked:after:disabled {
    background-color: #ddd
}

.redesign .tc-radio:checked:after {
    background-color: #2285d0;
    color: #2285d0
}

.img-container img {
    vertical-align: top;
    max-width: 100%;
    height: auto
}

.bg-img-container {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.pdf-info p {
    margin: 0 0 5px
}

.pdf-info p.pdf-title a {
    font-size: 16px;
    font-weight: 700;
    color: #fa811b
}

.pdf-info p.pdf-title a:enabled:hover,.pdf-info p.pdf-title a:link:hover,.pdf-info p.pdf-title a:visited:hover {
    color: #fb9a49
}

.pdf-info p.pdf-title a:enabled:active,.pdf-info p.pdf-title a:enabled:focus,.pdf-info p.pdf-title a:link:active,.pdf-info p.pdf-title a:link:focus,.pdf-info p.pdf-title a:visited:active,.pdf-info p.pdf-title a:visited:focus {
    color: #e17418
}

.pdf-info p.pdf-title a:disabled {
    color: #afafaf
}

.pdf-info p.pdf-author {
    font-size: 14px;
    font-weight: 300;
    color: #4c4c4c
}

.pdf-info p.pdf-description {
    font-size: 14px;
    font-weight: 300;
    color: #777
}

.pdf-card-bg {
    display: inline-block;
    position: relative;
    z-index: 1;
    margin-bottom: 14px
}

.pdf-card-bg .pdf-card,.pdf-card-bg .pdf-card:after,.pdf-card-bg .pdf-card:before {
    border-top: 10px solid #fa811b;
    border-radius: 6px;
    box-shadow: 0 0 3px 0 #cfcfcf;
    background-color: #fff
}

.pdf-card-bg .pdf-card:after,.pdf-card-bg .pdf-card:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    height: 100%
}

.pdf-card-bg .pdf-card:before {
    z-index: -1;
    width: 95%;
    width: calc(100% - 10px);
    top: 5px
}

.pdf-card-bg .pdf-card:after {
    z-index: -2;
    width: 90%;
    width: calc(100% - 20px);
    top: 14px
}

.pdf-card-bg .pdf-card {
    display: inline-block;
    padding: 24px 22px 16px;
    text-align: left
}

.pdf-card-bg .pdf-card a {
    color: #fa811b
}

.pdf-card-bg .pdf-card a:enabled:hover,.pdf-card-bg .pdf-card a:link:hover,.pdf-card-bg .pdf-card a:visited:hover {
    color: #fb9a49
}

.pdf-card-bg .pdf-card a:enabled:active,.pdf-card-bg .pdf-card a:enabled:focus,.pdf-card-bg .pdf-card a:link:active,.pdf-card-bg .pdf-card a:link:focus,.pdf-card-bg .pdf-card a:visited:active,.pdf-card-bg .pdf-card a:visited:focus {
    color: #e17418
}

.pdf-card-bg .pdf-card a:disabled {
    color: #afafaf
}

.pdf-card-bg .pdf-card .pdf-img-container {
    display: table-cell;
    padding-bottom: 16px
}

.pdf-card-bg .pdf-card .pdf-img-container:before {
    content: "PDF";
    font-size: 12px;
    padding: 2px 10px;
    background-color: #ddd;
    border-radius: 3px;
    pointer-events: none;
    position: absolute;
    top: auto;
    left: auto
}

.pdf-card-bg .pdf-card .pdf-info {
    display: table-caption;
    caption-side: bottom
}

.pdf-card-bg .pdf-card .pdf-info p {
    margin: 0 0 5px
}

.pdf-card-bg .pdf-card .pdf-info p.pdf-title a {
    font-size: 16px;
    font-weight: 700;
    color: #fa811b
}

.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:enabled:hover,.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:link:hover,.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:visited:hover {
    color: #fb9a49
}

.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:enabled:active,.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:enabled:focus,.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:link:active,.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:link:focus,.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:visited:active,.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:visited:focus {
    color: #e17418
}

.pdf-card-bg .pdf-card .pdf-info p.pdf-title a:disabled {
    color: #afafaf
}

.pdf-card-bg .pdf-card .pdf-info p.pdf-author {
    font-size: 14px;
    font-weight: 300;
    color: #4c4c4c
}

.pdf-card-bg .pdf-card .pdf-info p.pdf-description {
    font-size: 14px;
    font-weight: 300;
    color: #777
}

.ui-accordion>*>:first-child {
    cursor: pointer;
    position: relative
}

.ui-accordion>*>:first-child:after {
    background-image: url(../images/testcenter/ui-elements/chevron.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .625rem;
    content: "";
    height: 2rem;
    width: 2rem;
    transform: rotate(-90deg)
}

.ui-accordion>*>:not(:first-child) {
    overflow-y: hidden;
    transition: max-height .3s;
    max-height: 0
}

.ui-accordion>.active>:first-child:after {
    transform: rotate(90deg)
}

.ui-accordion>.active>:not(:first-child) {
    max-height: 100vh
}

th.sort-column {
    cursor: pointer
}

th.sort-column:after {
    content: "\25BE";
    display: inline-block;
    margin-left: .25rem
}

th.sort-column.asc:after {
    transform: rotate(180deg)
}

.scroll-top-border {
    border-top: 2px solid transparent;
    transition: border-top-color .4s
}

.scroll-top-border.has-hidden-top {
    border-top-color: #f0f0f0
}

.chevron {
    border-bottom: 2px solid;
    border-left: 2px solid;
    transform: rotate(-45deg);
    display: inline-block
}

.chevron,.circle {
    width: 10px;
    height: 10px
}

.circle {
    border-radius: 50%
}

.pdf-icon:before {
    content: "PDF";
    font-size: 12px;
    padding: 2px 10px;
    background-color: #ddd;
    border-radius: 3px;
    pointer-events: none
}

.hamburger-icon:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/testcenter/ic_menu.svg);
    background-repeat: no-repeat;
    background-position: 50%;
    width: 26px;
    height: 28px;
    background-size: contain
}

.close {
    background: url(../images/fancybox_sprite.png) no-repeat;
    cursor: pointer;
    height: 36px;
    width: 36px;
    position: absolute;
    top: -53px;
    right: -58px
}

.icon-x:after {
    background-image: url(../images/testcenter/sharing/ic-close.svg)
}

.icon-alert-gold:before,.icon-x:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 20px;
    height: 20px;
    background-size: contain
}

.icon-alert-gold:before {
    background-image: url(../images/testcenter/test/onboarding/ic_alert_gold.svg)
}

.form-group input.first_name {
    background-image: url(../images/testcenter/register/ic-name.svg)
}

.form-group input.age,.form-group input.first_name {
    background-position: left 1.125rem center;
    background-repeat: no-repeat;
    padding-left: 3rem!important
}

.form-group input.age {
    background-image: url(../images/testcenter/dashboard/ic_calendar.svg)
}

.form-group input.email,.form-group input[type=email] {
    background-image: url(../images/testcenter/register/ic-email.svg)
}

.form-group input.email,.form-group input[type=email],.form-group input[type=password] {
    background-position: left 1.125rem center;
    background-repeat: no-repeat;
    padding-left: 3rem!important
}

.form-group input[type=password] {
    background-image: url(../images/testcenter/register/ic-lock.svg)
}

.form-group .date-input-view.day-selector .day,.form-group .date-input-view.month-selector .month {
    background-image: url(../images/testcenter/profile/ic-date.svg);
    background-position: left 1.125rem center;
    background-repeat: no-repeat;
    padding-left: 3rem!important
}

.form-group .location-wrapper .country {
    background-image: url(../images/testcenter/profile/ic-country.svg);
    background-position: left 1.125rem center;
    background-repeat: no-repeat;
    padding-left: 3rem!important
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -.9375rem
}

.row.gutter-sm {
    margin: 0 -.375rem
}

.row.gutter-sm>.col,.row.gutter-sm>.col-1,.row.gutter-sm>.col-2,.row.gutter-sm>.col-3,.row.gutter-sm>.col-4,.row.gutter-sm>.col-5,.row.gutter-sm>.col-6,.row.gutter-sm>.col-7,.row.gutter-sm>.col-8,.row.gutter-sm>.col-9,.row.gutter-sm>.col-10,.row.gutter-sm>.col-11,.row.gutter-sm>.col-12,.row.gutter-sm>.col-auto,.row.gutter-sm>.col-lg,.row.gutter-sm>.col-lg-1,.row.gutter-sm>.col-lg-2,.row.gutter-sm>.col-lg-3,.row.gutter-sm>.col-lg-4,.row.gutter-sm>.col-lg-5,.row.gutter-sm>.col-lg-6,.row.gutter-sm>.col-lg-7,.row.gutter-sm>.col-lg-8,.row.gutter-sm>.col-lg-9,.row.gutter-sm>.col-lg-10,.row.gutter-sm>.col-lg-11,.row.gutter-sm>.col-lg-12,.row.gutter-sm>.col-lg-auto,.row.gutter-sm>.col-md,.row.gutter-sm>.col-md-1,.row.gutter-sm>.col-md-2,.row.gutter-sm>.col-md-3,.row.gutter-sm>.col-md-4,.row.gutter-sm>.col-md-5,.row.gutter-sm>.col-md-6,.row.gutter-sm>.col-md-7,.row.gutter-sm>.col-md-8,.row.gutter-sm>.col-md-9,.row.gutter-sm>.col-md-10,.row.gutter-sm>.col-md-11,.row.gutter-sm>.col-md-12,.row.gutter-sm>.col-md-auto,.row.gutter-sm>.col-sm,.row.gutter-sm>.col-sm-1,.row.gutter-sm>.col-sm-2,.row.gutter-sm>.col-sm-3,.row.gutter-sm>.col-sm-4,.row.gutter-sm>.col-sm-5,.row.gutter-sm>.col-sm-6,.row.gutter-sm>.col-sm-7,.row.gutter-sm>.col-sm-8,.row.gutter-sm>.col-sm-9,.row.gutter-sm>.col-sm-10,.row.gutter-sm>.col-sm-11,.row.gutter-sm>.col-sm-12,.row.gutter-sm>.col-sm-auto {
    padding-left: .375rem;
    padding-right: .375rem;
    position: relative;
    width: 100%
}

.row.gutter-sm>.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row.gutter-sm>.col-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
}

.row.gutter-sm>.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.row.gutter-sm>.order-1 {
    order: 1
}

.row.gutter-sm>.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.row.gutter-sm>.order-2 {
    order: 2
}

.row.gutter-sm>.offset-1 {
    margin-left: 8.33333333%
}

.row.gutter-sm>.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.row.gutter-sm>.order-3 {
    order: 3
}

.row.gutter-sm>.offset-2 {
    margin-left: 16.66666667%
}

.row.gutter-sm>.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.row.gutter-sm>.order-4 {
    order: 4
}

.row.gutter-sm>.offset-3 {
    margin-left: 25%
}

.row.gutter-sm>.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.row.gutter-sm>.order-5 {
    order: 5
}

.row.gutter-sm>.offset-4 {
    margin-left: 33.33333333%
}

.row.gutter-sm>.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.row.gutter-sm>.order-6 {
    order: 6
}

.row.gutter-sm>.offset-5 {
    margin-left: 41.66666667%
}

.row.gutter-sm>.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.row.gutter-sm>.order-7 {
    order: 7
}

.row.gutter-sm>.offset-6 {
    margin-left: 50%
}

.row.gutter-sm>.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.row.gutter-sm>.order-8 {
    order: 8
}

.row.gutter-sm>.offset-7 {
    margin-left: 58.33333333%
}

.row.gutter-sm>.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.row.gutter-sm>.order-9 {
    order: 9
}

.row.gutter-sm>.offset-8 {
    margin-left: 66.66666667%
}

.row.gutter-sm>.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.row.gutter-sm>.order-10 {
    order: 10
}

.row.gutter-sm>.offset-9 {
    margin-left: 75%
}

.row.gutter-sm>.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.row.gutter-sm>.order-11 {
    order: 11
}

.row.gutter-sm>.offset-10 {
    margin-left: 83.33333333%
}

.row.gutter-sm>.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.row.gutter-sm>.order-12 {
    order: 12
}

.row.gutter-sm>.offset-11 {
    margin-left: 91.66666667%
}

@media (min-width: 768px) {
    .row.gutter-sm>.col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row.gutter-sm>.col-sm-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .row.gutter-sm>.col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .row.gutter-sm>.order-sm-1 {
        order: 1
    }

    .row.gutter-sm>.offset-sm-0 {
        margin-left: 0
    }

    .row.gutter-sm>.col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .row.gutter-sm>.order-sm-2 {
        order: 2
    }

    .row.gutter-sm>.offset-sm-1 {
        margin-left: 8.33333333%
    }

    .row.gutter-sm>.col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row.gutter-sm>.order-sm-3 {
        order: 3
    }

    .row.gutter-sm>.offset-sm-2 {
        margin-left: 16.66666667%
    }

    .row.gutter-sm>.col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .row.gutter-sm>.order-sm-4 {
        order: 4
    }

    .row.gutter-sm>.offset-sm-3 {
        margin-left: 25%
    }

    .row.gutter-sm>.col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .row.gutter-sm>.order-sm-5 {
        order: 5
    }

    .row.gutter-sm>.offset-sm-4 {
        margin-left: 33.33333333%
    }

    .row.gutter-sm>.col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row.gutter-sm>.order-sm-6 {
        order: 6
    }

    .row.gutter-sm>.offset-sm-5 {
        margin-left: 41.66666667%
    }

    .row.gutter-sm>.col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .row.gutter-sm>.order-sm-7 {
        order: 7
    }

    .row.gutter-sm>.offset-sm-6 {
        margin-left: 50%
    }

    .row.gutter-sm>.col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .row.gutter-sm>.order-sm-8 {
        order: 8
    }

    .row.gutter-sm>.offset-sm-7 {
        margin-left: 58.33333333%
    }

    .row.gutter-sm>.col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .row.gutter-sm>.order-sm-9 {
        order: 9
    }

    .row.gutter-sm>.offset-sm-8 {
        margin-left: 66.66666667%
    }

    .row.gutter-sm>.col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .row.gutter-sm>.order-sm-10 {
        order: 10
    }

    .row.gutter-sm>.offset-sm-9 {
        margin-left: 75%
    }

    .row.gutter-sm>.col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .row.gutter-sm>.order-sm-11 {
        order: 11
    }

    .row.gutter-sm>.offset-sm-10 {
        margin-left: 83.33333333%
    }

    .row.gutter-sm>.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row.gutter-sm>.order-sm-12 {
        order: 12
    }

    .row.gutter-sm>.offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 1024px) {
    .row.gutter-sm>.col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row.gutter-sm>.col-md-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .row.gutter-sm>.col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .row.gutter-sm>.order-md-1 {
        order: 1
    }

    .row.gutter-sm>.offset-md-0 {
        margin-left: 0
    }

    .row.gutter-sm>.col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .row.gutter-sm>.order-md-2 {
        order: 2
    }

    .row.gutter-sm>.offset-md-1 {
        margin-left: 8.33333333%
    }

    .row.gutter-sm>.col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row.gutter-sm>.order-md-3 {
        order: 3
    }

    .row.gutter-sm>.offset-md-2 {
        margin-left: 16.66666667%
    }

    .row.gutter-sm>.col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .row.gutter-sm>.order-md-4 {
        order: 4
    }

    .row.gutter-sm>.offset-md-3 {
        margin-left: 25%
    }

    .row.gutter-sm>.col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .row.gutter-sm>.order-md-5 {
        order: 5
    }

    .row.gutter-sm>.offset-md-4 {
        margin-left: 33.33333333%
    }

    .row.gutter-sm>.col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row.gutter-sm>.order-md-6 {
        order: 6
    }

    .row.gutter-sm>.offset-md-5 {
        margin-left: 41.66666667%
    }

    .row.gutter-sm>.col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .row.gutter-sm>.order-md-7 {
        order: 7
    }

    .row.gutter-sm>.offset-md-6 {
        margin-left: 50%
    }

    .row.gutter-sm>.col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .row.gutter-sm>.order-md-8 {
        order: 8
    }

    .row.gutter-sm>.offset-md-7 {
        margin-left: 58.33333333%
    }

    .row.gutter-sm>.col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .row.gutter-sm>.order-md-9 {
        order: 9
    }

    .row.gutter-sm>.offset-md-8 {
        margin-left: 66.66666667%
    }

    .row.gutter-sm>.col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .row.gutter-sm>.order-md-10 {
        order: 10
    }

    .row.gutter-sm>.offset-md-9 {
        margin-left: 75%
    }

    .row.gutter-sm>.col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .row.gutter-sm>.order-md-11 {
        order: 11
    }

    .row.gutter-sm>.offset-md-10 {
        margin-left: 83.33333333%
    }

    .row.gutter-sm>.col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row.gutter-sm>.order-md-12 {
        order: 12
    }

    .row.gutter-sm>.offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 1440px) {
    .row.gutter-sm>.col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row.gutter-sm>.col-lg-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .row.gutter-sm>.col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .row.gutter-sm>.order-lg-1 {
        order: 1
    }

    .row.gutter-sm>.offset-lg-0 {
        margin-left: 0
    }

    .row.gutter-sm>.col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .row.gutter-sm>.order-lg-2 {
        order: 2
    }

    .row.gutter-sm>.offset-lg-1 {
        margin-left: 8.33333333%
    }

    .row.gutter-sm>.col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row.gutter-sm>.order-lg-3 {
        order: 3
    }

    .row.gutter-sm>.offset-lg-2 {
        margin-left: 16.66666667%
    }

    .row.gutter-sm>.col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .row.gutter-sm>.order-lg-4 {
        order: 4
    }

    .row.gutter-sm>.offset-lg-3 {
        margin-left: 25%
    }

    .row.gutter-sm>.col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .row.gutter-sm>.order-lg-5 {
        order: 5
    }

    .row.gutter-sm>.offset-lg-4 {
        margin-left: 33.33333333%
    }

    .row.gutter-sm>.col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row.gutter-sm>.order-lg-6 {
        order: 6
    }

    .row.gutter-sm>.offset-lg-5 {
        margin-left: 41.66666667%
    }

    .row.gutter-sm>.col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .row.gutter-sm>.order-lg-7 {
        order: 7
    }

    .row.gutter-sm>.offset-lg-6 {
        margin-left: 50%
    }

    .row.gutter-sm>.col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .row.gutter-sm>.order-lg-8 {
        order: 8
    }

    .row.gutter-sm>.offset-lg-7 {
        margin-left: 58.33333333%
    }

    .row.gutter-sm>.col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .row.gutter-sm>.order-lg-9 {
        order: 9
    }

    .row.gutter-sm>.offset-lg-8 {
        margin-left: 66.66666667%
    }

    .row.gutter-sm>.col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .row.gutter-sm>.order-lg-10 {
        order: 10
    }

    .row.gutter-sm>.offset-lg-9 {
        margin-left: 75%
    }

    .row.gutter-sm>.col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .row.gutter-sm>.order-lg-11 {
        order: 11
    }

    .row.gutter-sm>.offset-lg-10 {
        margin-left: 83.33333333%
    }

    .row.gutter-sm>.col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row.gutter-sm>.order-lg-12 {
        order: 12
    }

    .row.gutter-sm>.offset-lg-11 {
        margin-left: 91.66666667%
    }
}

.row>.col,.row>.col-1,.row>.col-2,.row>.col-3,.row>.col-4,.row>.col-5,.row>.col-6,.row>.col-7,.row>.col-8,.row>.col-9,.row>.col-10,.row>.col-11,.row>.col-12,.row>.col-auto,.row>.col-lg,.row>.col-lg-1,.row>.col-lg-2,.row>.col-lg-3,.row>.col-lg-4,.row>.col-lg-5,.row>.col-lg-6,.row>.col-lg-7,.row>.col-lg-8,.row>.col-lg-9,.row>.col-lg-10,.row>.col-lg-11,.row>.col-lg-12,.row>.col-lg-auto,.row>.col-md,.row>.col-md-1,.row>.col-md-2,.row>.col-md-3,.row>.col-md-4,.row>.col-md-5,.row>.col-md-6,.row>.col-md-7,.row>.col-md-8,.row>.col-md-9,.row>.col-md-10,.row>.col-md-11,.row>.col-md-12,.row>.col-md-auto,.row>.col-sm,.row>.col-sm-1,.row>.col-sm-2,.row>.col-sm-3,.row>.col-sm-4,.row>.col-sm-5,.row>.col-sm-6,.row>.col-sm-7,.row>.col-sm-8,.row>.col-sm-9,.row>.col-sm-10,.row>.col-sm-11,.row>.col-sm-12,.row>.col-sm-auto {
    padding-left: .9375rem;
    padding-right: .9375rem;
    position: relative;
    width: 100%
}

.row>.col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%
}

.row>.col-auto {
    flex: 0 0 auto;
    max-width: 100%;
    width: auto
}

.row>.col-1 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%
}

.row>.order-1 {
    order: 1
}

.row>.col-2 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%
}

.row>.order-2 {
    order: 2
}

.row>.offset-1 {
    margin-left: 8.33333333%
}

.row>.col-3 {
    flex: 0 0 25%;
    max-width: 25%
}

.row>.order-3 {
    order: 3
}

.row>.offset-2 {
    margin-left: 16.66666667%
}

.row>.col-4 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%
}

.row>.order-4 {
    order: 4
}

.row>.offset-3 {
    margin-left: 25%
}

.row>.col-5 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%
}

.row>.order-5 {
    order: 5
}

.row>.offset-4 {
    margin-left: 33.33333333%
}

.row>.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.row>.order-6 {
    order: 6
}

.row>.offset-5 {
    margin-left: 41.66666667%
}

.row>.col-7 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%
}

.row>.order-7 {
    order: 7
}

.row>.offset-6 {
    margin-left: 50%
}

.row>.col-8 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%
}

.row>.order-8 {
    order: 8
}

.row>.offset-7 {
    margin-left: 58.33333333%
}

.row>.col-9 {
    flex: 0 0 75%;
    max-width: 75%
}

.row>.order-9 {
    order: 9
}

.row>.offset-8 {
    margin-left: 66.66666667%
}

.row>.col-10 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%
}

.row>.order-10 {
    order: 10
}

.row>.offset-9 {
    margin-left: 75%
}

.row>.col-11 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%
}

.row>.order-11 {
    order: 11
}

.row>.offset-10 {
    margin-left: 83.33333333%
}

.row>.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.row>.order-12 {
    order: 12
}

.row>.offset-11 {
    margin-left: 91.66666667%
}

@media (min-width: 768px) {
    .row>.col-sm {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row>.col-sm-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .row>.col-sm-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .row>.order-sm-1 {
        order: 1
    }

    .row>.offset-sm-0 {
        margin-left: 0
    }

    .row>.col-sm-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .row>.order-sm-2 {
        order: 2
    }

    .row>.offset-sm-1 {
        margin-left: 8.33333333%
    }

    .row>.col-sm-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row>.order-sm-3 {
        order: 3
    }

    .row>.offset-sm-2 {
        margin-left: 16.66666667%
    }

    .row>.col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .row>.order-sm-4 {
        order: 4
    }

    .row>.offset-sm-3 {
        margin-left: 25%
    }

    .row>.col-sm-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .row>.order-sm-5 {
        order: 5
    }

    .row>.offset-sm-4 {
        margin-left: 33.33333333%
    }

    .row>.col-sm-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row>.order-sm-6 {
        order: 6
    }

    .row>.offset-sm-5 {
        margin-left: 41.66666667%
    }

    .row>.col-sm-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .row>.order-sm-7 {
        order: 7
    }

    .row>.offset-sm-6 {
        margin-left: 50%
    }

    .row>.col-sm-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .row>.order-sm-8 {
        order: 8
    }

    .row>.offset-sm-7 {
        margin-left: 58.33333333%
    }

    .row>.col-sm-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .row>.order-sm-9 {
        order: 9
    }

    .row>.offset-sm-8 {
        margin-left: 66.66666667%
    }

    .row>.col-sm-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .row>.order-sm-10 {
        order: 10
    }

    .row>.offset-sm-9 {
        margin-left: 75%
    }

    .row>.col-sm-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .row>.order-sm-11 {
        order: 11
    }

    .row>.offset-sm-10 {
        margin-left: 83.33333333%
    }

    .row>.col-sm-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row>.order-sm-12 {
        order: 12
    }

    .row>.offset-sm-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 1024px) {
    .row>.col-md {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row>.col-md-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .row>.col-md-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .row>.order-md-1 {
        order: 1
    }

    .row>.offset-md-0 {
        margin-left: 0
    }

    .row>.col-md-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .row>.order-md-2 {
        order: 2
    }

    .row>.offset-md-1 {
        margin-left: 8.33333333%
    }

    .row>.col-md-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row>.order-md-3 {
        order: 3
    }

    .row>.offset-md-2 {
        margin-left: 16.66666667%
    }

    .row>.col-md-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .row>.order-md-4 {
        order: 4
    }

    .row>.offset-md-3 {
        margin-left: 25%
    }

    .row>.col-md-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .row>.order-md-5 {
        order: 5
    }

    .row>.offset-md-4 {
        margin-left: 33.33333333%
    }

    .row>.col-md-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row>.order-md-6 {
        order: 6
    }

    .row>.offset-md-5 {
        margin-left: 41.66666667%
    }

    .row>.col-md-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .row>.order-md-7 {
        order: 7
    }

    .row>.offset-md-6 {
        margin-left: 50%
    }

    .row>.col-md-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .row>.order-md-8 {
        order: 8
    }

    .row>.offset-md-7 {
        margin-left: 58.33333333%
    }

    .row>.col-md-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .row>.order-md-9 {
        order: 9
    }

    .row>.offset-md-8 {
        margin-left: 66.66666667%
    }

    .row>.col-md-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .row>.order-md-10 {
        order: 10
    }

    .row>.offset-md-9 {
        margin-left: 75%
    }

    .row>.col-md-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .row>.order-md-11 {
        order: 11
    }

    .row>.offset-md-10 {
        margin-left: 83.33333333%
    }

    .row>.col-md-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row>.order-md-12 {
        order: 12
    }

    .row>.offset-md-11 {
        margin-left: 91.66666667%
    }
}

@media (min-width: 1440px) {
    .row>.col-lg {
        flex-basis:0;
        flex-grow: 1;
        max-width: 100%
    }

    .row>.col-lg-auto {
        flex: 0 0 auto;
        max-width: 100%;
        width: auto
    }

    .row>.col-lg-1 {
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%
    }

    .row>.order-lg-1 {
        order: 1
    }

    .row>.offset-lg-0 {
        margin-left: 0
    }

    .row>.col-lg-2 {
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%
    }

    .row>.order-lg-2 {
        order: 2
    }

    .row>.offset-lg-1 {
        margin-left: 8.33333333%
    }

    .row>.col-lg-3 {
        flex: 0 0 25%;
        max-width: 25%
    }

    .row>.order-lg-3 {
        order: 3
    }

    .row>.offset-lg-2 {
        margin-left: 16.66666667%
    }

    .row>.col-lg-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%
    }

    .row>.order-lg-4 {
        order: 4
    }

    .row>.offset-lg-3 {
        margin-left: 25%
    }

    .row>.col-lg-5 {
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%
    }

    .row>.order-lg-5 {
        order: 5
    }

    .row>.offset-lg-4 {
        margin-left: 33.33333333%
    }

    .row>.col-lg-6 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .row>.order-lg-6 {
        order: 6
    }

    .row>.offset-lg-5 {
        margin-left: 41.66666667%
    }

    .row>.col-lg-7 {
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%
    }

    .row>.order-lg-7 {
        order: 7
    }

    .row>.offset-lg-6 {
        margin-left: 50%
    }

    .row>.col-lg-8 {
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%
    }

    .row>.order-lg-8 {
        order: 8
    }

    .row>.offset-lg-7 {
        margin-left: 58.33333333%
    }

    .row>.col-lg-9 {
        flex: 0 0 75%;
        max-width: 75%
    }

    .row>.order-lg-9 {
        order: 9
    }

    .row>.offset-lg-8 {
        margin-left: 66.66666667%
    }

    .row>.col-lg-10 {
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%
    }

    .row>.order-lg-10 {
        order: 10
    }

    .row>.offset-lg-9 {
        margin-left: 75%
    }

    .row>.col-lg-11 {
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%
    }

    .row>.order-lg-11 {
        order: 11
    }

    .row>.offset-lg-10 {
        margin-left: 83.33333333%
    }

    .row>.col-lg-12 {
        flex: 0 0 100%;
        max-width: 100%
    }

    .row>.order-lg-12 {
        order: 12
    }

    .row>.offset-lg-11 {
        margin-left: 91.66666667%
    }
}

#app {
    margin: 0 auto
}

#topbar {
    max-width: 100vw;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    box-shadow: 0 1px 0 0 rgba(0,0,0,.1),0 3px 0 0 rgba(0,0,0,.05);
    z-index: 600;
    position: relative;
    position: sticky;
    top: 0;
    left: 0;
    right: 0
}

#topbar,#topbar .topbar-primary {
    width: 100%
}

#topbar.topbar-responsive .container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    height: 72px;
    max-width: 1200px;
    padding: 0 25px;
    margin-left: auto;
    margin-right: auto
}

#topbar.topbar-responsive .container .img-container {
    display: flex;
    flex-shrink: 0
}

#topbar.topbar-responsive .container .logo-image {
    height: 51px
}

#topbar.topbar-responsive .container-compact {
    justify-content: space-between
}

@media screen and (max-width: 1319px) {
    #topbar.topbar-responsive .container {
        height:74px;
        padding: 0 16px;
        justify-content: space-between
    }

    #topbar.topbar-responsive .img-container {
        transform-origin: left center;
        transform: scale(.75)
    }

    #topbar.topbar-responsive .logo-image {
        width: 200px;
        margin-right: 15px
    }
}

#topbar.topbar-responsive .legacy-warning-topbar {
    background-color: #fa811b;
    color: #fff;
    padding: 10px;
    text-align: center
}

#topbar.topbar-responsive .legacy-warning-topbar a {
    color: #fff;
    text-decoration: underline
}

@media (min-width: 1320px) {
    #topbar .topbar-menu {
        display:flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end
    }

    #topbar .topbar-links {
        min-width: 300px;
        margin-right: 0;
        max-width: unset
    }

    #topbar .topbar-links:empty {
        display: none
    }

    #topbar .topbar-links li>ul {
        white-space: nowrap;
        background: #fff
    }

    #topbar .topbar-links li>ul>li:hover {
        cursor: pointer;
        background: #fa811b
    }

    #topbar .topbar-links li>ul>li:hover a {
        color: #fff!important
    }

    #topbar .topbar-links>ul {
        display: flex;
        flex-direction: row;
        align-items: center;
        flex-flow: row nowrap;
        justify-content: space-between;
        position: relative
    }

    #topbar .topbar-links>ul.topbar-menu-compact {
        justify-content: flex-end
    }

    #topbar .topbar-links>ul>li>a {
        display: block;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .7px;
        text-transform: uppercase
    }

    #topbar .topbar-links>ul>li>a:hover {
        cursor: default
    }

    #topbar .topbar-links>ul>li>a[href]:hover {
        cursor: pointer
    }

    #topbar .topbar-links>ul>li>a[data-login=login] {
        color: #fa811b
    }

    #topbar .topbar-links>ul>li>a[data-login=login]:enabled:hover,#topbar .topbar-links>ul>li>a[data-login=login]:link:hover,#topbar .topbar-links>ul>li>a[data-login=login]:visited:hover {
        color: #fb9a49
    }

    #topbar .topbar-links>ul>li>a[data-login=login]:enabled:active,#topbar .topbar-links>ul>li>a[data-login=login]:enabled:focus,#topbar .topbar-links>ul>li>a[data-login=login]:link:active,#topbar .topbar-links>ul>li>a[data-login=login]:link:focus,#topbar .topbar-links>ul>li>a[data-login=login]:visited:active,#topbar .topbar-links>ul>li>a[data-login=login]:visited:focus {
        color: #e17418
    }

    #topbar .topbar-links>ul>li>a[data-login=login]:disabled {
        color: #afafaf
    }

    #topbar .topbar-links>ul>li>a[data-login=signup] {
        border-style: solid;
        border-color: #fa811b;
        color: #fa811b;
        margin-left: 15px;
        margin-right: 15px
    }

    #topbar .topbar-links>ul>li>a[data-login=signup]:enabled:hover,#topbar .topbar-links>ul>li>a[data-login=signup]:link:hover,#topbar .topbar-links>ul>li>a[data-login=signup]:visited:hover {
        border-color: #fb9a49
    }

    #topbar .topbar-links>ul>li>a[data-login=signup]:enabled:active,#topbar .topbar-links>ul>li>a[data-login=signup]:enabled:focus,#topbar .topbar-links>ul>li>a[data-login=signup]:link:active,#topbar .topbar-links>ul>li>a[data-login=signup]:link:focus,#topbar .topbar-links>ul>li>a[data-login=signup]:visited:active,#topbar .topbar-links>ul>li>a[data-login=signup]:visited:focus {
        border-color: #e17418
    }

    #topbar .topbar-links>ul>li>a[data-login=signup]:disabled {
        border-color: #afafaf
    }

    #topbar .topbar-links>ul>li>a[data-login=signup]:enabled:hover,#topbar .topbar-links>ul>li>a[data-login=signup]:link:hover,#topbar .topbar-links>ul>li>a[data-login=signup]:visited:hover {
        color: #fb9a49
    }

    #topbar .topbar-links>ul>li>a[data-login=signup]:enabled:active,#topbar .topbar-links>ul>li>a[data-login=signup]:enabled:focus,#topbar .topbar-links>ul>li>a[data-login=signup]:link:active,#topbar .topbar-links>ul>li>a[data-login=signup]:link:focus,#topbar .topbar-links>ul>li>a[data-login=signup]:visited:active,#topbar .topbar-links>ul>li>a[data-login=signup]:visited:focus {
        color: #e17418
    }

    #topbar .topbar-links>ul>li>a[data-login=signup]:disabled {
        color: #afafaf
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest] {
        color: #fa811b;
        background-color: #fff;
        border-style: solid;
        border-color: #fa811b;
        margin-left: 15px;
        margin-right: 15px
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:hover,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:hover,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:hover {
        border-color: #fb9a49;
        color: #fff
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:focus,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:focus,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:focus {
        color: #fff
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:disabled {
        color: #afafaf
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:hover,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:hover,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:hover {
        background-color: #fa811b
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:focus,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:focus,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:focus {
        background-color: #e17418
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:disabled {
        background-color: #ddd
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:hover,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:hover,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:hover {
        border-color: #fa811b
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:enabled:focus,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:link:focus,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:active,#topbar .topbar-links>ul>li>a[data-login=mytest]:visited:focus {
        border-color: #e17418
    }

    #topbar .topbar-links>ul>li>a[data-login=mytest]:disabled {
        border-color: #afafaf
    }

    #topbar .topbar-links>ul>li>a[data-login=logout] {
        color: #4c4c4c
    }

    #topbar .topbar-links>ul>li>a[data-login=logout]:enabled:hover,#topbar .topbar-links>ul>li>a[data-login=logout]:link:hover,#topbar .topbar-links>ul>li>a[data-login=logout]:visited:hover {
        color: #707070
    }

    #topbar .topbar-links>ul>li>a[data-login=logout]:enabled:active,#topbar .topbar-links>ul>li>a[data-login=logout]:enabled:focus,#topbar .topbar-links>ul>li>a[data-login=logout]:link:active,#topbar .topbar-links>ul>li>a[data-login=logout]:link:focus,#topbar .topbar-links>ul>li>a[data-login=logout]:visited:active,#topbar .topbar-links>ul>li>a[data-login=logout]:visited:focus {
        color: #444
    }

    #topbar .topbar-links>ul>li>a[data-login=logout]:disabled {
        color: #afafaf
    }

    #topbar .topbar-links>ul>li>a[data-login=logout],#topbar .topbar-links>ul>li>a[data-login=mytest],#topbar .topbar-links>ul>li>a[data-login=signup] {
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        padding: 8px 13px;
        border-radius: .25rem;
        border-width: 2px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .7px;
        text-transform: uppercase
    }

    #topbar .topbar-links a {
        color: #4c4c4c
    }

    #topbar .topbar-links a:enabled:hover,#topbar .topbar-links a:link:hover,#topbar .topbar-links a:visited:hover {
        color: #707070
    }

    #topbar .topbar-links a:enabled:active,#topbar .topbar-links a:enabled:focus,#topbar .topbar-links a:link:active,#topbar .topbar-links a:link:focus,#topbar .topbar-links a:visited:active,#topbar .topbar-links a:visited:focus {
        color: #444
    }

    #topbar .topbar-links a:disabled {
        color: #afafaf
    }

    #topbar .topbar-links a.selected {
        color: #fa811b
    }

    #topbar .topbar-links a.selected:enabled:hover,#topbar .topbar-links a.selected:link:hover,#topbar .topbar-links a.selected:visited:hover {
        color: #fb9a49
    }

    #topbar .topbar-links a.selected:enabled:active,#topbar .topbar-links a.selected:enabled:focus,#topbar .topbar-links a.selected:link:active,#topbar .topbar-links a.selected:link:focus,#topbar .topbar-links a.selected:visited:active,#topbar .topbar-links a.selected:visited:focus {
        color: #e17418
    }

    #topbar .topbar-links a.selected:disabled {
        color: #afafaf
    }

    #topbar .topbar-links .hamburger-icon,#topbar .topbar-links [data-mobile-only__parent] {
        display: none
    }
}

@media (max-width: 1319px) {
    #topbar {
        display:flex;
        align-items: center;
        flex-direction: column
    }

    #topbar .topbar-links {
        text-align: right
    }

    #topbar .topbar-links.has-banner>ul {
        top: 170px
    }

    #topbar .topbar-links>ul {
        border-top: 1px solid #ddd;
        left: 0;
        position: absolute;
        top: 74px;
        z-index: 601
    }

    #topbar .topbar-links ul {
        margin: 0;
        overflow: auto
    }

    #topbar .topbar-links ul a,#topbar .topbar-links ul button {
        text-align: center;
        vertical-align: middle;
        color: #fa811b;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .7px;
        text-transform: uppercase
    }

    #topbar .topbar-links ul a:enabled:hover,#topbar .topbar-links ul a:link:hover,#topbar .topbar-links ul a:visited:hover,#topbar .topbar-links ul button:enabled:hover,#topbar .topbar-links ul button:link:hover,#topbar .topbar-links ul button:visited:hover {
        color: #fb9a49
    }

    #topbar .topbar-links ul a:enabled:active,#topbar .topbar-links ul a:enabled:focus,#topbar .topbar-links ul a:link:active,#topbar .topbar-links ul a:link:focus,#topbar .topbar-links ul a:visited:active,#topbar .topbar-links ul a:visited:focus,#topbar .topbar-links ul button:enabled:active,#topbar .topbar-links ul button:enabled:focus,#topbar .topbar-links ul button:link:active,#topbar .topbar-links ul button:link:focus,#topbar .topbar-links ul button:visited:active,#topbar .topbar-links ul button:visited:focus {
        color: #e17418
    }

    #topbar .topbar-links ul a:disabled,#topbar .topbar-links ul button:disabled {
        color: #afafaf
    }

    #topbar .topbar-links ul li {
        background-color: #fff;
        border: solid #ddd;
        border-width: 0 0 1px
    }

    #topbar .topbar-links ul li:enabled:hover,#topbar .topbar-links ul li:link:hover,#topbar .topbar-links ul li:visited:hover {
        background-color: #fff
    }

    #topbar .topbar-links ul li:enabled:active,#topbar .topbar-links ul li:enabled:focus,#topbar .topbar-links ul li:link:active,#topbar .topbar-links ul li:link:focus,#topbar .topbar-links ul li:visited:active,#topbar .topbar-links ul li:visited:focus {
        background-color: #e6e6e6
    }

    #topbar .topbar-links ul li:disabled {
        background-color: #ddd
    }

    #topbar .topbar-links ul li:enabled:hover,#topbar .topbar-links ul li:link:hover,#topbar .topbar-links ul li:visited:hover {
        border-color: #e4e4e4
    }

    #topbar .topbar-links ul li:enabled:active,#topbar .topbar-links ul li:enabled:focus,#topbar .topbar-links ul li:link:active,#topbar .topbar-links ul li:link:focus,#topbar .topbar-links ul li:visited:active,#topbar .topbar-links ul li:visited:focus {
        border-color: #c7c7c7
    }

    #topbar .topbar-links ul li:disabled {
        border-color: #afafaf
    }

    #topbar .topbar-links ul li.dl-back {
        background-color: #fa811b
    }

    #topbar .topbar-links ul li.dl-back:enabled:hover,#topbar .topbar-links ul li.dl-back:link:hover,#topbar .topbar-links ul li.dl-back:visited:hover {
        background-color: #fb9a49
    }

    #topbar .topbar-links ul li.dl-back:enabled:active,#topbar .topbar-links ul li.dl-back:enabled:focus,#topbar .topbar-links ul li.dl-back:link:active,#topbar .topbar-links ul li.dl-back:link:focus,#topbar .topbar-links ul li.dl-back:visited:active,#topbar .topbar-links ul li.dl-back:visited:focus {
        background-color: #e17418
    }

    #topbar .topbar-links ul li.dl-back:disabled {
        background-color: #ddd
    }

    #topbar .topbar-links ul li.dl-back a,#topbar .topbar-links ul li.dl-back a:enabled:hover,#topbar .topbar-links ul li.dl-back a:link:hover,#topbar .topbar-links ul li.dl-back a:visited:hover {
        color: #fff
    }

    #topbar .topbar-links ul li.dl-back a:enabled:active,#topbar .topbar-links ul li.dl-back a:enabled:focus,#topbar .topbar-links ul li.dl-back a:link:active,#topbar .topbar-links ul li.dl-back a:link:focus,#topbar .topbar-links ul li.dl-back a:visited:active,#topbar .topbar-links ul li.dl-back a:visited:focus {
        color: #e6e6e6
    }

    #topbar .topbar-links ul li.dl-back a:disabled {
        color: #afafaf
    }

    #topbar .topbar-links ul li.dl-back:after,#topbar .topbar-links ul li.dl-back:after:enabled:hover,#topbar .topbar-links ul li.dl-back:after:link:hover,#topbar .topbar-links ul li.dl-back:after:visited:hover {
        color: #fff
    }

    #topbar .topbar-links ul li.dl-back:after:enabled:active,#topbar .topbar-links ul li.dl-back:after:enabled:focus,#topbar .topbar-links ul li.dl-back:after:link:active,#topbar .topbar-links ul li.dl-back:after:link:focus,#topbar .topbar-links ul li.dl-back:after:visited:active,#topbar .topbar-links ul li.dl-back:after:visited:focus {
        color: #e6e6e6
    }

    #topbar .topbar-links ul li.dl-back:after:disabled {
        color: #afafaf
    }

    #topbar .topbar-links .topbar-background {
        background-color: rgba(0,0,0,.8);
        position: absolute;
        left: 0;
        top: 74px;
        height: calc(100vh - 74px)
    }

    #topbar .hamburger-icon {
        border: none
    }

    #topbar .hamburger-icon,#topbar .hamburger-icon:disabled,#topbar .hamburger-icon:enabled:active,#topbar .hamburger-icon:enabled:focus,#topbar .hamburger-icon:enabled:hover,#topbar .hamburger-icon:link:active,#topbar .hamburger-icon:link:focus,#topbar .hamburger-icon:link:hover,#topbar .hamburger-icon:visited:active,#topbar .hamburger-icon:visited:focus,#topbar .hamburger-icon:visited:hover {
        background-color: transparent
    }
}

@media (max-width: 1319px) and (min-width:1024px) {
    #topbar .topbar-links.has-banner>ul {
        top:126px
    }
}

body.no-topbar-links #topbar .topbar-brand {
    float: none;
    margin: 0 auto
}

body.no-topbar-links #topbar .topbar-links,body.no-topbar-links #topbar .topbar-right {
    display: none
}

.pagination-controls {
    padding-top: 1.5rem;
    text-align: center
}

.pagination-controls .next,.pagination-controls .position-text,.pagination-controls .prev {
    display: inline-block;
    vertical-align: middle
}

.pagination-controls .position-text {
    color: #777;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0 .625rem
}

.pagination-controls .next,.pagination-controls .prev {
    background-color: transparent;
    border: none;
    background-image: url(../images/testcenter/ui-elements/chevron.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .625rem;
    content: "";
    height: 2rem;
    width: 2rem
}

.pagination-controls .next:disabled,.pagination-controls .prev:disabled {
    background-image: url(../images/testcenter/ui-elements/chevron-disabled.svg)
}

.pagination-controls .next {
    transform: rotate(180deg)
}

.flow-main {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #f0f0f0
}

.flow-container {
    background-color: #fff;
    margin: 36px;
    position: relative
}

@media (min-width: 768px) {
    .flow-container {
        box-shadow:0 0 15px 0 #cfcfcf;
        border-radius: .5rem
    }

    .flow-container.flow-container-light {
        box-shadow: 0 0 15px 0 #e6e6e6
    }
}

.flow-container .flow-below {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center
}

.flow-container .flow-step>div,.flow-container>div {
    width: 100%
}

.flow-step .done,.flow-step .next {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 150px;
    background-color: #3c5d87;
    color: #fff
}

.flow-step .done:enabled:hover,.flow-step .done:link:hover,.flow-step .done:visited:hover,.flow-step .next:enabled:hover,.flow-step .next:link:hover,.flow-step .next:visited:hover {
    background-color: #637d9f
}

.flow-step .done:enabled:active,.flow-step .done:enabled:focus,.flow-step .done:link:active,.flow-step .done:link:focus,.flow-step .done:visited:active,.flow-step .done:visited:focus,.flow-step .next:enabled:active,.flow-step .next:enabled:focus,.flow-step .next:link:active,.flow-step .next:link:focus,.flow-step .next:visited:active,.flow-step .next:visited:focus {
    background-color: #36547a
}

.flow-step .done:disabled,.flow-step .next:disabled {
    background-color: #f1f4f6;
    color: #8c96a1
}

.flow-step .done:enabled:hover,.flow-step .done:link:hover,.flow-step .done:visited:hover,.flow-step .next:enabled:hover,.flow-step .next:link:hover,.flow-step .next:visited:hover {
    color: #fff
}

.flow-step .done:enabled:active,.flow-step .done:enabled:focus,.flow-step .done:link:active,.flow-step .done:link:focus,.flow-step .done:visited:active,.flow-step .done:visited:focus,.flow-step .next:enabled:active,.flow-step .next:enabled:focus,.flow-step .next:link:active,.flow-step .next:link:focus,.flow-step .next:visited:active,.flow-step .next:visited:focus {
    color: #e6e6e6
}

.flow-step .done:disabled,.flow-step .next:disabled {
    color: #afafaf
}

@media (min-width: 768px),not screen {
    .flow-step .cancel,.flow-step .prev {
        display:inline-block;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        padding: 12px 20px;
        border-radius: .25rem;
        border-width: 2px;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .7px;
        text-transform: uppercase;
        min-width: 150px
    }

    .flow-step .cancel:not(.redesign),.flow-step .prev:not(.redesign) {
        color: #fa811b;
        background-color: #fff;
        border-style: solid;
        border-color: #fa811b
    }

    .flow-step .cancel:not(.redesign):enabled:active,.flow-step .cancel:not(.redesign):enabled:focus,.flow-step .cancel:not(.redesign):enabled:hover,.flow-step .cancel:not(.redesign):link:active,.flow-step .cancel:not(.redesign):link:focus,.flow-step .cancel:not(.redesign):link:hover,.flow-step .cancel:not(.redesign):visited:active,.flow-step .cancel:not(.redesign):visited:focus,.flow-step .cancel:not(.redesign):visited:hover,.flow-step .prev:not(.redesign):enabled:active,.flow-step .prev:not(.redesign):enabled:focus,.flow-step .prev:not(.redesign):enabled:hover,.flow-step .prev:not(.redesign):link:active,.flow-step .prev:not(.redesign):link:focus,.flow-step .prev:not(.redesign):link:hover,.flow-step .prev:not(.redesign):visited:active,.flow-step .prev:not(.redesign):visited:focus,.flow-step .prev:not(.redesign):visited:hover {
        color: #fff
    }

    .flow-step .cancel:not(.redesign):disabled,.flow-step .prev:not(.redesign):disabled {
        color: #afafaf
    }

    .flow-step .cancel:not(.redesign):enabled:hover,.flow-step .cancel:not(.redesign):link:hover,.flow-step .cancel:not(.redesign):visited:hover,.flow-step .prev:not(.redesign):enabled:hover,.flow-step .prev:not(.redesign):link:hover,.flow-step .prev:not(.redesign):visited:hover {
        background-color: #fa811b
    }

    .flow-step .cancel:not(.redesign):enabled:active,.flow-step .cancel:not(.redesign):enabled:focus,.flow-step .cancel:not(.redesign):link:active,.flow-step .cancel:not(.redesign):link:focus,.flow-step .cancel:not(.redesign):visited:active,.flow-step .cancel:not(.redesign):visited:focus,.flow-step .prev:not(.redesign):enabled:active,.flow-step .prev:not(.redesign):enabled:focus,.flow-step .prev:not(.redesign):link:active,.flow-step .prev:not(.redesign):link:focus,.flow-step .prev:not(.redesign):visited:active,.flow-step .prev:not(.redesign):visited:focus {
        background-color: #e17418
    }

    .flow-step .cancel:not(.redesign):disabled,.flow-step .prev:not(.redesign):disabled {
        background-color: #ddd
    }

    .flow-step .cancel:not(.redesign):enabled:hover,.flow-step .cancel:not(.redesign):link:hover,.flow-step .cancel:not(.redesign):visited:hover,.flow-step .prev:not(.redesign):enabled:hover,.flow-step .prev:not(.redesign):link:hover,.flow-step .prev:not(.redesign):visited:hover {
        border-color: #fa811b
    }

    .flow-step .cancel:not(.redesign):enabled:active,.flow-step .cancel:not(.redesign):enabled:focus,.flow-step .cancel:not(.redesign):link:active,.flow-step .cancel:not(.redesign):link:focus,.flow-step .cancel:not(.redesign):visited:active,.flow-step .cancel:not(.redesign):visited:focus,.flow-step .prev:not(.redesign):enabled:active,.flow-step .prev:not(.redesign):enabled:focus,.flow-step .prev:not(.redesign):link:active,.flow-step .prev:not(.redesign):link:focus,.flow-step .prev:not(.redesign):visited:active,.flow-step .prev:not(.redesign):visited:focus {
        border-color: #e17418
    }

    .flow-step .cancel:not(.redesign):disabled,.flow-step .prev:not(.redesign):disabled {
        border-color: #afafaf
    }

    .flow-step .cancel.redesign,.flow-step .prev.redesign {
        background-color: #f0faff;
        border: 1px solid #2285d0;
        color: #3c5d87
    }

    .flow-step .cancel.redesign:enabled:hover,.flow-step .cancel.redesign:link:hover,.flow-step .cancel.redesign:visited:hover,.flow-step .prev.redesign:enabled:hover,.flow-step .prev.redesign:link:hover,.flow-step .prev.redesign:visited:hover {
        background-color: #f3fbff
    }

    .flow-step .cancel.redesign:enabled:active,.flow-step .cancel.redesign:enabled:focus,.flow-step .cancel.redesign:link:active,.flow-step .cancel.redesign:link:focus,.flow-step .cancel.redesign:visited:active,.flow-step .cancel.redesign:visited:focus,.flow-step .prev.redesign:enabled:active,.flow-step .prev.redesign:enabled:focus,.flow-step .prev.redesign:link:active,.flow-step .prev.redesign:link:focus,.flow-step .prev.redesign:visited:active,.flow-step .prev.redesign:visited:focus {
        background-color: #d8e1e6
    }

    .flow-step .cancel.redesign:disabled,.flow-step .prev.redesign:disabled {
        background-color: #ddd
    }
}

@media screen and (max-width: 767px) {
    .flow-step .cancel,.flow-step .prev {
        display:inline-block;
        text-align: center;
        vertical-align: middle;
        white-space: nowrap;
        padding: 12px 20px;
        border-radius: .25rem;
        border: none;
        font-size: 14px;
        font-weight: 700;
        letter-spacing: .7px;
        text-transform: uppercase;
        min-width: 150px;
        background-color: transparent;
        color: #fa811b
    }

    .flow-step .cancel:disabled,.flow-step .cancel:enabled:active,.flow-step .cancel:enabled:focus,.flow-step .cancel:enabled:hover,.flow-step .cancel:link:active,.flow-step .cancel:link:focus,.flow-step .cancel:link:hover,.flow-step .cancel:visited:active,.flow-step .cancel:visited:focus,.flow-step .cancel:visited:hover,.flow-step .prev:disabled,.flow-step .prev:enabled:active,.flow-step .prev:enabled:focus,.flow-step .prev:enabled:hover,.flow-step .prev:link:active,.flow-step .prev:link:focus,.flow-step .prev:link:hover,.flow-step .prev:visited:active,.flow-step .prev:visited:focus,.flow-step .prev:visited:hover {
        background-color: transparent
    }

    .flow-step .cancel:enabled:hover,.flow-step .cancel:link:hover,.flow-step .cancel:visited:hover,.flow-step .prev:enabled:hover,.flow-step .prev:link:hover,.flow-step .prev:visited:hover {
        color: #fb9a49
    }

    .flow-step .cancel:enabled:active,.flow-step .cancel:enabled:focus,.flow-step .cancel:link:active,.flow-step .cancel:link:focus,.flow-step .cancel:visited:active,.flow-step .cancel:visited:focus,.flow-step .prev:enabled:active,.flow-step .prev:enabled:focus,.flow-step .prev:link:active,.flow-step .prev:link:focus,.flow-step .prev:visited:active,.flow-step .prev:visited:focus {
        color: #e17418
    }

    .flow-step .cancel:disabled,.flow-step .prev:disabled {
        color: #afafaf
    }
}

.flow-item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%
}

.flow-item>footer,.flow-item>header,.flow-item>section {
    display: block
}

.flow-main .close-button {
    background: 0;
    border: 0;
    color: #777;
    font-size: 26px;
    font-weight: 500;
    position: absolute;
    right: 0;
    top: 36px;
    z-index: 900
}

.flow-main .close-button:before {
    content: "\2715"
}

@media (min-width: 768px) {
    .flow-main .close-button {
        right:2%;
        top: 3%
    }
}

.interactive:not(:disabled) {
    cursor: pointer
}

.interactive:not(:disabled):hover {
    filter: brightness(1.05)
}

.interactive:not(:disabled):active,.interactive:not(:disabled):focus-within {
    filter: brightness(.9)
}

.button {
    composes: interactive;
    border: 1px solid;
    display: inline-grid;
    font-weight: 700;
    letter-spacing: .5px
}

.button,.button .contents {
    align-items: center;
    justify-items: center
}

.button .contents {
    display: grid;
    display: inline-grid;
    grid-auto-flow: column;
    grid-row: 1;
    grid-column: 1
}

.small {
    font-size: 13px;
    height: 36px
}

.small .contents {
    gap: 8px
}

.small.default-padding {
    padding: 0 16px
}

.small.default-padding.narrow {
    padding: 0 14px
}

.small.dashboard {
    border-radius: 4px
}

.small.public {
    border-radius: 6px
}

.medium {
    font-size: 15px;
    height: 40px
}

.medium .contents {
    gap: 10px
}

.medium.default-padding {
    padding: 0 24px
}

.medium.default-padding.narrow {
    padding: 0 14px
}

.medium.dashboard {
    border-radius: 6px
}

.medium.public {
    border-radius: 12px
}

.large {
    font-size: 16px;
    height: 48px
}

.large .contents {
    gap: 12px
}

.large.default-padding {
    padding: 0 28px
}

.large.default-padding.narrow {
    padding: 0 16px
}

.large.dashboard {
    border-radius: 6px
}

.large.public {
    border-radius: 12px
}

.extra-large {
    font-size: 16px;
    height: 48px
}

@media (min-width: 768px) {
    .extra-large {
        font-size:18px;
        height: 56px
    }
}

.extra-large .contents {
    gap: 12px
}

.extra-large.default-padding {
    padding: 0 32px
}

.extra-large.default-padding.narrow {
    padding: 0 18px
}

.extra-large.dashboard {
    border-radius: 6px
}

.extra-large.public {
    border-radius: 12px
}

@media (min-width: 768px) {
    .long-width-desktop {
        min-width:150px
    }
}

._disabled-dark:disabled {
    background-color: #f1f4f6;
    border-color: #f1f4f6;
    color: #8c96a1
}

._disabled-dark:disabled .arrow-mask {
    background-color: #8c96a1
}

._disabled-light:disabled {
    background-color: #f9fafb;
    border-color: #e1e5ea;
    color: #8c96a1
}

._disabled-light:disabled .arrow-mask {
    background-color: #8c96a1
}

.primary {
    composes: _disabled-dark;
    background-color: #3c5d87;
    border-color: #fff;
    color: #fff
}

.primary .arrow-mask {
    background-color: #fff
}

.secondary {
    composes: _disabled-light;
    background-color: #f0faff;
    border-color: #2285d0;
    color: #3c5d87
}

.secondary .arrow-mask {
    background-color: #3c5d87
}

.tertiary {
    composes: _disabled-light;
    background-color: #fff;
    border-color: #3c5d87;
    color: #3c5d87
}

.tertiary .arrow-mask {
    background-color: #3c5d87
}

.alert {
    composes: _disabled-light;
    background-color: #fef6f0;
    border-color: #fa811b;
    color: #bf4900
}

.alert .arrow-mask,.destructive {
    background-color: #bf4900
}

.destructive {
    composes: _disabled-dark;
    border-color: #bf4900;
    color: #fff
}

.destructive .arrow-mask {
    background-color: #fff
}

.success {
    composes: _disabled-light;
    background-color: #f7fff1;
    border-color: #007a4b;
    color: #007a4b
}

.success .arrow-mask {
    background-color: #007a4b
}

.marketing-blue {
    composes: _disabled-dark;
    background-color: #083156;
    border-color: #083156;
    color: #fbe56d
}

.marketing-blue .arrow-mask,.marketing-yellow {
    background-color: #fbe56d
}

.marketing-yellow {
    composes: _disabled-light;
    border-color: #fbe56d;
    color: #001836
}

.marketing-yellow .arrow-mask {
    background-color: #001836
}

.marketing-orange {
    composes: _disabled-dark;
    background-color: rgba(255,217,171,.8);
    border-color: rgba(255,217,171,.8);
    color: #3c5d87
}

.marketing-orange .arrow-mask {
    background-color: #3c5d87
}

.marketing-orange-light {
    composes: _disabled-dark;
    background-color: rgba(255,217,171,.4);
    border-color: rgba(255,217,171,.4);
    color: #3c5d87
}

.marketing-orange-light .arrow-mask {
    background-color: #3c5d87
}

.raw-white {
    composes: _disabled-light;
    background-color: #fff;
    border-color: #cacfd3;
    color: #3c5d87
}

.raw-white .arrow-mask {
    background-color: #3c5d87
}

.dim-bg {
    background: #000;
    opacity: .8
}

.dim-bg,.dim-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 900
}

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

.dim-modal .modal-content {
    background: #fff;
    border-radius: 1rem;
    padding: 2.25rem;
    overflow: auto
}

@media (min-width: 768px),not screen {
    .dim-modal .modal-content {
        min-width:414px;
        max-width: 50vw;
        max-height: 80vh;
        padding: 2.25rem
    }
}

@media screen and (max-width: 767px) {
    .dim-modal .modal-content {
        max-width:414px;
        max-height: 95vh;
        padding: 1.25rem;
        margin: 1.25rem
    }
}

.dim-modal .overlay-content .spinner {
    height: 50px
}

.dim-modal .modal-fill {
    width: 100%;
    height: 100%;
    min-width: 60vw;
    min-height: 60vh
}

.dim-modal .modal-header {
    font-size: 26px;
    font-weight: 500;
    line-height: 1.31;
    margin-bottom: 2rem;
    text-align: center
}

.dim-modal .modal-body {
    font-size: 17px;
    margin-bottom: 2.5rem
}

.dim-modal .buttons,.dim-modal .one-button {
    color: #3d4d5c
}

.dim-modal .buttons:enabled:hover,.dim-modal .buttons:link:hover,.dim-modal .buttons:visited:hover,.dim-modal .one-button:enabled:hover,.dim-modal .one-button:link:hover,.dim-modal .one-button:visited:hover {
    color: #64717d
}

.dim-modal .buttons:enabled:active,.dim-modal .buttons:enabled:focus,.dim-modal .buttons:link:active,.dim-modal .buttons:link:focus,.dim-modal .buttons:visited:active,.dim-modal .buttons:visited:focus,.dim-modal .one-button:enabled:active,.dim-modal .one-button:enabled:focus,.dim-modal .one-button:link:active,.dim-modal .one-button:link:focus,.dim-modal .one-button:visited:active,.dim-modal .one-button:visited:focus {
    color: #374553
}

.dim-modal .buttons:disabled,.dim-modal .one-button:disabled {
    color: #afafaf
}

@media (min-width: 768px),not screen {
    .dim-modal .buttons,.dim-modal .one-button {
        display:flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
        gap: 12px
    }

    .dim-modal .buttons .btn,.dim-modal .buttons button,.dim-modal .buttons input[type=button],.dim-modal .buttons input[type=submit],.dim-modal .one-button .btn,.dim-modal .one-button button,.dim-modal .one-button input[type=button],.dim-modal .one-button input[type=submit] {
        flex-basis: 150px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .dim-modal .buttons .btn,.dim-modal .buttons button,.dim-modal .buttons input[type=button],.dim-modal .buttons input[type=submit],.dim-modal .one-button .btn,.dim-modal .one-button button,.dim-modal .one-button input[type=button],.dim-modal .one-button input[type=submit] {
        width:100%;
        margin-bottom: 10px
    }
}

@media (min-width: 768px),not screen {
    .dim-modal .one-button {
        justify-content:center;
        margin-right: 0
    }
}

.dim-modal .btn,.dim-modal button {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    padding: 8px 20px;
    border-radius: .25rem;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    line-height: 1.6
}

.dim-modal .redesign-modal-btn {
    background-color: #3c5d87;
    color: #fff;
    border: none
}

.dim-modal .redesign-modal-btn-cancel {
    background-color: #fff!important;
    color: #3c5d87!important;
    border: 1px solid #3c5d87!important
}

.dim-modal .modal-btn,.dim-modal [data-callback=OK] {
    background-color: #3c5d87;
    border: none;
    color: #fff
}

.dim-modal .modal-btn:enabled:hover,.dim-modal .modal-btn:link:hover,.dim-modal .modal-btn:visited:hover,.dim-modal [data-callback=OK]:enabled:hover,.dim-modal [data-callback=OK]:link:hover,.dim-modal [data-callback=OK]:visited:hover {
    background-color: #637d9f
}

.dim-modal .modal-btn:enabled:active,.dim-modal .modal-btn:enabled:focus,.dim-modal .modal-btn:link:active,.dim-modal .modal-btn:link:focus,.dim-modal .modal-btn:visited:active,.dim-modal .modal-btn:visited:focus,.dim-modal [data-callback=OK]:enabled:active,.dim-modal [data-callback=OK]:enabled:focus,.dim-modal [data-callback=OK]:link:active,.dim-modal [data-callback=OK]:link:focus,.dim-modal [data-callback=OK]:visited:active,.dim-modal [data-callback=OK]:visited:focus {
    background-color: #36547a
}

.dim-modal .modal-btn:disabled,.dim-modal [data-callback=OK]:disabled {
    background-color: #f1f4f6;
    color: #8c96a1
}

.dim-modal .modal-btn:enabled:hover,.dim-modal .modal-btn:link:hover,.dim-modal .modal-btn:visited:hover,.dim-modal [data-callback=OK]:enabled:hover,.dim-modal [data-callback=OK]:link:hover,.dim-modal [data-callback=OK]:visited:hover {
    color: #fff
}

.dim-modal .modal-btn:enabled:active,.dim-modal .modal-btn:enabled:focus,.dim-modal .modal-btn:link:active,.dim-modal .modal-btn:link:focus,.dim-modal .modal-btn:visited:active,.dim-modal .modal-btn:visited:focus,.dim-modal [data-callback=OK]:enabled:active,.dim-modal [data-callback=OK]:enabled:focus,.dim-modal [data-callback=OK]:link:active,.dim-modal [data-callback=OK]:link:focus,.dim-modal [data-callback=OK]:visited:active,.dim-modal [data-callback=OK]:visited:focus {
    color: #e6e6e6
}

.dim-modal .modal-btn:disabled,.dim-modal [data-callback=OK]:disabled {
    color: #afafaf
}

.dim-modal [data-callback=CANCEL] {
    background-color: transparent;
    border: 2px solid #3c5d87;
    color: #3c5d87
}

.dim-modal [data-callback=CANCEL]:disabled,.dim-modal [data-callback=CANCEL]:enabled:active,.dim-modal [data-callback=CANCEL]:enabled:focus,.dim-modal [data-callback=CANCEL]:enabled:hover,.dim-modal [data-callback=CANCEL]:link:active,.dim-modal [data-callback=CANCEL]:link:focus,.dim-modal [data-callback=CANCEL]:link:hover,.dim-modal [data-callback=CANCEL]:visited:active,.dim-modal [data-callback=CANCEL]:visited:focus,.dim-modal [data-callback=CANCEL]:visited:hover {
    background-color: transparent
}

.dim-modal [data-callback=CANCEL]:enabled:hover,.dim-modal [data-callback=CANCEL]:link:hover,.dim-modal [data-callback=CANCEL]:visited:hover {
    border-color: #637d9f
}

.dim-modal [data-callback=CANCEL]:enabled:active,.dim-modal [data-callback=CANCEL]:enabled:focus,.dim-modal [data-callback=CANCEL]:link:active,.dim-modal [data-callback=CANCEL]:link:focus,.dim-modal [data-callback=CANCEL]:visited:active,.dim-modal [data-callback=CANCEL]:visited:focus {
    border-color: #36547a
}

.dim-modal [data-callback=CANCEL]:disabled {
    border-color: #afafaf
}

.dim-modal [data-callback=CANCEL]:enabled:hover,.dim-modal [data-callback=CANCEL]:link:hover,.dim-modal [data-callback=CANCEL]:visited:hover {
    color: #637d9f
}

.dim-modal [data-callback=CANCEL]:enabled:active,.dim-modal [data-callback=CANCEL]:enabled:focus,.dim-modal [data-callback=CANCEL]:link:active,.dim-modal [data-callback=CANCEL]:link:focus,.dim-modal [data-callback=CANCEL]:visited:active,.dim-modal [data-callback=CANCEL]:visited:focus {
    color: #36547a
}

.dim-modal [data-callback=CANCEL]:disabled {
    color: #afafaf
}

.dim-modal .timer-view {
    padding-bottom: 20px
}

.dim-modal .video-frame {
    background-color: #000;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 0;
    min-width: 0
}

.dim-modal .video-frame.loading {
    position: relative
}

.dim-modal .video-frame.loading:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../images/fancybox_loading.gif);
    background-repeat: no-repeat;
    background-position: 50%
}

.dim-modal .video-frame video {
    display: block;
    width: 100%;
    height: 100%
}

.closeable-modal-view .dim-modal .exit-button {
    float: right;
    position: relative;
    z-index: 1000
}

.closeable-modal-view .dim-modal .exit-button .close {
    position: absolute;
    top: 0;
    right: 0
}

.modal-flow .dim-modal {
    width: 100%
}

.modal-flow .modal-content {
    text-align: center;
    max-width: 56.25rem;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    width: 100%;
    height: 100%;
    height: auto;
    width: auto
}

.modal-flow .modal-content>footer,.modal-flow .modal-content>header,.modal-flow .modal-content>section {
    display: block
}

.modal-flow .modal-content header h2 {
    font-size: 26px;
    margin-bottom: 2.5rem
}

.modal-flow .modal-content img {
    margin-bottom: 2rem
}

.modal-flow .modal-content p {
    font-size: 17px;
    font-weight: 300;
    line-height: 1.294
}

@media (min-width: 768px),not screen {
    .modal-flow .modal-content p {
        padding:0 9rem
    }
}

@media screen and (max-width: 767px) {
    .modal-flow .modal-content p {
        padding:0
    }
}

.modal-flow .modal-content a {
    text-decoration: underline;
    font-weight: 500
}

.modal-flow .modal-content footer {
    margin-top: 2.25rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 35px;
    border-top: 2px solid #f0f0f0
}

@media (min-width: 768px),not screen {
    .modal-flow .modal-content footer {
        flex-wrap:nowrap;
        justify-content: space-between
    }

    .modal-flow .modal-content footer>* {
        flex-grow: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .modal-flow .modal-content footer {
        flex-wrap:wrap-reverse;
        justify-content: space-around
    }

    .modal-flow .modal-content footer>* {
        flex-grow: 1;
        margin-bottom: 10px
    }
}

.modal-flow .modal-content footer .done,.modal-flow .modal-content footer .next {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 150px;
    background-color: #3c5d87;
    color: #fff
}

.modal-flow .modal-content footer .done:enabled:hover,.modal-flow .modal-content footer .done:link:hover,.modal-flow .modal-content footer .done:visited:hover,.modal-flow .modal-content footer .next:enabled:hover,.modal-flow .modal-content footer .next:link:hover,.modal-flow .modal-content footer .next:visited:hover {
    background-color: #637d9f
}

.modal-flow .modal-content footer .done:enabled:active,.modal-flow .modal-content footer .done:enabled:focus,.modal-flow .modal-content footer .done:link:active,.modal-flow .modal-content footer .done:link:focus,.modal-flow .modal-content footer .done:visited:active,.modal-flow .modal-content footer .done:visited:focus,.modal-flow .modal-content footer .next:enabled:active,.modal-flow .modal-content footer .next:enabled:focus,.modal-flow .modal-content footer .next:link:active,.modal-flow .modal-content footer .next:link:focus,.modal-flow .modal-content footer .next:visited:active,.modal-flow .modal-content footer .next:visited:focus {
    background-color: #36547a
}

.modal-flow .modal-content footer .done:disabled,.modal-flow .modal-content footer .next:disabled {
    background-color: #f1f4f6;
    color: #8c96a1
}

.modal-flow .modal-content footer .done:enabled:hover,.modal-flow .modal-content footer .done:link:hover,.modal-flow .modal-content footer .done:visited:hover,.modal-flow .modal-content footer .next:enabled:hover,.modal-flow .modal-content footer .next:link:hover,.modal-flow .modal-content footer .next:visited:hover {
    color: #fff
}

.modal-flow .modal-content footer .done:enabled:active,.modal-flow .modal-content footer .done:enabled:focus,.modal-flow .modal-content footer .done:link:active,.modal-flow .modal-content footer .done:link:focus,.modal-flow .modal-content footer .done:visited:active,.modal-flow .modal-content footer .done:visited:focus,.modal-flow .modal-content footer .next:enabled:active,.modal-flow .modal-content footer .next:enabled:focus,.modal-flow .modal-content footer .next:link:active,.modal-flow .modal-content footer .next:link:focus,.modal-flow .modal-content footer .next:visited:active,.modal-flow .modal-content footer .next:visited:focus {
    color: #e6e6e6
}

.modal-flow .modal-content footer .done:disabled,.modal-flow .modal-content footer .next:disabled {
    color: #afafaf
}

.modal-flow .modal-content footer .cancel,.modal-flow .modal-content footer .prev {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border-width: 2px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 150px
}

.modal-flow .modal-content footer .cancel:not(.redesign),.modal-flow .modal-content footer .prev:not(.redesign) {
    color: #fa811b;
    background-color: #fff;
    border-style: solid;
    border-color: #fa811b
}

.modal-flow .modal-content footer .cancel:not(.redesign):enabled:active,.modal-flow .modal-content footer .cancel:not(.redesign):enabled:focus,.modal-flow .modal-content footer .cancel:not(.redesign):enabled:hover,.modal-flow .modal-content footer .cancel:not(.redesign):link:active,.modal-flow .modal-content footer .cancel:not(.redesign):link:focus,.modal-flow .modal-content footer .cancel:not(.redesign):link:hover,.modal-flow .modal-content footer .cancel:not(.redesign):visited:active,.modal-flow .modal-content footer .cancel:not(.redesign):visited:focus,.modal-flow .modal-content footer .cancel:not(.redesign):visited:hover,.modal-flow .modal-content footer .prev:not(.redesign):enabled:active,.modal-flow .modal-content footer .prev:not(.redesign):enabled:focus,.modal-flow .modal-content footer .prev:not(.redesign):enabled:hover,.modal-flow .modal-content footer .prev:not(.redesign):link:active,.modal-flow .modal-content footer .prev:not(.redesign):link:focus,.modal-flow .modal-content footer .prev:not(.redesign):link:hover,.modal-flow .modal-content footer .prev:not(.redesign):visited:active,.modal-flow .modal-content footer .prev:not(.redesign):visited:focus,.modal-flow .modal-content footer .prev:not(.redesign):visited:hover {
    color: #fff
}

.modal-flow .modal-content footer .cancel:not(.redesign):disabled,.modal-flow .modal-content footer .prev:not(.redesign):disabled {
    color: #afafaf
}

.modal-flow .modal-content footer .cancel:not(.redesign):enabled:hover,.modal-flow .modal-content footer .cancel:not(.redesign):link:hover,.modal-flow .modal-content footer .cancel:not(.redesign):visited:hover,.modal-flow .modal-content footer .prev:not(.redesign):enabled:hover,.modal-flow .modal-content footer .prev:not(.redesign):link:hover,.modal-flow .modal-content footer .prev:not(.redesign):visited:hover {
    background-color: #fa811b
}

.modal-flow .modal-content footer .cancel:not(.redesign):enabled:active,.modal-flow .modal-content footer .cancel:not(.redesign):enabled:focus,.modal-flow .modal-content footer .cancel:not(.redesign):link:active,.modal-flow .modal-content footer .cancel:not(.redesign):link:focus,.modal-flow .modal-content footer .cancel:not(.redesign):visited:active,.modal-flow .modal-content footer .cancel:not(.redesign):visited:focus,.modal-flow .modal-content footer .prev:not(.redesign):enabled:active,.modal-flow .modal-content footer .prev:not(.redesign):enabled:focus,.modal-flow .modal-content footer .prev:not(.redesign):link:active,.modal-flow .modal-content footer .prev:not(.redesign):link:focus,.modal-flow .modal-content footer .prev:not(.redesign):visited:active,.modal-flow .modal-content footer .prev:not(.redesign):visited:focus {
    background-color: #e17418
}

.modal-flow .modal-content footer .cancel:not(.redesign):disabled,.modal-flow .modal-content footer .prev:not(.redesign):disabled {
    background-color: #ddd
}

.modal-flow .modal-content footer .cancel:not(.redesign):enabled:hover,.modal-flow .modal-content footer .cancel:not(.redesign):link:hover,.modal-flow .modal-content footer .cancel:not(.redesign):visited:hover,.modal-flow .modal-content footer .prev:not(.redesign):enabled:hover,.modal-flow .modal-content footer .prev:not(.redesign):link:hover,.modal-flow .modal-content footer .prev:not(.redesign):visited:hover {
    border-color: #fa811b
}

.modal-flow .modal-content footer .cancel:not(.redesign):enabled:active,.modal-flow .modal-content footer .cancel:not(.redesign):enabled:focus,.modal-flow .modal-content footer .cancel:not(.redesign):link:active,.modal-flow .modal-content footer .cancel:not(.redesign):link:focus,.modal-flow .modal-content footer .cancel:not(.redesign):visited:active,.modal-flow .modal-content footer .cancel:not(.redesign):visited:focus,.modal-flow .modal-content footer .prev:not(.redesign):enabled:active,.modal-flow .modal-content footer .prev:not(.redesign):enabled:focus,.modal-flow .modal-content footer .prev:not(.redesign):link:active,.modal-flow .modal-content footer .prev:not(.redesign):link:focus,.modal-flow .modal-content footer .prev:not(.redesign):visited:active,.modal-flow .modal-content footer .prev:not(.redesign):visited:focus {
    border-color: #e17418
}

.modal-flow .modal-content footer .cancel:not(.redesign):disabled,.modal-flow .modal-content footer .prev:not(.redesign):disabled {
    border-color: #afafaf
}

.modal-flow .modal-content footer .cancel.redesign,.modal-flow .modal-content footer .prev.redesign {
    background-color: #f0faff;
    border: 1px solid #2285d0;
    color: #3c5d87
}

.modal-flow .modal-content footer .cancel.redesign:enabled:hover,.modal-flow .modal-content footer .cancel.redesign:link:hover,.modal-flow .modal-content footer .cancel.redesign:visited:hover,.modal-flow .modal-content footer .prev.redesign:enabled:hover,.modal-flow .modal-content footer .prev.redesign:link:hover,.modal-flow .modal-content footer .prev.redesign:visited:hover {
    background-color: #f3fbff
}

.modal-flow .modal-content footer .cancel.redesign:enabled:active,.modal-flow .modal-content footer .cancel.redesign:enabled:focus,.modal-flow .modal-content footer .cancel.redesign:link:active,.modal-flow .modal-content footer .cancel.redesign:link:focus,.modal-flow .modal-content footer .cancel.redesign:visited:active,.modal-flow .modal-content footer .cancel.redesign:visited:focus,.modal-flow .modal-content footer .prev.redesign:enabled:active,.modal-flow .modal-content footer .prev.redesign:enabled:focus,.modal-flow .modal-content footer .prev.redesign:link:active,.modal-flow .modal-content footer .prev.redesign:link:focus,.modal-flow .modal-content footer .prev.redesign:visited:active,.modal-flow .modal-content footer .prev.redesign:visited:focus {
    background-color: #d8e1e6
}

.modal-flow .modal-content footer .cancel.redesign:disabled,.modal-flow .modal-content footer .prev.redesign:disabled {
    background-color: #ddd
}

.modal-flow .modal-content footer .progress-bar {
    background-color: #f1f4f6;
    border-radius: .375rem;
    display: inline-block;
    height: .5rem;
    margin: 1rem 6.25rem;
    width: 20rem
}

.modal-flow .modal-content footer .progress-bar .progress-filled {
    width: 0;
    height: 100%;
    border-radius: .375rem;
    background-color: #fa0;
    transition: width .2s cubic-bezier(.02,.01,.47,1)
}

@media (min-width: 768px),not screen {
    [data-modal-name] {
        text-align:left
    }
}

@media screen and (max-width: 767px) {
    [data-modal-name] {
        text-align:center
    }
}

[data-modal-name] a[href] {
    color: #2285d0;
    font-weight: 700;
    text-decoration: underline
}

[data-modal-name] a[href]:enabled:hover,[data-modal-name] a[href]:link:hover,[data-modal-name] a[href]:visited:hover {
    color: #4e9dd9
}

[data-modal-name] a[href]:enabled:active,[data-modal-name] a[href]:enabled:focus,[data-modal-name] a[href]:link:active,[data-modal-name] a[href]:link:focus,[data-modal-name] a[href]:visited:active,[data-modal-name] a[href]:visited:focus {
    color: #1f78bb
}

[data-modal-name] a[href]:disabled {
    color: #afafaf
}

[data-modal-name] h2 {
    color: #4c4c4c;
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 30px
}

[data-modal-name] p {
    color: #777;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 0
}

[data-modal-name] ul {
    margin: 1em
}

[data-modal-name] li {
    list-style-type: disc;
    margin: 0 5px 10px 2em
}

[data-modal-name] li a {
    text-decoration: underline
}

[data-modal-name] ol.reenable-instructions {
    margin-bottom: 18px;
    padding-left: 40px
}

[data-modal-name] ol.reenable-instructions img {
    height: 24px;
    width: auto;
    display: inline;
    margin: 0;
    vertical-align: bottom
}

[data-modal-name] ol.reenable-instructions li {
    list-style-type: decimal
}

[data-modal-name] img.img-main {
    width: 65%;
    display: block;
    margin: 0 auto
}

[data-modal-name] img.test-error-img {
    height: 70px;
    margin-bottom: 35px
}

[data-modal-name] h1.centered {
    text-align: center;
    margin: 0 0 35px
}

[data-modal-name] .non-partners {
    margin: 30px 0;
    background-color: #f0f0f0;
    border-radius: .25rem
}

[data-modal-name] .non-partners .non-partner-text {
    color: #4c4c4c;
    padding: 12px 11px
}

@media (min-width: 768px),not screen {
    .access-program-modal,.contact-form,.counselors-modal,.dashboard-invite {
        text-align:left
    }
}

@media screen and (max-width: 767px) {
    .access-program-modal,.contact-form,.counselors-modal,.dashboard-invite {
        text-align:center
    }
}

.access-program-modal a[href],.contact-form a[href],.counselors-modal a[href],.dashboard-invite a[href] {
    color: #2285d0;
    font-weight: 700;
    text-decoration: underline
}

.access-program-modal a[href]:enabled:hover,.access-program-modal a[href]:link:hover,.access-program-modal a[href]:visited:hover,.contact-form a[href]:enabled:hover,.contact-form a[href]:link:hover,.contact-form a[href]:visited:hover,.counselors-modal a[href]:enabled:hover,.counselors-modal a[href]:link:hover,.counselors-modal a[href]:visited:hover,.dashboard-invite a[href]:enabled:hover,.dashboard-invite a[href]:link:hover,.dashboard-invite a[href]:visited:hover {
    color: #4e9dd9
}

.access-program-modal a[href]:enabled:active,.access-program-modal a[href]:enabled:focus,.access-program-modal a[href]:link:active,.access-program-modal a[href]:link:focus,.access-program-modal a[href]:visited:active,.access-program-modal a[href]:visited:focus,.contact-form a[href]:enabled:active,.contact-form a[href]:enabled:focus,.contact-form a[href]:link:active,.contact-form a[href]:link:focus,.contact-form a[href]:visited:active,.contact-form a[href]:visited:focus,.counselors-modal a[href]:enabled:active,.counselors-modal a[href]:enabled:focus,.counselors-modal a[href]:link:active,.counselors-modal a[href]:link:focus,.counselors-modal a[href]:visited:active,.counselors-modal a[href]:visited:focus,.dashboard-invite a[href]:enabled:active,.dashboard-invite a[href]:enabled:focus,.dashboard-invite a[href]:link:active,.dashboard-invite a[href]:link:focus,.dashboard-invite a[href]:visited:active,.dashboard-invite a[href]:visited:focus {
    color: #1f78bb
}

.access-program-modal a[href]:disabled,.contact-form a[href]:disabled,.counselors-modal a[href]:disabled,.dashboard-invite a[href]:disabled {
    color: #afafaf
}

.access-program-modal h2,.contact-form h2,.counselors-modal h2,.dashboard-invite h2 {
    color: #4c4c4c;
    font-size: 26px;
    font-weight: 500;
    line-height: 34px;
    margin-top: 0;
    margin-bottom: 30px
}

.access-program-modal p,.contact-form p,.counselors-modal p,.dashboard-invite p {
    color: #777;
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    margin-top: 0
}

.access-program-modal ul,.contact-form ul,.counselors-modal ul,.dashboard-invite ul {
    margin: 1em
}

.access-program-modal li,.contact-form li,.counselors-modal li,.dashboard-invite li {
    list-style-type: disc;
    margin: 0 5px 10px 2em
}

.access-program-modal li a,.contact-form li a,.counselors-modal li a,.dashboard-invite li a {
    text-decoration: underline
}

.access-program-modal input,.contact-form input,.counselors-modal input,.dashboard-invite input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: none
}

.access-program-modal select,.contact-form select,.counselors-modal select,.dashboard-invite select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.access-program-modal select::-ms-expand,.contact-form select::-ms-expand,.counselors-modal select::-ms-expand,.dashboard-invite select::-ms-expand {
    display: none
}

.access-program-modal [placeholder]::-moz-placeholder,.contact-form [placeholder]::-moz-placeholder,.counselors-modal [placeholder]::-moz-placeholder,.dashboard-invite [placeholder]::-moz-placeholder {
    opacity: 1;
    color: #777;
    font-size: 14px;
    font-weight: 500;
    overflow: visible
}

.access-program-modal [placeholder]::placeholder,.contact-form [placeholder]::placeholder,.counselors-modal [placeholder]::placeholder,.dashboard-invite [placeholder]::placeholder {
    opacity: 1;
    color: #777;
    font-size: 14px;
    font-weight: 500;
    overflow: visible
}

.dim-modal .modal-content .click-allow {
    display: table;
    width: 100%;
    text-align: center;
    white-space: nowrap;
    height: 60px
}

.dim-modal .modal-content .click-allow p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 26px;
    font-weight: 700
}

.access-program-modal fieldset,.counselors-modal fieldset {
    padding: 0;
    margin: 0 0 20px;
    border-radius: .5rem;
    overflow: hidden;
    border: 2px solid #f0f0f0
}

.access-program-modal input,.counselors-modal input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #4c4c4c
}

.access-program-modal input:invalid,.counselors-modal input:invalid {
    color: #777
}

.access-program-modal select,.counselors-modal select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
    color: #4c4c4c;
    width: 100%;
    border: none
}

.access-program-modal select::-ms-expand,.counselors-modal select::-ms-expand {
    display: none
}

.access-program-modal select option,.counselors-modal select option {
    display: table-caption
}

.access-program-modal select:invalid,.counselors-modal select:invalid {
    color: #777
}

.access-program-modal textarea,.counselors-modal textarea {
    font-size: 14px;
    color: #4c4c4c
}

.access-program-modal textarea:invalid,.counselors-modal textarea:invalid {
    color: #777
}

.access-program-modal .id-fields div,.counselors-modal .id-fields div {
    display: inline;
    font-size: 0
}

.access-program-modal .id-fields input,.counselors-modal .id-fields input {
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    display: inline-block;
    padding: 10px;
    border-radius: 0;
    border: 0 solid #f0f0f0;
    font-size: 14px;
    color: #4c4c4c
}

.access-program-modal .id-fields input:invalid,.counselors-modal .id-fields input:invalid {
    color: #777
}

.access-program-modal .id-fields input[type=number],.counselors-modal .id-fields input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: textfield
}

.access-program-modal .id-fields input[type=number]::-webkit-inner-spin-button,.access-program-modal .id-fields input[type=number]::-webkit-outer-spin-button,.counselors-modal .id-fields input[type=number]::-webkit-inner-spin-button,.counselors-modal .id-fields input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.access-program-modal .id-fields label,.counselors-modal .id-fields label {
    display: inline-block;
    padding: 10px;
    border-radius: 0;
    border: 0 solid #f0f0f0;
    position: relative;
    vertical-align: top
}

.access-program-modal .id-fields label:after,.counselors-modal .id-fields label:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-image: url(../images/icon-sprite.svg);
    background-position: 0 -78px;
    width: 14px;
    height: 8px;
    pointer-events: none;
    right: 10px
}

.access-program-modal .id-fields select,.counselors-modal .id-fields select {
    font-size: 14px;
    color: #4c4c4c;
    padding: 0;
    height: auto
}

.access-program-modal .id-fields select:invalid,.counselors-modal .id-fields select:invalid {
    color: #777
}

.access-program-modal .id-fields input,.counselors-modal .id-fields input {
    width: 50%;
    height: 40px;
    border-top-width: 2px
}

.access-program-modal .id-fields input:first-child,.access-program-modal .id-fields input:nth-child(2),.counselors-modal .id-fields input:first-child,.counselors-modal .id-fields input:nth-child(2) {
    border-top-width: 0
}

.access-program-modal .id-fields input:last-child,.access-program-modal .id-fields input:nth-last-child(2),.counselors-modal .id-fields input:last-child,.counselors-modal .id-fields input:nth-last-child(2) {
    width: 100%;
    border-left-width: 0;
    border-right-width: 0
}

.access-program-modal .id-fields input:nth-child(2n),.counselors-modal .id-fields input:nth-child(2n) {
    border-left-width: 1px
}

.access-program-modal .id-fields input:nth-child(odd),.counselors-modal .id-fields input:nth-child(odd) {
    border-right-width: 1px
}

.access-program-modal .id-fields label,.counselors-modal .id-fields label {
    border-top-width: 2px;
    width: 50%;
    height: 40px
}

.access-program-modal label[for=access-additional-info],.counselors-modal label[for=access-additional-info] {
    display: block;
    font-size: 14px;
    margin-bottom: 8px
}

.access-program-modal .association-fields,.counselors-modal .association-fields {
    font-size: 14px;
    padding: 12px
}

.access-program-modal .association-fields legend,.counselors-modal .association-fields legend {
    background-color: #fff
}

.access-program-modal .association-fields label,.counselors-modal .association-fields label {
    display: block;
    text-align: left;
    padding-left: 8px
}

.access-program-modal .association-fields label:not(:last-child),.counselors-modal .association-fields label:not(:last-child) {
    margin-bottom: 10px
}

.access-program-modal .additional-fields textarea,.counselors-modal .additional-fields textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100px;
    padding: 10px;
    border: none;
    line-height: 1.3
}

.access-program-modal fieldset:last-of-type,.counselors-modal fieldset:last-of-type {
    margin-bottom: 10px
}

.access-program-modal .submit-agreement,.counselors-modal .submit-agreement {
    display: block;
    font-size: 10px;
    margin-bottom: 18px
}

.access-program-modal .submit-agreement span,.counselors-modal .submit-agreement span {
    text-transform: uppercase
}

.access-program-modal input[type=submit],.counselors-modal input[type=submit] {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border-style: solid;
    border-color: transparent;
    background-color: #fa811b;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase
}

.access-program-modal input[type=submit]:disabled,.access-program-modal input[type=submit]:enabled:active,.access-program-modal input[type=submit]:enabled:focus,.access-program-modal input[type=submit]:enabled:hover,.access-program-modal input[type=submit]:link:active,.access-program-modal input[type=submit]:link:focus,.access-program-modal input[type=submit]:link:hover,.access-program-modal input[type=submit]:visited:active,.access-program-modal input[type=submit]:visited:focus,.access-program-modal input[type=submit]:visited:hover,.counselors-modal input[type=submit]:disabled,.counselors-modal input[type=submit]:enabled:active,.counselors-modal input[type=submit]:enabled:focus,.counselors-modal input[type=submit]:enabled:hover,.counselors-modal input[type=submit]:link:active,.counselors-modal input[type=submit]:link:focus,.counselors-modal input[type=submit]:link:hover,.counselors-modal input[type=submit]:visited:active,.counselors-modal input[type=submit]:visited:focus,.counselors-modal input[type=submit]:visited:hover {
    border-color: transparent
}

.access-program-modal input[type=submit]:enabled:hover,.access-program-modal input[type=submit]:link:hover,.access-program-modal input[type=submit]:visited:hover,.counselors-modal input[type=submit]:enabled:hover,.counselors-modal input[type=submit]:link:hover,.counselors-modal input[type=submit]:visited:hover {
    background-color: #fb9a49
}

.access-program-modal input[type=submit]:enabled:active,.access-program-modal input[type=submit]:enabled:focus,.access-program-modal input[type=submit]:link:active,.access-program-modal input[type=submit]:link:focus,.access-program-modal input[type=submit]:visited:active,.access-program-modal input[type=submit]:visited:focus,.counselors-modal input[type=submit]:enabled:active,.counselors-modal input[type=submit]:enabled:focus,.counselors-modal input[type=submit]:link:active,.counselors-modal input[type=submit]:link:focus,.counselors-modal input[type=submit]:visited:active,.counselors-modal input[type=submit]:visited:focus {
    background-color: #e17418
}

.access-program-modal input[type=submit]:disabled,.counselors-modal input[type=submit]:disabled {
    background-color: #ddd
}

.access-program-modal input[type=submit]:enabled:hover,.access-program-modal input[type=submit]:link:hover,.access-program-modal input[type=submit]:visited:hover,.counselors-modal input[type=submit]:enabled:hover,.counselors-modal input[type=submit]:link:hover,.counselors-modal input[type=submit]:visited:hover {
    color: #fff
}

.access-program-modal input[type=submit]:enabled:active,.access-program-modal input[type=submit]:enabled:focus,.access-program-modal input[type=submit]:link:active,.access-program-modal input[type=submit]:link:focus,.access-program-modal input[type=submit]:visited:active,.access-program-modal input[type=submit]:visited:focus,.counselors-modal input[type=submit]:enabled:active,.counselors-modal input[type=submit]:enabled:focus,.counselors-modal input[type=submit]:link:active,.counselors-modal input[type=submit]:link:focus,.counselors-modal input[type=submit]:visited:active,.counselors-modal input[type=submit]:visited:focus {
    color: #e6e6e6
}

.access-program-modal input[type=submit]:disabled,.counselors-modal input[type=submit]:disabled {
    color: #afafaf
}

@media screen and (max-width: 767px) {
    .access-program-modal input[type=submit],.counselors-modal input[type=submit] {
        width:100%
    }
}

.dashboard-invite p {
    font-size: 16px
}

.dashboard-invite input {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    white-space: nowrap;
    padding: 8px 20px;
    border-radius: .5rem;
    border: 2px solid #f0f0f0;
    width: 100%;
    margin-bottom: 18px
}

.contact-form input:disabled,.contact-form select:disabled {
    display: none
}

.contact-form fieldset {
    padding: 0;
    margin: 0 0 20px;
    border-radius: .5rem;
    overflow: hidden;
    border: 2px solid #f0f0f0
}

.contact-form fieldset input,.contact-form fieldset select {
    display: inline-block;
    padding: 10px;
    border-radius: 0;
    font-size: 14px;
    color: #4c4c4c;
    width: 100%;
    border: solid #f0f0f0;
    border-width: 2px 0 0
}

.contact-form fieldset input:invalid,.contact-form fieldset select:invalid {
    color: #777
}

.contact-form fieldset>:first-child {
    border-top-width: 0
}

.video-modal .modal-content {
    padding: 0
}

[data-modal-name=incorrectPassword] {
    display: flex;
    flex-direction: column;
    text-align: center
}

[data-modal-name=incorrectPassword] a.modal-link {
    color: #fa811b;
    cursor: pointer;
    border: none;
    background: none;
    padding: 15px 0 0;
    text-decoration: none;
    font-weight: 400
}

@media (hover: hover) {
    [data-modal-name=incorrectPassword] a.modal-link:hover {
        filter:brightness(1.1)
    }
}

[data-modal-name=certConsentPrivate],[data-modal-name=certConsentPrivateLinkedIn],[data-modal-name=certConsentPublic],[data-modal-name=certConsentPublicLinkedIn] {
    max-width: 440px;
    margin: auto
}

[data-modal-name=certConsentPrivate] h2.centered,[data-modal-name=certConsentPrivateLinkedIn] h2.centered,[data-modal-name=certConsentPublic] h2.centered,[data-modal-name=certConsentPublicLinkedIn] h2.centered {
    text-align: center;
    margin-bottom: 10px
}

[data-modal-name=certConsentPrivate] button,[data-modal-name=certConsentPrivateLinkedIn] button,[data-modal-name=certConsentPublic] button,[data-modal-name=certConsentPublicLinkedIn] button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap
}

[data-modal-name=scheduledMaintenanceStudent] h2.centered {
    text-align: center;
    margin-bottom: 10px
}

[data-modal-name=scheduledMaintenanceStudent] button.centered {
    margin: auto
}

[data-modal-name=secondaryCameraSetup] {
    max-width: 320px;
    margin: auto
}

[data-modal-name=secondaryCameraSetup] div.centered-message {
    margin-bottom: 20px
}

[data-modal-name=secondaryCameraSetup] h2.centered {
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
    text-align: center;
    margin: 0
}

@media (min-width: 768px),not screen {
    [data-modal-name=secondaryCameraSetup] .buttons {
        flex-direction:column
    }

    [data-modal-name=secondaryCameraSetup] .buttons button.centered {
        flex-basis: 24px;
        margin-bottom: 0
    }
}

[data-modal-name=secondaryCameraSetup] button.centered {
    display: block;
    width: 100%;
    margin: auto;
    font-size: 18px
}

[data-modal-name=adminRequired] {
    max-width: 320px
}

[data-modal-name=adminRequired] .centered {
    margin: auto;
    text-align: center
}

[data-modal-name=adminRequired] h2.centered {
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px
}

[data-modal-name=adminRequired] a.learn-more {
    text-decoration: none;
    font-size: 15px;
    color: #3c5d87;
    text-transform: uppercase
}

[data-modal-name=adminRequired] button.centered {
    display: block;
    width: 100%;
    font-size: 18px;
    flex-basis: 100%;
    margin-bottom: 16px
}

body.splash-view {
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    background-color: #fafafa;
    box-shadow: 0 0 15px #cfcfcf;
    display: flex;
    flex-direction: column
}

body.splash-view,body.splash-view #topbar {
    min-width: 320px;
    max-width: 1440px
}

body.splash-view #topbar .container {
    max-width: 1440px
}

@media (min-width: 1024px),not screen {
    body.splash-view #topbar .container {
        padding-left:10%;
        padding-right: 10%
    }
}

@media screen and (max-width: 1023px) {
    body.splash-view #topbar .container {
        padding-left:5%;
        padding-right: 5%
    }
}

body.splash-view #app {
    flex-grow: 1;
    width: 100%
}

.align-items-center {
    align-items: center
}

.two-cols {
    grid-column: 1/span 2
}

#app.onboarding-view .id-form-step select:invalid {
    color: #4c4c4c
}

#app.onboarding-view .id-form-step>div {
    height: 100%
}

#app.onboarding-view .id-form-step .css-grid {
    display: grid;
    grid-template-columns: 50% 50%;
    -moz-column-gap: 12px;
    column-gap: 12px;
    padding-right: 12px;
    row-gap: 8px
}

#app.onboarding-view .id-form-step #checkbox label {
    margin-top: -3px!important;
    height: -moz-fit-content!important;
    height: fit-content!important
}

#app.onboarding-view .id-form-step .left-indent {
    margin-left: 6px!important
}

#app.onboarding-view .id-form-step .thicker-text {
    font-weight: 400!important
}

#app.onboarding-view .id-form-step .main-container {
    width: 100%;
    padding: 0 40px;
    -moz-column-gap: 20px;
    column-gap: 20px;
    margin-top: 16px
}

#app.onboarding-view .id-form-step .extra-top-margin {
    margin-top: 35px!important
}

#app.onboarding-view .id-form-step .id-photo-container {
    align-self: flex-start;
    margin-top: 10px;
    transition: margin-top .4s
}

#app.onboarding-view .id-form-step .id-photo-container .id-photo-back-container {
    margin-top: 30px
}

#app.onboarding-view .id-form-step .id-photo-container .video-container {
    display: flex;
    align-self: center;
    border-radius: .25rem;
    border: 2px solid #fa811b;
    width: 160px;
    height: 120px;
    overflow: hidden;
    display: inline-block;
    box-sizing: initial
}

.redesign #app.onboarding-view .id-form-step .id-photo-container .video-container {
    border: 1px solid #3c5d87
}

#app.onboarding-view .id-form-step .id-photo-container .video-container .id-photo {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#app.onboarding-view .id-form-step .id-info-form {
    align-self: flex-start;
    text-align: left;
    justify-content: center;
    width: 100%;
    height: 280px;
    min-height: 250px
}

#app.onboarding-view .id-form-step .translated-name-wrapper {
    border-top: 3px;
    margin-bottom: -10px
}

#app.onboarding-view .id-form-step .dob-inputs>div,#app.onboarding-view .id-form-step .id-date-inputs>div {
    width: 100%
}

#app.onboarding-view .id-form-step input[type=text],#app.onboarding-view .id-form-step label {
    border-width: 2px;
    border-radius: .25rem
}

#app.onboarding-view .id-form-step p {
    margin-bottom: 3px
}

#app.onboarding-view .id-form-step .dates-container {
    margin-top: 25px
}

#app.onboarding-view .id-form-step .dates-container>div {
    width: 100%
}

#app.onboarding-view .id-form-step .date-input-view {
    display: flex;
    flex-direction: row
}

#app.onboarding-view .id-form-step .date-input-view label {
    border-radius: .25rem;
    border: 2px solid #cfcfcf;
    position: relative;
    flex-grow: 1;
    min-width: 75px
}

#app.onboarding-view .id-form-step .date-input-view label:enabled:hover,#app.onboarding-view .id-form-step .date-input-view label:link:hover,#app.onboarding-view .id-form-step .date-input-view label:visited:hover {
    border-color: #d9d9d9
}

#app.onboarding-view .id-form-step .date-input-view label:enabled:active,#app.onboarding-view .id-form-step .date-input-view label:enabled:focus,#app.onboarding-view .id-form-step .date-input-view label:link:active,#app.onboarding-view .id-form-step .date-input-view label:link:focus,#app.onboarding-view .id-form-step .date-input-view label:visited:active,#app.onboarding-view .id-form-step .date-input-view label:visited:focus {
    border-color: #bababa
}

#app.onboarding-view .id-form-step .date-input-view label:disabled {
    border-color: #afafaf
}

#app.onboarding-view .id-form-step .date-input-view label:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-image: url(../images/icon-sprite.svg);
    background-position: 0 -78px;
    width: 14px;
    height: 8px;
    pointer-events: none;
    right: 10px
}

.redesign #app.onboarding-view .id-form-step .date-input-view label {
    border-width: 1px
}

#app.onboarding-view .id-form-step .date-input-view label:focus-within {
    border-color: #fa811b
}

.redesign #app.onboarding-view .id-form-step .date-input-view label:focus-within {
    border-color: #3c5d87
}

#app.onboarding-view .id-form-step .date-input-view.row {
    margin: 0
}

#app.onboarding-view .id-form-step .date-input-view select {
    padding: 14px 13px
}

#app.onboarding-view .id-form-step .date-input-view .col {
    padding-left: 6px;
    padding-right: 0
}

#app.onboarding-view .id-form-step .date-input-view .col-auto {
    padding: 0;
    flex-grow: 1;
    flex-basis: 0
}

#app.onboarding-view .id-form-step .reminder {
    color: #777;
    font-weight: 300
}

#app.onboarding-view .id-form-step .invalid *,#app.onboarding-view .id-form-step .invalid label,#app.onboarding-view .id-form-step .invalid p {
    border-color: #e53838;
    color: #e53838
}

#app.onboarding-view .id-form-step .invalid .bad-date {
    display: inline-block;
    font-size: 15px;
    font-weight: 300
}

#app.onboarding-view .demographic-info-step>form {
    height: 100%
}

#app.onboarding-view .demographic-info-step h4 {
    align-self: center;
    width: 700px;
    margin-bottom: 55px
}

#app.onboarding-view .demographic-info-step .demographic-container {
    align-self: center;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

#app.onboarding-view .demographic-info-step .demographic-container .grey-select {
    margin-bottom: 40px;
    width: 290px
}

#app.onboarding-view .demographic-info-step .demographic-container p {
    color: #4c4c4c;
    font-weight: 400
}

.check-browser-step img.check-browser {
    margin-bottom: 45px
}

.check-browser-step img.check-browser-failed {
    margin-top: 18px;
    margin-bottom: 10px
}

.check-browser-step li {
    margin-left: 30px;
    padding-left: 5px;
    list-style-type: disc
}

.check-browser-step .plugin-test {
    position: absolute;
    z-index: -1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    border: 0;
    margin: 0;
    opacity: 0;
    cursor: default
}

.check-browser-step .check-browser-failed-reasons {
    width: 560px;
    text-align: left
}

.check-browser-step .check-browser-failed-reasons li {
    margin-top: 13px;
    margin-bottom: 13px
}

.check-browser-step .check-browser-failed-reasons p {
    margin-top: 18px;
    margin-bottom: 18px
}

.check-browser-step .contact-support {
    font-size: 16px
}

.check-browser-step .contact-support a {
    color: #777;
    text-decoration: underline
}

body.onboarding-view {
    display: table;
    min-width: 0;
    min-height: 700px;
    width: 100vw;
    height: 100vh
}

body.onboarding-view ::-webkit-input-placeholder {
    color: #b9b9b9;
    line-height: 24px;
    font-weight: 500
}

body.onboarding-view :-moz-placeholder {
    color: #b9b9b9;
    font-weight: 500
}

body.onboarding-view ::-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300
}

body.onboarding-view :-ms-input-placeholder {
    color: #b9b9b9;
    font-weight: 300
}

body.onboarding-view button:not(.zendesk-btn):not(.ignore-global-stylings) {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: .25rem
}

body.onboarding-view h1 {
    font-size: 27px;
    line-height: 38px;
    color: #4c4c4c;
    font-weight: 300;
    margin: 0 0 50px
}

body.onboarding-view h2:not(.redesign) {
    font-size: 26px;
    color: #001836;
    font-weight: 700;
    line-height: 31px;
    cursor: default
}

body.onboarding-view h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 10px
}

body.onboarding-view h4:not(.redesign) {
    font-size: 18px;
    color: #4c4c4c;
    margin: 0 0 10px
}

body.onboarding-view hr {
    height: 0;
    margin: 40px 0;
    border: none;
    border-top: 1px solid #f0f0f0
}

body.onboarding-view p:not(.ignore-global-stylings) {
    margin: 0 0 18px
}

body.onboarding-view #topbar {
    display: none
}

body.onboarding-view .leave-exam {
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #777;
    border: 2px solid #777
}

body.onboarding-view .leave-exam:enabled:hover,body.onboarding-view .leave-exam:link:hover,body.onboarding-view .leave-exam:visited:hover {
    color: #929292
}

body.onboarding-view .leave-exam:enabled:active,body.onboarding-view .leave-exam:enabled:focus,body.onboarding-view .leave-exam:link:active,body.onboarding-view .leave-exam:link:focus,body.onboarding-view .leave-exam:visited:active,body.onboarding-view .leave-exam:visited:focus {
    color: #6b6b6b
}

body.onboarding-view .leave-exam:disabled {
    color: #afafaf
}

body.onboarding-view .leave-exam:enabled:hover,body.onboarding-view .leave-exam:link:hover,body.onboarding-view .leave-exam:visited:hover {
    border-color: #929292
}

body.onboarding-view .leave-exam:enabled:active,body.onboarding-view .leave-exam:enabled:focus,body.onboarding-view .leave-exam:link:active,body.onboarding-view .leave-exam:link:focus,body.onboarding-view .leave-exam:visited:active,body.onboarding-view .leave-exam:visited:focus {
    border-color: #6b6b6b
}

body.onboarding-view .leave-exam:disabled {
    border-color: #afafaf
}

#app.onboarding-view {
    display: table-cell;
    margin: 0;
    vertical-align: middle;
    width: 100%;
    background: #f0f0f0;
    position: relative
}

#app.onboarding-view a {
    color: #fa811b
}

#app.onboarding-view a:enabled:hover,#app.onboarding-view a:link:hover,#app.onboarding-view a:visited:hover {
    color: #fb9a49
}

#app.onboarding-view a:enabled:active,#app.onboarding-view a:enabled:focus,#app.onboarding-view a:link:active,#app.onboarding-view a:link:focus,#app.onboarding-view a:visited:active,#app.onboarding-view a:visited:focus {
    color: #e17418
}

#app.onboarding-view a:disabled {
    color: #afafaf
}

.redesign #app.onboarding-view a {
    color: #2285d0
}

#app.onboarding-view .onboarding-below {
    position: absolute;
    width: 100%;
    margin-top: 33px;
    text-align: center
}

#app.onboarding-view .onboarding-below a,#app.onboarding-view .onboarding-below p {
    color: #777
}

#app.onboarding-view .onboarding-below a:enabled:hover,#app.onboarding-view .onboarding-below a:link:hover,#app.onboarding-view .onboarding-below a:visited:hover,#app.onboarding-view .onboarding-below p:enabled:hover,#app.onboarding-view .onboarding-below p:link:hover,#app.onboarding-view .onboarding-below p:visited:hover {
    color: #929292
}

#app.onboarding-view .onboarding-below a:enabled:active,#app.onboarding-view .onboarding-below a:enabled:focus,#app.onboarding-view .onboarding-below a:link:active,#app.onboarding-view .onboarding-below a:link:focus,#app.onboarding-view .onboarding-below a:visited:active,#app.onboarding-view .onboarding-below a:visited:focus,#app.onboarding-view .onboarding-below p:enabled:active,#app.onboarding-view .onboarding-below p:enabled:focus,#app.onboarding-view .onboarding-below p:link:active,#app.onboarding-view .onboarding-below p:link:focus,#app.onboarding-view .onboarding-below p:visited:active,#app.onboarding-view .onboarding-below p:visited:focus {
    color: #6b6b6b
}

#app.onboarding-view .onboarding-below a:disabled,#app.onboarding-view .onboarding-below p:disabled {
    color: #afafaf
}

#app.onboarding-view .onboarding-below a {
    font-weight: 700;
    text-decoration: underline
}

#app.onboarding-view .onboarding-below .submit-agreement {
    font-size: 14px
}

#app.onboarding-view .onboarding-below .submit-agreement span {
    text-transform: uppercase
}

#app.onboarding-view .main {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px #ddd;
    color: #3d4d5c;
    font-size: 16px;
    line-height: 1.3;
    margin: 0 auto;
    padding: 35px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    width: 900px;
    position: relative
}

#app.onboarding-view section {
    border-radius: .25rem .25rem 0 0;
    min-height: 415px
}

#app.onboarding-view .flex-section {
    display: flex;
    flex-direction: column;
    height: 100%
}

#app.onboarding-view .flex-section header {
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#app.onboarding-view .flex-section .flex-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    align-items: center;
    justify-content: center
}

#app.onboarding-view .step {
    height: 415px;
    width: 830px;
    text-align: center;
    vertical-align: top
}

#app.onboarding-view .radio-buttons p {
    font-size: 18px;
    font-weight: 500
}

#app.onboarding-view .radio-buttons .radio-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    color: #fa811b;
    background-color: #fff;
    border: 2px solid #fa811b;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 83px;
    margin-right: 13px
}

#app.onboarding-view .radio-buttons .radio-button:enabled:active,#app.onboarding-view .radio-buttons .radio-button:enabled:focus,#app.onboarding-view .radio-buttons .radio-button:enabled:hover,#app.onboarding-view .radio-buttons .radio-button:link:active,#app.onboarding-view .radio-buttons .radio-button:link:focus,#app.onboarding-view .radio-buttons .radio-button:link:hover,#app.onboarding-view .radio-buttons .radio-button:visited:active,#app.onboarding-view .radio-buttons .radio-button:visited:focus,#app.onboarding-view .radio-buttons .radio-button:visited:hover {
    color: #fff
}

#app.onboarding-view .radio-buttons .radio-button:disabled {
    color: #afafaf
}

#app.onboarding-view .radio-buttons .radio-button:enabled:hover,#app.onboarding-view .radio-buttons .radio-button:link:hover,#app.onboarding-view .radio-buttons .radio-button:visited:hover {
    background-color: #fa811b
}

#app.onboarding-view .radio-buttons .radio-button:enabled:active,#app.onboarding-view .radio-buttons .radio-button:enabled:focus,#app.onboarding-view .radio-buttons .radio-button:link:active,#app.onboarding-view .radio-buttons .radio-button:link:focus,#app.onboarding-view .radio-buttons .radio-button:visited:active,#app.onboarding-view .radio-buttons .radio-button:visited:focus {
    background-color: #e17418
}

#app.onboarding-view .radio-buttons .radio-button:disabled {
    background-color: #ddd
}

#app.onboarding-view .radio-buttons .radio-button:enabled:hover,#app.onboarding-view .radio-buttons .radio-button:link:hover,#app.onboarding-view .radio-buttons .radio-button:visited:hover {
    border-color: #fa811b
}

#app.onboarding-view .radio-buttons .radio-button:enabled:active,#app.onboarding-view .radio-buttons .radio-button:enabled:focus,#app.onboarding-view .radio-buttons .radio-button:link:active,#app.onboarding-view .radio-buttons .radio-button:link:focus,#app.onboarding-view .radio-buttons .radio-button:visited:active,#app.onboarding-view .radio-buttons .radio-button:visited:focus {
    border-color: #e17418
}

#app.onboarding-view .radio-buttons .radio-button:disabled {
    border-color: #afafaf
}

#app.onboarding-view .radio-buttons .radio-button.selected {
    background: #fa811b;
    color: #fff
}

#app.onboarding-view .date-input-view .day {
    padding-right: 4rem
}

#app.onboarding-view .ready-step .flex-column {
    width: 60%;
    gap: 16px
}

#app.onboarding-view .ready-step img {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    margin-bottom: 16px
}

#app.onboarding-view .record-step .recording-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-left: 115px
}

#app.onboarding-view .record-step .start-recording-wrapper.collapsed,#app.onboarding-view .record-step .stop-recording-wrapper.collapsed {
    height: 0;
    overflow: hidden
}

#app.onboarding-view .record-step .recording-button {
    width: 100%;
    border-width: 2px;
    padding: 12px 20px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

#app.onboarding-view .record-step .recording-button .recording-text {
    display: inline-block;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto
}

#app.onboarding-view .record-step .recording-button:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background-color: currentColor;
    width: 16px;
    height: 16px;
    margin-right: 13px
}

#app.onboarding-view .record-step .recording-button:before:disabled,#app.onboarding-view .record-step .recording-button:before:enabled:active,#app.onboarding-view .record-step .recording-button:before:enabled:focus,#app.onboarding-view .record-step .recording-button:before:enabled:hover,#app.onboarding-view .record-step .recording-button:before:link:active,#app.onboarding-view .record-step .recording-button:before:link:focus,#app.onboarding-view .record-step .recording-button:before:link:hover,#app.onboarding-view .record-step .recording-button:before:visited:active,#app.onboarding-view .record-step .recording-button:before:visited:focus,#app.onboarding-view .record-step .recording-button:before:visited:hover {
    background-color: currentColor
}

#app.onboarding-view .record-step .recording-button.start-recording {
    border-style: solid;
    border-color: #fa811b;
    background-color: transparent;
    color: #fa811b
}

#app.onboarding-view .record-step .recording-button.start-recording:enabled:hover,#app.onboarding-view .record-step .recording-button.start-recording:link:hover,#app.onboarding-view .record-step .recording-button.start-recording:visited:hover {
    border-color: #fb9a49
}

#app.onboarding-view .record-step .recording-button.start-recording:enabled:active,#app.onboarding-view .record-step .recording-button.start-recording:enabled:focus,#app.onboarding-view .record-step .recording-button.start-recording:link:active,#app.onboarding-view .record-step .recording-button.start-recording:link:focus,#app.onboarding-view .record-step .recording-button.start-recording:visited:active,#app.onboarding-view .record-step .recording-button.start-recording:visited:focus {
    border-color: #e17418
}

#app.onboarding-view .record-step .recording-button.start-recording:disabled {
    border-color: #afafaf
}

#app.onboarding-view .record-step .recording-button.start-recording:disabled,#app.onboarding-view .record-step .recording-button.start-recording:enabled:active,#app.onboarding-view .record-step .recording-button.start-recording:enabled:focus,#app.onboarding-view .record-step .recording-button.start-recording:enabled:hover,#app.onboarding-view .record-step .recording-button.start-recording:link:active,#app.onboarding-view .record-step .recording-button.start-recording:link:focus,#app.onboarding-view .record-step .recording-button.start-recording:link:hover,#app.onboarding-view .record-step .recording-button.start-recording:visited:active,#app.onboarding-view .record-step .recording-button.start-recording:visited:focus,#app.onboarding-view .record-step .recording-button.start-recording:visited:hover {
    background-color: transparent
}

#app.onboarding-view .record-step .recording-button.start-recording:enabled:hover,#app.onboarding-view .record-step .recording-button.start-recording:link:hover,#app.onboarding-view .record-step .recording-button.start-recording:visited:hover {
    color: #fb9a49
}

#app.onboarding-view .record-step .recording-button.start-recording:enabled:active,#app.onboarding-view .record-step .recording-button.start-recording:enabled:focus,#app.onboarding-view .record-step .recording-button.start-recording:link:active,#app.onboarding-view .record-step .recording-button.start-recording:link:focus,#app.onboarding-view .record-step .recording-button.start-recording:visited:active,#app.onboarding-view .record-step .recording-button.start-recording:visited:focus {
    color: #e17418
}

#app.onboarding-view .record-step .recording-button.start-recording:disabled {
    color: #afafaf
}

#app.onboarding-view .record-step .recording-button.start-recording:before {
    border-radius: 50%
}

#app.onboarding-view .record-step .recording-button.stop-recording {
    border-style: solid;
    border-color: transparent;
    background-color: #fa811b;
    color: #fff;
    position: relative
}

#app.onboarding-view .record-step .recording-button.stop-recording:disabled,#app.onboarding-view .record-step .recording-button.stop-recording:enabled:active,#app.onboarding-view .record-step .recording-button.stop-recording:enabled:focus,#app.onboarding-view .record-step .recording-button.stop-recording:enabled:hover,#app.onboarding-view .record-step .recording-button.stop-recording:link:active,#app.onboarding-view .record-step .recording-button.stop-recording:link:focus,#app.onboarding-view .record-step .recording-button.stop-recording:link:hover,#app.onboarding-view .record-step .recording-button.stop-recording:visited:active,#app.onboarding-view .record-step .recording-button.stop-recording:visited:focus,#app.onboarding-view .record-step .recording-button.stop-recording:visited:hover {
    border-color: transparent
}

#app.onboarding-view .record-step .recording-button.stop-recording:enabled:hover,#app.onboarding-view .record-step .recording-button.stop-recording:link:hover,#app.onboarding-view .record-step .recording-button.stop-recording:visited:hover {
    background-color: #fb9a49
}

#app.onboarding-view .record-step .recording-button.stop-recording:enabled:active,#app.onboarding-view .record-step .recording-button.stop-recording:enabled:focus,#app.onboarding-view .record-step .recording-button.stop-recording:link:active,#app.onboarding-view .record-step .recording-button.stop-recording:link:focus,#app.onboarding-view .record-step .recording-button.stop-recording:visited:active,#app.onboarding-view .record-step .recording-button.stop-recording:visited:focus {
    background-color: #e17418
}

#app.onboarding-view .record-step .recording-button.stop-recording:disabled {
    background-color: #ddd
}

#app.onboarding-view .record-step .recording-button.stop-recording:enabled:hover,#app.onboarding-view .record-step .recording-button.stop-recording:link:hover,#app.onboarding-view .record-step .recording-button.stop-recording:visited:hover {
    color: #fff
}

#app.onboarding-view .record-step .recording-button.stop-recording:enabled:active,#app.onboarding-view .record-step .recording-button.stop-recording:enabled:focus,#app.onboarding-view .record-step .recording-button.stop-recording:link:active,#app.onboarding-view .record-step .recording-button.stop-recording:link:focus,#app.onboarding-view .record-step .recording-button.stop-recording:visited:active,#app.onboarding-view .record-step .recording-button.stop-recording:visited:focus {
    color: #e6e6e6
}

#app.onboarding-view .record-step .recording-button.stop-recording:disabled {
    color: #afafaf
}

#app.onboarding-view .record-step .recording-button.stop-recording:before {
    border-radius: .25rem
}

#app.onboarding-view .record-step .recording-button.stop-recording .volume-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 0%;
    background-color: rgba(0,0,0,.1)
}

#app.onboarding-view .record-step .stopwatch-container {
    margin-top: 10px;
    font-weight: 700;
    color: #4c4c4c
}

#app.onboarding-view .id-sdk-step {
    height: 490px!important
}

#app.onboarding-view .demographic-info-step table,#app.onboarding-view .id-type-step table {
    color: #4c4c4c
}

#app.onboarding-view .demographic-info-step .stretch label,#app.onboarding-view .demographic-info-step .stretch select,#app.onboarding-view .demographic-info-step input,#app.onboarding-view .id-type-step .stretch label,#app.onboarding-view .id-type-step .stretch select,#app.onboarding-view .id-type-step input {
    border-radius: .25rem;
    width: 318px
}

#app.onboarding-view .demographic-info-step p,#app.onboarding-view .id-type-step p {
    margin-bottom: 5px
}

#app.onboarding-view .id-type-step>div {
    height: 100%
}

#app.onboarding-view .id-type-step a {
    font-weight: 700
}

#app.onboarding-view .id-type-step .id-container {
    align-self: center;
    flex-grow: 1;
    justify-content: center;
    text-align: left
}

#app.onboarding-view .id-type-step .id-container .grey-select {
    margin-bottom: 40px;
    width: 290px
}

#app.onboarding-view .id-type-step .id-container p {
    color: #4c4c4c;
    font-weight: 400
}

#app.onboarding-view .record-step .beside-buttons {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

#app.onboarding-view .record-step .radio-buttons {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin-left: 45px
}

#app.onboarding-view .id-resubmitted-step>div {
    margin-top: 85px
}

#app.onboarding-view .rule-step .captioned-rule {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%
}

#app.onboarding-view .rule-step .captioned-rule div {
    max-width: 180px
}

#app.onboarding-view .rule-step .captioned-rule div:not(:last-child) {
    margin-right: 90px
}

#app.onboarding-view .rule-step .captioned-rule img {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 16px
}

#app.onboarding-view h2 {
    color: #4c4c4c;
    font-size: 26px;
    line-height: 1.3;
    margin: 0 0 10px
}

.redesign #app.onboarding-view h2 {
    color: #001836
}

#app.onboarding-view h4 {
    color: #777;
    font-size: 18px;
    font-weight: 300;
    margin: 0
}

.redesign #app.onboarding-view h4 {
    color: #083156
}

#app.onboarding-view p {
    color: #777;
    font-size: 18px;
    font-weight: 500;
    line-height: 28px
}

.redesign #app.onboarding-view p {
    color: #3d4d5c
}

#app.onboarding-view .big-button {
    border: 2px;
    border-radius: .25rem;
    color: #cfcfcf;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    margin-top: 140px;
    padding: 12px 20px;
    text-transform: uppercase
}

#app.onboarding-view .big-button.clickable {
    border-color: #fa811b;
    color: #fff;
    cursor: pointer;
    background-color: #fa811b
}

#app.onboarding-view .big-button.clickable:enabled:hover,#app.onboarding-view .big-button.clickable:link:hover,#app.onboarding-view .big-button.clickable:visited:hover {
    background-color: #fb9a49
}

#app.onboarding-view .big-button.clickable:enabled:active,#app.onboarding-view .big-button.clickable:enabled:focus,#app.onboarding-view .big-button.clickable:link:active,#app.onboarding-view .big-button.clickable:link:focus,#app.onboarding-view .big-button.clickable:visited:active,#app.onboarding-view .big-button.clickable:visited:focus {
    background-color: #e17418
}

#app.onboarding-view .big-button.clickable:disabled {
    background-color: #ddd
}

#app.onboarding-view .big-button * {
    vertical-align: middle
}

#app.onboarding-view .big-button img {
    margin-right: 15px
}

#app.onboarding-view td {
    padding: 6px;
    vertical-align: top
}

#app.onboarding-view video {
    border-radius: .25rem;
    height: 240px;
    max-width: 720px
}

#app.onboarding-view table {
    display: inline-block;
    text-align: left
}

#app.onboarding-view form p {
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 500
}

#app.onboarding-view form input {
    color: #4c4c4c
}

#app.onboarding-view form input:enabled:hover,#app.onboarding-view form input:link:hover,#app.onboarding-view form input:visited:hover {
    color: #707070
}

#app.onboarding-view form input:enabled:active,#app.onboarding-view form input:enabled:focus,#app.onboarding-view form input:link:active,#app.onboarding-view form input:link:focus,#app.onboarding-view form input:visited:active,#app.onboarding-view form input:visited:focus {
    color: #444
}

#app.onboarding-view form input:disabled {
    color: #afafaf
}

#app.onboarding-view form input::-moz-placeholder {
    color: #afafaf
}

#app.onboarding-view form input::placeholder {
    color: #afafaf
}

#app.onboarding-view form input::-moz-placeholder {
    opacity: 1;
    font-weight: 300
}

#app.onboarding-view form input::placeholder {
    opacity: 1;
    font-weight: 300
}

#app.onboarding-view form select {
    display: table-cell
}

#app.onboarding-view form select option {
    display: table-caption
}

#app.onboarding-view form input[type=email],#app.onboarding-view form input[type=text],#app.onboarding-view form label {
    height: 50px
}

#app.onboarding-view form label select {
    width: 100%;
    height: 100%
}

#app.onboarding-view form input[type=email],#app.onboarding-view form input[type=text],#app.onboarding-view form select {
    font-weight: 300
}

#app.onboarding-view form input[type=email]:valid,#app.onboarding-view form input[type=text]:valid,#app.onboarding-view form select:valid {
    color: #4c4c4c
}

#app.onboarding-view form input[type=email]:invalid,#app.onboarding-view form input[type=text]:invalid,#app.onboarding-view form select:invalid {
    color: #afafaf
}

#app.onboarding-view input[type=email],#app.onboarding-view input[type=text] {
    border-radius: .5rem;
    border-style: solid;
    border-color: #cfcfcf;
    padding: 5px 10px;
    box-shadow: none;
    color: #4c4c4c;
    font-size: 16px
}

#app.onboarding-view input[type=email]:enabled:hover,#app.onboarding-view input[type=email]:link:hover,#app.onboarding-view input[type=email]:visited:hover,#app.onboarding-view input[type=text]:enabled:hover,#app.onboarding-view input[type=text]:link:hover,#app.onboarding-view input[type=text]:visited:hover {
    border-color: #d9d9d9
}

#app.onboarding-view input[type=email]:enabled:active,#app.onboarding-view input[type=email]:enabled:focus,#app.onboarding-view input[type=email]:link:active,#app.onboarding-view input[type=email]:link:focus,#app.onboarding-view input[type=email]:visited:active,#app.onboarding-view input[type=email]:visited:focus,#app.onboarding-view input[type=text]:enabled:active,#app.onboarding-view input[type=text]:enabled:focus,#app.onboarding-view input[type=text]:link:active,#app.onboarding-view input[type=text]:link:focus,#app.onboarding-view input[type=text]:visited:active,#app.onboarding-view input[type=text]:visited:focus {
    border-color: #bababa
}

#app.onboarding-view input[type=email]:disabled,#app.onboarding-view input[type=text]:disabled {
    border-color: #afafaf
}

.redesign #app.onboarding-view input[type=email],.redesign #app.onboarding-view input[type=text] {
    border-width: 1px
}

#app.onboarding-view input[type=email]:enabled:focus,#app.onboarding-view input[type=email]:enabled:hover,#app.onboarding-view input[type=text]:enabled:focus,#app.onboarding-view input[type=text]:enabled:hover {
    border-color: #fa811b
}

.redesign #app.onboarding-view input[type=email]:enabled:focus,.redesign #app.onboarding-view input[type=email]:enabled:hover,.redesign #app.onboarding-view input[type=text]:enabled:focus,.redesign #app.onboarding-view input[type=text]:enabled:hover {
    border-color: #3c5d87
}

#app.onboarding-view input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 1em;
    height: 1em;
    line-height: 1em;
    box-sizing: content-box;
    border-radius: 50%;
    position: relative;
    border: 3px solid #ddd;
    margin: 2px 0 0
}

#app.onboarding-view input[type=radio]:enabled:hover,#app.onboarding-view input[type=radio]:link:hover,#app.onboarding-view input[type=radio]:visited:hover {
    border-color: #fb9a49
}

#app.onboarding-view input[type=radio]:enabled:active,#app.onboarding-view input[type=radio]:enabled:focus,#app.onboarding-view input[type=radio]:link:active,#app.onboarding-view input[type=radio]:link:focus,#app.onboarding-view input[type=radio]:visited:active,#app.onboarding-view input[type=radio]:visited:focus {
    border-color: #e17418
}

#app.onboarding-view input[type=radio]:disabled {
    border-color: #afafaf
}

.redesign #app.onboarding-view input[type=radio] {
    border-width: 1px
}

.redesign #app.onboarding-view input[type=radio]:active,.redesign #app.onboarding-view input[type=radio]:checked,.redesign #app.onboarding-view input[type=radio]:focus,.redesign #app.onboarding-view input[type=radio]:hover {
    border-color: #2285d0;
    border-width: 1px;
    cursor: pointer
}

#app.onboarding-view input[type=radio]:checked:after {
    content: "";
    position: absolute;
    left: 20%;
    top: 20%;
    height: 60%;
    width: 60%;
    background-color: #fa811b;
    border-radius: 50%
}

#app.onboarding-view input[type=radio]:checked:after:enabled:hover,#app.onboarding-view input[type=radio]:checked:after:link:hover,#app.onboarding-view input[type=radio]:checked:after:visited:hover {
    background-color: #fb9a49
}

#app.onboarding-view input[type=radio]:checked:after:enabled:active,#app.onboarding-view input[type=radio]:checked:after:enabled:focus,#app.onboarding-view input[type=radio]:checked:after:link:active,#app.onboarding-view input[type=radio]:checked:after:link:focus,#app.onboarding-view input[type=radio]:checked:after:visited:active,#app.onboarding-view input[type=radio]:checked:after:visited:focus {
    background-color: #e17418
}

#app.onboarding-view input[type=radio]:checked:after:disabled {
    background-color: #ddd
}

.redesign #app.onboarding-view input[type=radio]:checked:after {
    background-color: #2285d0;
    color: #2285d0
}

#app.onboarding-view input[type=radio]:active {
    background: #fff
}

#app.onboarding-view .grey-select {
    border-radius: .5rem;
    border-style: solid;
    border-color: #cfcfcf
}

#app.onboarding-view .grey-select:enabled:hover,#app.onboarding-view .grey-select:link:hover,#app.onboarding-view .grey-select:visited:hover {
    border-color: #d9d9d9
}

#app.onboarding-view .grey-select:enabled:active,#app.onboarding-view .grey-select:enabled:focus,#app.onboarding-view .grey-select:link:active,#app.onboarding-view .grey-select:link:focus,#app.onboarding-view .grey-select:visited:active,#app.onboarding-view .grey-select:visited:focus {
    border-color: #bababa
}

#app.onboarding-view .grey-select:disabled {
    border-color: #afafaf
}

.redesign #app.onboarding-view .grey-select {
    border-width: 1px
}

#app.onboarding-view .grey-select.focused-label {
    border-color: #fa811b
}

.redesign #app.onboarding-view .grey-select.focused-label {
    border-color: #2285d0
}

#app.onboarding-view select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    color: #777;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 300;
    -webkit-font-smoothing: antialiased;
    line-height: 1em;
    overflow: hidden;
    padding: 8px;
    text-indent: .01px;
    text-overflow: "";
    white-space: nowrap
}

#app.onboarding-view select.selected {
    color: #4c4c4c
}

#app.onboarding-view .id-resubmitted-step img {
    width: 176px;
    height: 148px
}

#app.onboarding-view footer {
    border-radius: 0 0 .25rem .25rem;
    border-top: 2px solid #f0f0f0;
    padding-top: 35px;
    min-height: 75px;
    text-align: center
}

#app.onboarding-view footer button {
    height: 42px;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border-width: 2px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase
}

#app.onboarding-view footer button.done {
    border-style: solid;
    border-color: #fa811b;
    background-color: #fa811b;
    color: #fff
}

#app.onboarding-view footer button.done:enabled:hover,#app.onboarding-view footer button.done:link:hover,#app.onboarding-view footer button.done:visited:hover {
    border-color: #fb9a49
}

#app.onboarding-view footer button.done:enabled:active,#app.onboarding-view footer button.done:enabled:focus,#app.onboarding-view footer button.done:link:active,#app.onboarding-view footer button.done:link:focus,#app.onboarding-view footer button.done:visited:active,#app.onboarding-view footer button.done:visited:focus {
    border-color: #e17418
}

#app.onboarding-view footer button.done:disabled {
    border-color: #afafaf
}

#app.onboarding-view footer button.done:enabled:hover,#app.onboarding-view footer button.done:link:hover,#app.onboarding-view footer button.done:visited:hover {
    background-color: #fb9a49
}

#app.onboarding-view footer button.done:enabled:active,#app.onboarding-view footer button.done:enabled:focus,#app.onboarding-view footer button.done:link:active,#app.onboarding-view footer button.done:link:focus,#app.onboarding-view footer button.done:visited:active,#app.onboarding-view footer button.done:visited:focus {
    background-color: #e17418
}

#app.onboarding-view footer button.done:disabled {
    background-color: #ddd
}

#app.onboarding-view footer button.done:enabled:hover,#app.onboarding-view footer button.done:link:hover,#app.onboarding-view footer button.done:visited:hover {
    color: #fff
}

#app.onboarding-view footer button.done:enabled:active,#app.onboarding-view footer button.done:enabled:focus,#app.onboarding-view footer button.done:link:active,#app.onboarding-view footer button.done:link:focus,#app.onboarding-view footer button.done:visited:active,#app.onboarding-view footer button.done:visited:focus {
    color: #e6e6e6
}

#app.onboarding-view footer button.done:disabled {
    color: #afafaf
}

#app.onboarding-view footer button.done.redesign {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 150px;
    background-color: #3c5d87;
    color: #fff
}

#app.onboarding-view footer button.done.redesign:enabled:hover,#app.onboarding-view footer button.done.redesign:link:hover,#app.onboarding-view footer button.done.redesign:visited:hover {
    background-color: #637d9f
}

#app.onboarding-view footer button.done.redesign:enabled:active,#app.onboarding-view footer button.done.redesign:enabled:focus,#app.onboarding-view footer button.done.redesign:link:active,#app.onboarding-view footer button.done.redesign:link:focus,#app.onboarding-view footer button.done.redesign:visited:active,#app.onboarding-view footer button.done.redesign:visited:focus {
    background-color: #36547a
}

#app.onboarding-view footer button.done.redesign:disabled {
    background-color: #f1f4f6;
    color: #8c96a1
}

#app.onboarding-view footer button.done.redesign:enabled:hover,#app.onboarding-view footer button.done.redesign:link:hover,#app.onboarding-view footer button.done.redesign:visited:hover {
    color: #fff
}

#app.onboarding-view footer button.done.redesign:enabled:active,#app.onboarding-view footer button.done.redesign:enabled:focus,#app.onboarding-view footer button.done.redesign:link:active,#app.onboarding-view footer button.done.redesign:link:focus,#app.onboarding-view footer button.done.redesign:visited:active,#app.onboarding-view footer button.done.redesign:visited:focus {
    color: #e6e6e6
}

#app.onboarding-view footer button.done.redesign:disabled {
    color: #afafaf
}

#app.onboarding-view footer button.done.hidden {
    display: none
}

#app.onboarding-view footer button.left:not(.redesign) {
    color: #fa811b;
    background-color: #fff;
    border-style: solid;
    border-color: #fa811b
}

#app.onboarding-view footer button.left:not(.redesign):enabled:active,#app.onboarding-view footer button.left:not(.redesign):enabled:focus,#app.onboarding-view footer button.left:not(.redesign):enabled:hover,#app.onboarding-view footer button.left:not(.redesign):link:active,#app.onboarding-view footer button.left:not(.redesign):link:focus,#app.onboarding-view footer button.left:not(.redesign):link:hover,#app.onboarding-view footer button.left:not(.redesign):visited:active,#app.onboarding-view footer button.left:not(.redesign):visited:focus,#app.onboarding-view footer button.left:not(.redesign):visited:hover {
    color: #fff
}

#app.onboarding-view footer button.left:not(.redesign):disabled {
    color: #afafaf
}

#app.onboarding-view footer button.left:not(.redesign):enabled:hover,#app.onboarding-view footer button.left:not(.redesign):link:hover,#app.onboarding-view footer button.left:not(.redesign):visited:hover {
    background-color: #fa811b
}

#app.onboarding-view footer button.left:not(.redesign):enabled:active,#app.onboarding-view footer button.left:not(.redesign):enabled:focus,#app.onboarding-view footer button.left:not(.redesign):link:active,#app.onboarding-view footer button.left:not(.redesign):link:focus,#app.onboarding-view footer button.left:not(.redesign):visited:active,#app.onboarding-view footer button.left:not(.redesign):visited:focus {
    background-color: #e17418
}

#app.onboarding-view footer button.left:not(.redesign):disabled {
    background-color: #ddd
}

#app.onboarding-view footer button.left:not(.redesign):enabled:hover,#app.onboarding-view footer button.left:not(.redesign):link:hover,#app.onboarding-view footer button.left:not(.redesign):visited:hover {
    border-color: #fa811b
}

#app.onboarding-view footer button.left:not(.redesign):enabled:active,#app.onboarding-view footer button.left:not(.redesign):enabled:focus,#app.onboarding-view footer button.left:not(.redesign):link:active,#app.onboarding-view footer button.left:not(.redesign):link:focus,#app.onboarding-view footer button.left:not(.redesign):visited:active,#app.onboarding-view footer button.left:not(.redesign):visited:focus {
    border-color: #e17418
}

#app.onboarding-view footer button.left:not(.redesign):disabled {
    border-color: #afafaf
}

#app.onboarding-view footer button.left.redesign {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border-width: 2px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 150px
}

#app.onboarding-view footer button.left.redesign:not(.redesign) {
    color: #fa811b;
    background-color: #fff;
    border-style: solid;
    border-color: #fa811b
}

#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:active,#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:focus,#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:hover,#app.onboarding-view footer button.left.redesign:not(.redesign):link:active,#app.onboarding-view footer button.left.redesign:not(.redesign):link:focus,#app.onboarding-view footer button.left.redesign:not(.redesign):link:hover,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:active,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:focus,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:hover {
    color: #fff
}

#app.onboarding-view footer button.left.redesign:not(.redesign):disabled {
    color: #afafaf
}

#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:hover,#app.onboarding-view footer button.left.redesign:not(.redesign):link:hover,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:hover {
    background-color: #fa811b
}

#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:active,#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:focus,#app.onboarding-view footer button.left.redesign:not(.redesign):link:active,#app.onboarding-view footer button.left.redesign:not(.redesign):link:focus,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:active,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:focus {
    background-color: #e17418
}

#app.onboarding-view footer button.left.redesign:not(.redesign):disabled {
    background-color: #ddd
}

#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:hover,#app.onboarding-view footer button.left.redesign:not(.redesign):link:hover,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:hover {
    border-color: #fa811b
}

#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:active,#app.onboarding-view footer button.left.redesign:not(.redesign):enabled:focus,#app.onboarding-view footer button.left.redesign:not(.redesign):link:active,#app.onboarding-view footer button.left.redesign:not(.redesign):link:focus,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:active,#app.onboarding-view footer button.left.redesign:not(.redesign):visited:focus {
    border-color: #e17418
}

#app.onboarding-view footer button.left.redesign:not(.redesign):disabled {
    border-color: #afafaf
}

#app.onboarding-view footer button.left.redesign.redesign {
    background-color: #f0faff;
    border: 1px solid #2285d0;
    color: #3c5d87
}

#app.onboarding-view footer button.left.redesign.redesign:enabled:hover,#app.onboarding-view footer button.left.redesign.redesign:link:hover,#app.onboarding-view footer button.left.redesign.redesign:visited:hover {
    background-color: #f3fbff
}

#app.onboarding-view footer button.left.redesign.redesign:enabled:active,#app.onboarding-view footer button.left.redesign.redesign:enabled:focus,#app.onboarding-view footer button.left.redesign.redesign:link:active,#app.onboarding-view footer button.left.redesign.redesign:link:focus,#app.onboarding-view footer button.left.redesign.redesign:visited:active,#app.onboarding-view footer button.left.redesign.redesign:visited:focus {
    background-color: #d8e1e6
}

#app.onboarding-view footer button.left.redesign.redesign:disabled {
    background-color: #ddd
}

#app.onboarding-view footer button.right {
    border-style: solid;
    border-color: transparent;
    background-color: #fa811b;
    color: #fff
}

#app.onboarding-view footer button.right:disabled,#app.onboarding-view footer button.right:enabled:active,#app.onboarding-view footer button.right:enabled:focus,#app.onboarding-view footer button.right:enabled:hover,#app.onboarding-view footer button.right:link:active,#app.onboarding-view footer button.right:link:focus,#app.onboarding-view footer button.right:link:hover,#app.onboarding-view footer button.right:visited:active,#app.onboarding-view footer button.right:visited:focus,#app.onboarding-view footer button.right:visited:hover {
    border-color: transparent
}

#app.onboarding-view footer button.right:enabled:hover,#app.onboarding-view footer button.right:link:hover,#app.onboarding-view footer button.right:visited:hover {
    background-color: #fb9a49
}

#app.onboarding-view footer button.right:enabled:active,#app.onboarding-view footer button.right:enabled:focus,#app.onboarding-view footer button.right:link:active,#app.onboarding-view footer button.right:link:focus,#app.onboarding-view footer button.right:visited:active,#app.onboarding-view footer button.right:visited:focus {
    background-color: #e17418
}

#app.onboarding-view footer button.right:disabled {
    background-color: #ddd
}

#app.onboarding-view footer button.right:enabled:hover,#app.onboarding-view footer button.right:link:hover,#app.onboarding-view footer button.right:visited:hover {
    color: #fff
}

#app.onboarding-view footer button.right:enabled:active,#app.onboarding-view footer button.right:enabled:focus,#app.onboarding-view footer button.right:link:active,#app.onboarding-view footer button.right:link:focus,#app.onboarding-view footer button.right:visited:active,#app.onboarding-view footer button.right:visited:focus {
    color: #e6e6e6
}

#app.onboarding-view footer button.right:disabled {
    color: #afafaf
}

#app.onboarding-view footer button.right.redesign {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 150px;
    background-color: #3c5d87;
    color: #fff
}

#app.onboarding-view footer button.right.redesign:enabled:hover,#app.onboarding-view footer button.right.redesign:link:hover,#app.onboarding-view footer button.right.redesign:visited:hover {
    background-color: #637d9f
}

#app.onboarding-view footer button.right.redesign:enabled:active,#app.onboarding-view footer button.right.redesign:enabled:focus,#app.onboarding-view footer button.right.redesign:link:active,#app.onboarding-view footer button.right.redesign:link:focus,#app.onboarding-view footer button.right.redesign:visited:active,#app.onboarding-view footer button.right.redesign:visited:focus {
    background-color: #36547a
}

#app.onboarding-view footer button.right.redesign:disabled {
    background-color: #f1f4f6;
    color: #8c96a1
}

#app.onboarding-view footer button.right.redesign:enabled:hover,#app.onboarding-view footer button.right.redesign:link:hover,#app.onboarding-view footer button.right.redesign:visited:hover {
    color: #fff
}

#app.onboarding-view footer button.right.redesign:enabled:active,#app.onboarding-view footer button.right.redesign:enabled:focus,#app.onboarding-view footer button.right.redesign:link:active,#app.onboarding-view footer button.right.redesign:link:focus,#app.onboarding-view footer button.right.redesign:visited:active,#app.onboarding-view footer button.right.redesign:visited:focus {
    color: #e6e6e6
}

#app.onboarding-view footer button.right.redesign:disabled {
    color: #afafaf
}

#app.onboarding-view footer a {
    margin-top: 15px;
    display: block;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer
}

#app.onboarding-view footer .progress-total {
    margin-top: 15px;
    height: 8px;
    width: 320px;
    border-radius: 6px;
    background: #ddd;
    display: inline-block
}

#app.onboarding-view footer .progress-total .progress-filled {
    width: 0;
    height: 100%;
    background-color: #faa918;
    background-image: linear-gradient(90deg,#faa918,#fa811b);
    border-radius: 6px;
    transition: width .2s cubic-bezier(.02,.01,.47,1)
}

#app.onboarding-view .loading-wrapper {
    position: relative;
    float: right;
    width: 0
}

#app.onboarding-view .loading-wrapper .loading-indicator {
    right: 10px;
    top: 9px;
    position: absolute
}

#app.test-view {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    min-width: 0;
    padding: 0;
    width: 100vw;
    min-height: 100vh;
    max-height: 100vh;
    margin: 0;
    -webkit-touch-callout: none;
    vertical-align: middle;
    background: #f0f0f0
}

#app.test-view ::-webkit-input-placeholder {
    color: #b9b9b9;
    line-height: 24px;
    font-weight: 500
}

#app.test-view :-moz-placeholder {
    color: #b9b9b9;
    font-weight: 500
}

#app.test-view ::-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300
}

#app.test-view :-ms-input-placeholder {
    color: #b9b9b9;
    font-weight: 300
}

#app.test-view button:not(.zendesk-btn):not(.ignore-global-stylings) {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: .25rem
}

#app.test-view h1 {
    font-size: 27px;
    line-height: 38px;
    color: #4c4c4c;
    font-weight: 300;
    margin: 0 0 50px
}

#app.test-view h2:not(.redesign) {
    font-size: 26px;
    color: #001836;
    font-weight: 700;
    line-height: 31px;
    cursor: default
}

#app.test-view h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 10px
}

#app.test-view h4:not(.redesign) {
    font-size: 18px;
    color: #4c4c4c;
    margin: 0 0 10px
}

#app.test-view hr {
    height: 0;
    margin: 40px 0;
    border: none;
    border-top: 1px solid #f0f0f0
}

#app.test-view p:not(.ignore-global-stylings) {
    margin: 0 0 18px
}

#app.test-view .leave-exam {
    position: absolute;
    right: 10px;
    top: 10px;
    background: none;
    font-size: 14px;
    text-transform: uppercase;
    color: #777;
    border: 2px solid #777
}

#app.test-view .leave-exam:enabled:hover,#app.test-view .leave-exam:link:hover,#app.test-view .leave-exam:visited:hover {
    color: #929292
}

#app.test-view .leave-exam:enabled:active,#app.test-view .leave-exam:enabled:focus,#app.test-view .leave-exam:link:active,#app.test-view .leave-exam:link:focus,#app.test-view .leave-exam:visited:active,#app.test-view .leave-exam:visited:focus {
    color: #6b6b6b
}

#app.test-view .leave-exam:disabled {
    color: #afafaf
}

#app.test-view .leave-exam:enabled:hover,#app.test-view .leave-exam:link:hover,#app.test-view .leave-exam:visited:hover {
    border-color: #929292
}

#app.test-view .leave-exam:enabled:active,#app.test-view .leave-exam:enabled:focus,#app.test-view .leave-exam:link:active,#app.test-view .leave-exam:link:focus,#app.test-view .leave-exam:visited:active,#app.test-view .leave-exam:visited:focus {
    border-color: #6b6b6b
}

#app.test-view .leave-exam:disabled {
    border-color: #afafaf
}

#app.test-view .main {
    width: 900px;
    background: #fff;
    border-radius: .25rem;
    box-shadow: 0 0 15px #ddd;
    margin: 0 auto;
    padding: 0 45px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#app.test-view .main>header {
    display: grid;
    grid-template-columns: auto min-content;
    background: #fff;
    padding: 36px 0 20px
}

#app.test-view .main>header .test-header-outer-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-grow: 1
}

#app.test-view .main>header .video-container {
    display: flex;
    align-self: flex-end;
    height: 72px;
    min-height: 72px;
    width: 72px;
    min-width: 72px;
    overflow: hidden;
    position: relative;
    border-radius: .25rem;
    margin-left: 24px
}

#app.test-view .main>header .video-container video {
    height: 100%;
    margin-left: -13px;
    transform: scale(1.5) rotateY(180deg)
}

#app.test-view .main>header .progress-total {
    background-color: #f1f4f6;
    border-radius: .375rem;
    display: inline-block;
    height: .5rem;
    margin-top: 24px;
    width: 100%
}

#app.test-view .main>header .progress-total .progress-filled {
    width: 0;
    height: 100%;
    border-radius: .375rem;
    background-color: #fa0;
    transition: width .2s cubic-bezier(.02,.01,.47,1)
}

#app.test-view .main>header.free-response.disable-header-video .video-container {
    display: none
}

#app.test-view .main>section {
    background: #fff;
    min-height: 334px;
    padding: 20px 0
}

#app.test-view .main>footer {
    align-items: center;
    border-radius: 0 0 .25rem .25rem;
    border-top: 2px solid #f0f0f0;
    display: flex;
    height: 114px;
    justify-content: space-between;
    padding: 36px 0
}

#app.test-view .main>footer button:not(.ignore-global-stylings) {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 12px 20px;
    border-radius: .25rem;
    border: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    min-width: 150px;
    background-color: #3c5d87;
    color: #fff
}

#app.test-view .main>footer button:not(.ignore-global-stylings):enabled:hover,#app.test-view .main>footer button:not(.ignore-global-stylings):link:hover,#app.test-view .main>footer button:not(.ignore-global-stylings):visited:hover {
    background-color: #637d9f
}

#app.test-view .main>footer button:not(.ignore-global-stylings):enabled:active,#app.test-view .main>footer button:not(.ignore-global-stylings):enabled:focus,#app.test-view .main>footer button:not(.ignore-global-stylings):link:active,#app.test-view .main>footer button:not(.ignore-global-stylings):link:focus,#app.test-view .main>footer button:not(.ignore-global-stylings):visited:active,#app.test-view .main>footer button:not(.ignore-global-stylings):visited:focus {
    background-color: #36547a
}

#app.test-view .main>footer button:not(.ignore-global-stylings):disabled {
    background-color: #f1f4f6;
    color: #8c96a1
}

#app.test-view .main>footer button:not(.ignore-global-stylings):enabled:hover,#app.test-view .main>footer button:not(.ignore-global-stylings):link:hover,#app.test-view .main>footer button:not(.ignore-global-stylings):visited:hover {
    color: #fff
}

#app.test-view .main>footer button:not(.ignore-global-stylings):enabled:active,#app.test-view .main>footer button:not(.ignore-global-stylings):enabled:focus,#app.test-view .main>footer button:not(.ignore-global-stylings):link:active,#app.test-view .main>footer button:not(.ignore-global-stylings):link:focus,#app.test-view .main>footer button:not(.ignore-global-stylings):visited:active,#app.test-view .main>footer button:not(.ignore-global-stylings):visited:focus {
    color: #e6e6e6
}

#app.test-view .main>footer button:not(.ignore-global-stylings):disabled {
    color: #afafaf
}

#app.test-view .loading-indicator {
    float: right;
    padding: 9px 10px 0 0
}

#app.test-view .loading-wrapper {
    text-align: center
}

#app.test-view .loading-wrapper .loading-bar {
    border-radius: 100px;
    border: 2px solid #fff;
    display: inline-block;
    height: 170px;
    margin-top: 40px;
    width: 170px
}

#app.test-view .loading-wrapper .loading-message {
    border-radius: 100px;
    text-align: center;
    background: #fff;
    color: #ddd;
    font-weight: 700;
    height: 158px;
    margin: 4px 0 0 4px;
    padding: 60px 0 0 3px;
    width: 158px
}

#app.test-view .loading-wrapper .loading-message p {
    font-size: 16px;
    margin-bottom: 10px
}

#app.test-view .loading-wrapper .loading-message p.percent {
    font-size: 36px
}

#app.test-view .credit {
    font-size: 14px;
    height: 0;
    color: #cfcfcf;
    position: relative;
    right: 40px;
    top: 10px
}

#app.test-view h2 {
    color: #001836;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center
}

#app.test-view .loading-dots-container {
    justify-content: center;
    align-items: center
}

#app.test-view .offboarding header {
    grid-template-columns: auto
}

#app.test-view .offboarding header>span {
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    line-height: 40px
}

#app.test-view .offboarding header>span>span {
    color: #fa811b
}

#app.test-view .offboarding .progress-total {
    background: rgba(250,129,27,.2)!important;
    margin-top: 12px!important;
    width: 100%!important
}

#app.test-view .offboarding .progress-filled {
    background: #fa811b
}

#app.test-view .offboarding h2 {
    font-size: 26px;
    line-height: normal;
    margin: 10px 0;
    text-align: left
}

#app.test-view .offboarding h2.center {
    text-align: center
}

#app.test-view .offboarding p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 0;
    font-weight: 300
}

#app.test-view .offboarding footer {
    position: relative;
    width: 100%;
    border-radius: 0 0 .25rem .25rem;
    border-top: 2px solid #f0f0f0;
    padding: 0
}

#app.test-view .offboarding .img-uploading {
    margin-top: 35px;
    width: 134px;
    max-height: 112px;
    margin-bottom: 36px
}

#app.test-view .offboarding button:not(.ignore-global-stylings) {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    padding: 8px 20px!important;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase;
    border-radius: .25rem;
    border: none;
    height: 38px;
    min-width: 150px;
    text-decoration: none
}

#app.test-view .offboarding input[type=checkbox] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: top;
    width: 20px;
    height: 20px;
    font-size: 20px;
    border: 2px solid #ddd;
    border-radius: .25rem;
    color: #fa811b;
    padding: 0;
    position: relative;
    margin: 0 13px 0 0
}

#app.test-view .offboarding input[type=checkbox]:enabled:hover,#app.test-view .offboarding input[type=checkbox]:link:hover,#app.test-view .offboarding input[type=checkbox]:visited:hover {
    border-color: #e4e4e4
}

#app.test-view .offboarding input[type=checkbox]:enabled:active,#app.test-view .offboarding input[type=checkbox]:enabled:focus,#app.test-view .offboarding input[type=checkbox]:link:active,#app.test-view .offboarding input[type=checkbox]:link:focus,#app.test-view .offboarding input[type=checkbox]:visited:active,#app.test-view .offboarding input[type=checkbox]:visited:focus {
    border-color: #c7c7c7
}

#app.test-view .offboarding input[type=checkbox]:disabled {
    border-color: #afafaf
}

#app.test-view .offboarding input[type=checkbox]:enabled:hover,#app.test-view .offboarding input[type=checkbox]:link:hover,#app.test-view .offboarding input[type=checkbox]:visited:hover {
    color: #fb9a49
}

#app.test-view .offboarding input[type=checkbox]:enabled:active,#app.test-view .offboarding input[type=checkbox]:enabled:focus,#app.test-view .offboarding input[type=checkbox]:link:active,#app.test-view .offboarding input[type=checkbox]:link:focus,#app.test-view .offboarding input[type=checkbox]:visited:active,#app.test-view .offboarding input[type=checkbox]:visited:focus {
    color: #e17418
}

#app.test-view .offboarding input[type=checkbox]:disabled {
    color: #afafaf
}

html[dir=rtl] #app.test-view .offboarding input[type=checkbox] {
    margin: 0 0 0 5px
}

#app.test-view .offboarding input[type=checkbox]:checked {
    border-style: solid;
    border-color: currentColor
}

#app.test-view .offboarding input[type=checkbox]:checked:disabled,#app.test-view .offboarding input[type=checkbox]:checked:enabled:active,#app.test-view .offboarding input[type=checkbox]:checked:enabled:focus,#app.test-view .offboarding input[type=checkbox]:checked:enabled:hover,#app.test-view .offboarding input[type=checkbox]:checked:link:active,#app.test-view .offboarding input[type=checkbox]:checked:link:focus,#app.test-view .offboarding input[type=checkbox]:checked:link:hover,#app.test-view .offboarding input[type=checkbox]:checked:visited:active,#app.test-view .offboarding input[type=checkbox]:checked:visited:focus,#app.test-view .offboarding input[type=checkbox]:checked:visited:hover {
    border-color: currentColor
}

#app.test-view .offboarding input[type=checkbox]:checked:after {
    content: "";
    position: absolute;
    left: 23%;
    top: 31%;
    height: 35%;
    width: 55%;
    border-bottom: 3px solid;
    border-left: 3px solid;
    transform: rotate(-45deg)
}

html[dir=rtl] #app.test-view .offboarding input[type=checkbox]:checked:after {
    right: 23%;
    left: auto
}

#app.test-view .offboarding input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    vertical-align: top;
    padding: 0;
    width: 1em;
    height: 1em;
    line-height: 1em;
    box-sizing: content-box;
    border-radius: 50%;
    border: 2px solid #fa811b;
    position: relative;
    width: 12px;
    height: 12px;
    margin: 0 13px 0 0;
    vertical-align: text-top
}

#app.test-view .offboarding input[type=radio]:enabled:hover,#app.test-view .offboarding input[type=radio]:link:hover,#app.test-view .offboarding input[type=radio]:visited:hover {
    border-color: #fb9a49
}

#app.test-view .offboarding input[type=radio]:enabled:active,#app.test-view .offboarding input[type=radio]:enabled:focus,#app.test-view .offboarding input[type=radio]:link:active,#app.test-view .offboarding input[type=radio]:link:focus,#app.test-view .offboarding input[type=radio]:visited:active,#app.test-view .offboarding input[type=radio]:visited:focus {
    border-color: #e17418
}

#app.test-view .offboarding input[type=radio]:disabled {
    border-color: #afafaf
}

.redesign #app.test-view .offboarding input[type=radio] {
    border-width: 1px
}

.redesign #app.test-view .offboarding input[type=radio]:active,.redesign #app.test-view .offboarding input[type=radio]:checked,.redesign #app.test-view .offboarding input[type=radio]:focus,.redesign #app.test-view .offboarding input[type=radio]:hover {
    border-color: #2285d0;
    border-width: 1px;
    cursor: pointer
}

#app.test-view .offboarding input[type=radio]:checked:after {
    content: "";
    position: absolute;
    left: 20%;
    top: 20%;
    height: 60%;
    width: 60%;
    background-color: #fa811b;
    border-radius: 50%
}

#app.test-view .offboarding input[type=radio]:checked:after:enabled:hover,#app.test-view .offboarding input[type=radio]:checked:after:link:hover,#app.test-view .offboarding input[type=radio]:checked:after:visited:hover {
    background-color: #fb9a49
}

#app.test-view .offboarding input[type=radio]:checked:after:enabled:active,#app.test-view .offboarding input[type=radio]:checked:after:enabled:focus,#app.test-view .offboarding input[type=radio]:checked:after:link:active,#app.test-view .offboarding input[type=radio]:checked:after:link:focus,#app.test-view .offboarding input[type=radio]:checked:after:visited:active,#app.test-view .offboarding input[type=radio]:checked:after:visited:focus {
    background-color: #e17418
}

#app.test-view .offboarding input[type=radio]:checked:after:disabled {
    background-color: #ddd
}

.redesign #app.test-view .offboarding input[type=radio]:checked:after {
    background-color: #2285d0;
    color: #2285d0
}

#app.test-view .offboarding input[type=radio],#app.test-view .offboarding input[type=radio]:visited:hover {
    border-color: #ddd
}

#app.test-view .offboarding input[type=radio]:checked {
    border-color: #3c5d87
}

#app.test-view .offboarding input[type=radio]:checked:after {
    left: 17%;
    top: 17%;
    height: 67%;
    width: 67%
}

#app.test-view .offboarding input[type=number],#app.test-view .offboarding input[type=text],#app.test-view .offboarding textarea {
    border-radius: .25rem;
    border: 2px solid #cfcfcf;
    padding: 8px 4px
}

#app.test-view .offboarding input[type=number]:enabled:hover,#app.test-view .offboarding input[type=number]:link:hover,#app.test-view .offboarding input[type=number]:visited:hover,#app.test-view .offboarding input[type=text]:enabled:hover,#app.test-view .offboarding input[type=text]:link:hover,#app.test-view .offboarding input[type=text]:visited:hover,#app.test-view .offboarding textarea:enabled:hover,#app.test-view .offboarding textarea:link:hover,#app.test-view .offboarding textarea:visited:hover {
    border-color: #d9d9d9
}

#app.test-view .offboarding input[type=number]:enabled:active,#app.test-view .offboarding input[type=number]:enabled:focus,#app.test-view .offboarding input[type=number]:link:active,#app.test-view .offboarding input[type=number]:link:focus,#app.test-view .offboarding input[type=number]:visited:active,#app.test-view .offboarding input[type=number]:visited:focus,#app.test-view .offboarding input[type=text]:enabled:active,#app.test-view .offboarding input[type=text]:enabled:focus,#app.test-view .offboarding input[type=text]:link:active,#app.test-view .offboarding input[type=text]:link:focus,#app.test-view .offboarding input[type=text]:visited:active,#app.test-view .offboarding input[type=text]:visited:focus,#app.test-view .offboarding textarea:enabled:active,#app.test-view .offboarding textarea:enabled:focus,#app.test-view .offboarding textarea:link:active,#app.test-view .offboarding textarea:link:focus,#app.test-view .offboarding textarea:visited:active,#app.test-view .offboarding textarea:visited:focus {
    border-color: #bababa
}

#app.test-view .offboarding input[type=number]:disabled,#app.test-view .offboarding input[type=text]:disabled,#app.test-view .offboarding textarea:disabled {
    border-color: #afafaf
}

#app.test-view .offboarding input[type=text] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 90%
}

#app.test-view .offboarding input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -moz-appearance: textfield
}

#app.test-view .offboarding input[type=number]::-webkit-inner-spin-button,#app.test-view .offboarding input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

#app.test-view .offboarding textarea {
    width: 90%;
    height: 90px;
    margin-top: 15px
}

#app.test-view .offboarding .radio-buttons {
    margin-top: 25px
}

#app.test-view .offboarding .test-other {
    display: flex!important;
    flex-direction: row;
    align-items: center
}

#app.test-view .offboarding .test-other input[type=text] {
    width: 30%
}

#app.test-view .offboarding .right {
    position: absolute;
    right: 0
}

#app.test-view .offboarding .exam-reason-container {
    margin-top: 36px
}

#app.test-view .offboarding .exam-reason-container label {
    display: block;
    margin-bottom: 15px
}

#app.test-view .offboarding .exam-reason-container label span {
    vertical-align: top
}

#app.test-view .offboarding .how-difficult-container {
    display: flex;
    justify-content: center;
    margin-top: 48px
}

#app.test-view .offboarding .how-difficult-container label {
    display: inline-block;
    margin-right: 36px
}

#app.test-view .offboarding .sharing-info {
    color: #67737e;
    font-size: 16px
}

#app.test-view .offboarding .purchase-upsell {
    color: #67737e;
    font-size: 16px;
    margin: 20px auto 0;
    max-width: 80%
}

#app.test-view .offboarding .purchase-upsell-link {
    color: #2285d0;
    font-weight: 700
}

#app.test-view .offboarding .purchase-upsell-email {
    font-weight: 700
}

#app.test-view .offboarding .purchase-upsell.hidden {
    display: none!important
}

body.interview-player-view {
    min-width: 960px
}

body.interview-player-view ::-webkit-input-placeholder {
    color: #b9b9b9;
    line-height: 24px;
    font-weight: 500
}

body.interview-player-view :-moz-placeholder {
    color: #b9b9b9;
    font-weight: 500
}

body.interview-player-view ::-moz-placeholder {
    color: #b9b9b9;
    font-weight: 300
}

body.interview-player-view :-ms-input-placeholder {
    color: #b9b9b9;
    font-weight: 300
}

body.interview-player-view button:not(.zendesk-btn):not(.ignore-global-stylings) {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    border-radius: .25rem
}

body.interview-player-view h1 {
    font-size: 27px;
    line-height: 38px;
    color: #4c4c4c;
    font-weight: 300;
    margin: 0 0 50px
}

body.interview-player-view h2:not(.redesign) {
    font-size: 26px;
    color: #001836;
    font-weight: 700;
    line-height: 31px;
    cursor: default
}

body.interview-player-view h3 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0 0 10px
}

body.interview-player-view h4:not(.redesign) {
    font-size: 18px;
    color: #4c4c4c;
    margin: 0 0 10px
}

body.interview-player-view hr {
    height: 0;
    margin: 40px 0;
    border: none;
    border-top: 1px solid #f0f0f0
}

body.interview-player-view p:not(.ignore-global-stylings) {
    margin: 0 0 18px
}

body.interview-player-view.interview-player-embed-view {
    background: #4c4c4c
}

body.interview-player-view.interview-player-embed-view .flow-main {
    background-color: transparent
}

body.interview-player-view.interview-player-embed-view .interview-player-container {
    margin-top: 0!important
}

#app.interview-player-view,#react-interview {
    width: 960px
}

#app.interview-player-view .interview-player-container,#react-interview .interview-player-container {
    background-color: #fff;
    border: .0625rem solid #e6e6e6;
    border-radius: .625rem;
    width: 900px;
    height: 560px;
    height: 35rem;
    overflow: hidden;
    width: 56.25rem;
    height: auto;
    min-height: 35rem;
    margin-top: 6.5rem;
    margin-bottom: 3rem
}

#app.interview-player-view .interview-player-container:enabled:hover,#app.interview-player-view .interview-player-container:link:hover,#app.interview-player-view .interview-player-container:visited:hover,#react-interview .interview-player-container:enabled:hover,#react-interview .interview-player-container:link:hover,#react-interview .interview-player-container:visited:hover {
    background-color: #fff
}

#app.interview-player-view .interview-player-container:enabled:active,#app.interview-player-view .interview-player-container:enabled:focus,#app.interview-player-view .interview-player-container:link:active,#app.interview-player-view .interview-player-container:link:focus,#app.interview-player-view .interview-player-container:visited:active,#app.interview-player-view .interview-player-container:visited:focus,#react-interview .interview-player-container:enabled:active,#react-interview .interview-player-container:enabled:focus,#react-interview .interview-player-container:link:active,#react-interview .interview-player-container:link:focus,#react-interview .interview-player-container:visited:active,#react-interview .interview-player-container:visited:focus {
    background-color: #e6e6e6
}

#app.interview-player-view .interview-player-container:disabled,#react-interview .interview-player-container:disabled {
    background-color: #ddd
}

@media (min-width: 768px),not screen {
    #app.interview-player-view .interview-player-container,#react-interview .interview-player-container {
        padding:34px
    }
}

@media screen and (max-width: 767px) {
    #app.interview-player-view .interview-player-container,#react-interview .interview-player-container {
        padding:25px
    }
}

#app.interview-player-view .interview-player-container .flow-item,#react-interview .interview-player-container .flow-item {
    overflow: hidden
}

#app.interview-player-view .interview-player-container .flow-item>header,#react-interview .interview-player-container .flow-item>header {
    flex-grow: 0;
    flex-shrink: 1
}

#app.interview-player-view .interview-player-container .flow-item>section,#react-interview .interview-player-container .flow-item>section {
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0
}

#app.interview-player-view .interview-player-container .flow-item>footer,#react-interview .interview-player-container .flow-item>footer {
    flex-grow: 0;
    flex-shrink: 1
}

#app.interview-player-view .interview-player-container header,#react-interview .interview-player-container header {
    padding: .75rem 0;
    margin-bottom: 1.25rem
}

#app.interview-player-view .interview-player-container header .id-container,#react-interview .interview-player-container header .id-container {
    align-items: center;
    display: flex;
    height: 5rem;
    width: 100%
}

#app.interview-player-view .interview-player-container header .id-container .face,#react-interview .interview-player-container header .id-container .face {
    background-color: #fff;
    height: 5rem;
    margin-right: 1.0625rem;
    min-width: 5rem
}

#app.interview-player-view .interview-player-container header .id-container .face:enabled:hover,#app.interview-player-view .interview-player-container header .id-container .face:link:hover,#app.interview-player-view .interview-player-container header .id-container .face:visited:hover,#react-interview .interview-player-container header .id-container .face:enabled:hover,#react-interview .interview-player-container header .id-container .face:link:hover,#react-interview .interview-player-container header .id-container .face:visited:hover {
    background-color: #fff
}

#app.interview-player-view .interview-player-container header .id-container .face:enabled:active,#app.interview-player-view .interview-player-container header .id-container .face:enabled:focus,#app.interview-player-view .interview-player-container header .id-container .face:link:active,#app.interview-player-view .interview-player-container header .id-container .face:link:focus,#app.interview-player-view .interview-player-container header .id-container .face:visited:active,#app.interview-player-view .interview-player-container header .id-container .face:visited:focus,#react-interview .interview-player-container header .id-container .face:enabled:active,#react-interview .interview-player-container header .id-container .face:enabled:focus,#react-interview .interview-player-container header .id-container .face:link:active,#react-interview .interview-player-container header .id-container .face:link:focus,#react-interview .interview-player-container header .id-container .face:visited:active,#react-interview .interview-player-container header .id-container .face:visited:focus {
    background-color: #e6e6e6
}

#app.interview-player-view .interview-player-container header .id-container .face:disabled,#react-interview .interview-player-container header .id-container .face:disabled {
    background-color: #ddd
}

#app.interview-player-view .interview-player-container header .id-container .details h2,#react-interview .interview-player-container header .id-container .details h2 {
    font-size: 26px;
    font-weight: 500;
    margin: 0 0 .375rem;
    line-height: 1.25rem;
    color: #4c4c4c
}

#app.interview-player-view .interview-player-container header .id-container .details h2:enabled:hover,#app.interview-player-view .interview-player-container header .id-container .details h2:link:hover,#app.interview-player-view .interview-player-container header .id-container .details h2:visited:hover,#react-interview .interview-player-container header .id-container .details h2:enabled:hover,#react-interview .interview-player-container header .id-container .details h2:link:hover,#react-interview .interview-player-container header .id-container .details h2:visited:hover {
    color: #707070
}

#app.interview-player-view .interview-player-container header .id-container .details h2:enabled:active,#app.interview-player-view .interview-player-container header .id-container .details h2:enabled:focus,#app.interview-player-view .interview-player-container header .id-container .details h2:link:active,#app.interview-player-view .interview-player-container header .id-container .details h2:link:focus,#app.interview-player-view .interview-player-container header .id-container .details h2:visited:active,#app.interview-player-view .interview-player-container header .id-container .details h2:visited:focus,#react-interview .interview-player-container header .id-container .details h2:enabled:active,#react-interview .interview-player-container header .id-container .details h2:enabled:focus,#react-interview .interview-player-container header .id-container .details h2:link:active,#react-interview .interview-player-container header .id-container .details h2:link:focus,#react-interview .interview-player-container header .id-container .details h2:visited:active,#react-interview .interview-player-container header .id-container .details h2:visited:focus {
    color: #444
}

#app.interview-player-view .interview-player-container header .id-container .details h2:disabled,#react-interview .interview-player-container header .id-container .details h2:disabled {
    color: #afafaf
}

#app.interview-player-view .interview-player-container header .id-container .details h3,#react-interview .interview-player-container header .id-container .details h3 {
    color: #b3b3b3;
    font-size: 18px;
    font-weight: 500;
    margin: 0
}

#app.interview-player-view .interview-player-container header .actions,#react-interview .interview-player-container header .actions {
    align-items: flex-start;
    display: flex;
    height: 100%;
    justify-content: flex-end;
    width: 100%
}

#app.interview-player-view .interview-player-container .score,#react-interview .interview-player-container .score {
    position: relative
}

#app.interview-player-view .interview-player-container .score img,#react-interview .interview-player-container .score img {
    width: 241px
}

#app.interview-player-view .interview-player-container .score h1,#react-interview .interview-player-container .score h1 {
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
    color: #faa918;
    font-size: 4rem;
    font-weight: 500;
    line-height: .9;
    margin: 0;
    position: absolute;
    text-align: center;
    top: 3rem;
    width: 241px
}

#app.interview-player-view .interview-player-container h3,#react-interview .interview-player-container h3 {
    text-transform: none
}

#app.interview-player-view .interview-player-container .score,#react-interview .interview-player-container .score {
    margin-right: 1.1875rem
}

#app.interview-player-view .interview-player-container .score h1,#app.interview-player-view .interview-player-container .score img,#react-interview .interview-player-container .score h1,#react-interview .interview-player-container .score img {
    width: 88px
}

#app.interview-player-view .interview-player-container .score h1,#react-interview .interview-player-container .score h1 {
    font-size: 24px;
    top: 1.125rem
}

#app.interview-player-view .interview-player-container header,#react-interview .interview-player-container header {
    position: relative;
    padding: 0
}

#app.interview-player-view .interview-player-container .details-summary,#react-interview .interview-player-container .details-summary {
    align-items: center;
    display: flex
}

#app.interview-player-view .interview-player-container .details-summary>:not(:first-child),#react-interview .interview-player-container .details-summary>:not(:first-child) {
    margin-left: 1em
}

#app.interview-player-view .disabled,#react-interview .disabled {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"!important;
    filter: alpha(opacity=50)!important;
    opacity: .5!important
}

#app.interview-player-view section .prompts-container .prompt,#react-interview section .prompts-container .prompt {
    border-radius: .25rem;
    border: .125rem solid #ddd;
    display: none;
    padding: 1.25rem;
    height: 20.625rem;
    margin-bottom: 0
}

#app.interview-player-view section .prompts-container .prompt.active,#react-interview section .prompts-container .prompt.active {
    display: block
}

#app.interview-player-view section .prompts-container .prompt h3,#react-interview section .prompts-container .prompt h3 {
    color: #afafaf;
    letter-spacing: .0625rem;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase
}

#app.interview-player-view section .prompts-container .prompt p,#react-interview section .prompts-container .prompt p {
    font-weight: 500;
    line-height: 1.44;
    margin: 0;
    color: #777
}

#app.interview-player-view section .prompts-container .prompt p:enabled:hover,#app.interview-player-view section .prompts-container .prompt p:link:hover,#app.interview-player-view section .prompts-container .prompt p:visited:hover,#react-interview section .prompts-container .prompt p:enabled:hover,#react-interview section .prompts-container .prompt p:link:hover,#react-interview section .prompts-container .prompt p:visited:hover {
    color: #929292
}

#app.interview-player-view section .prompts-container .prompt p:enabled:active,#app.interview-player-view section .prompts-container .prompt p:enabled:focus,#app.interview-player-view section .prompts-container .prompt p:link:active,#app.interview-player-view section .prompts-container .prompt p:link:focus,#app.interview-player-view section .prompts-container .prompt p:visited:active,#app.interview-player-view section .prompts-container .prompt p:visited:focus,#react-interview section .prompts-container .prompt p:enabled:active,#react-interview section .prompts-container .prompt p:enabled:focus,#react-interview section .prompts-container .prompt p:link:active,#react-interview section .prompts-container .prompt p:link:focus,#react-interview section .prompts-container .prompt p:visited:active,#react-interview section .prompts-container .prompt p:visited:focus {
    color: #6b6b6b
}

#app.interview-player-view section .prompts-container .prompt p:disabled,#react-interview section .prompts-container .prompt p:disabled {
    color: #afafaf
}

#app.interview-player-view section .prompts-container .prompt.interview-read p.suggestion,#react-interview section .prompts-container .prompt.interview-read p.suggestion {
    font-size: 16px;
    font-weight: 300;
    margin: 0
}

#app.interview-player-view section .prompts-container .prompt.interview-image>img,#react-interview section .prompts-container .prompt.interview-image>img {
    border-radius: .25rem;
    max-height: 15rem
}

#app.interview-player-view section .prompts-container .prompt.interview-image .level,#react-interview section .prompts-container .prompt.interview-image .level {
    background: rgba(240,250,250,.9)
}

#app.interview-player-view section .prompts-container .prompt.writing-image p,#react-interview section .prompts-container .prompt.writing-image p {
    text-align: center
}

#app.interview-player-view section .prompts-container .prompt.writing-image img,#react-interview section .prompts-container .prompt.writing-image img {
    height: 7rem;
    margin-right: 1.25rem;
    vertical-align: top
}

#app.interview-player-view section .prompts-container .prompt.writing-image img:not(:last-child),#react-interview section .prompts-container .prompt.writing-image img:not(:last-child) {
    margin-bottom: 1.25rem
}

#app.interview-player-view section .prompts-container .pagination-controls,#react-interview section .prompts-container .pagination-controls {
    padding-top: .75rem
}

#app.interview-player-view section .response-container video,#react-interview section .response-container video {
    background-color: #000;
    border-radius: .25rem;
    display: block;
    height: 370px;
    width: 370px
}

#app.interview-player-view section .response-container.pre-start .controls:not(.disabled),#app.interview-player-view section .response-container:hover .controls:not(.disabled),#react-interview section .response-container.pre-start .controls:not(.disabled),#react-interview section .response-container:hover .controls:not(.disabled) {
    display: block
}

#app.interview-player-view section .response-container.disabled:hover,#app.interview-player-view section .response-container.pre-start,#react-interview section .response-container.disabled:hover,#react-interview section .response-container.pre-start {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"!important;
    filter: alpha(opacity=100)!important;
    opacity: 1!important
}

#app.interview-player-view section .response-container .controls,#react-interview section .response-container .controls {
    background: rgba(0,0,0,.6);
    border-radius: .25rem;
    display: none;
    height: 370px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 370px
}

#app.interview-player-view section .response-container .controls .hud,#react-interview section .response-container .controls .hud {
    position: relative;
    top: 45%;
    display: inline-block
}

#app.interview-player-view section .response-container .controls .hud>div,#react-interview section .response-container .controls .hud>div {
    cursor: pointer;
    display: inline-block;
    width: 100px;
    height: 50px;
    vertical-align: top;
    opacity: .5;
    background-repeat: no-repeat;
    background-position: 50%
}

#app.interview-player-view section .response-container .controls .hud>div.play,#react-interview section .response-container .controls .hud>div.play {
    background-image: url(../images/testcenter/interview/play.svg)
}

#app.interview-player-view section .response-container .controls .hud>div.play.pause,#react-interview section .response-container .controls .hud>div.play.pause {
    background-image: url(../images/testcenter/interview/pause.svg)
}

#app.interview-player-view section .response-container .controls .hud>div.back-ten,#react-interview section .response-container .controls .hud>div.back-ten {
    background-image: url(../images/testcenter/interview/back_ten.svg)
}

#app.interview-player-view section .response-container .controls .hud>div.skip-to-answer,#react-interview section .response-container .controls .hud>div.skip-to-answer {
    background-image: url(../images/testcenter/interview/skip_to_answer.svg)
}

#app.interview-player-view section .response-container .controls .hud>div.skip-to-answer.next-question,#react-interview section .response-container .controls .hud>div.skip-to-answer.next-question {
    background-image: url(../images/testcenter/interview/next_question.svg)
}

#app.interview-player-view section .response-container .controls .hud>div>span,#react-interview section .response-container .controls .hud>div>span {
    display: none;
    color: #fff;
    font-size: 13px;
    position: relative;
    top: 45px
}

#app.interview-player-view section .response-container .controls .hud>div:hover,#react-interview section .response-container .controls .hud>div:hover {
    opacity: 1
}

#app.interview-player-view section .response-container .controls .hud>div:hover>span,#react-interview section .response-container .controls .hud>div:hover>span {
    display: initial
}

#app.interview-player-view section .response-container .controls .scrubber,#react-interview section .response-container .controls .scrubber {
    position: absolute;
    bottom: 0;
    width: 370px;
    opacity: .5
}

#app.interview-player-view section .response-container .controls .scrubber .scrubber-bar,#react-interview section .response-container .controls .scrubber .scrubber-bar {
    background: hsla(0,0%,100%,.75);
    border-radius: .3125rem;
    cursor: pointer;
    height: .625rem;
    margin: 20px;
    width: 330px;
    position: relative
}

#app.interview-player-view section .response-container .controls .scrubber .scrubber-bar .scrubber-bar-inner,#react-interview section .response-container .controls .scrubber .scrubber-bar .scrubber-bar-inner {
    background: #fa811b;
    border-radius: .3125rem;
    width: 0;
    height: 100%;
    position: absolute;
    left: 0
}

#app.interview-player-view section .response-container .controls .scrubber .scrubber-bar .scrubber-bar-inner .scrubber-bubble,#react-interview section .response-container .controls .scrubber .scrubber-bar .scrubber-bar-inner .scrubber-bubble {
    z-index: 1;
    display: none;
    background: #fa811b;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    position: absolute;
    right: -10px;
    top: -7px
}

#app.interview-player-view section .response-container .controls .scrubber .scrubber-bar .scrubber-divider,#react-interview section .response-container .controls .scrubber .scrubber-bar .scrubber-divider {
    width: 3px;
    height: 100%;
    background: #fff;
    left: 0;
    position: relative
}

#app.interview-player-view section .response-container .controls .scrubber:hover,#react-interview section .response-container .controls .scrubber:hover {
    opacity: 1
}

#app.interview-player-view section .response-container .controls .scrubber:hover .scrubber-bar .scrubber-bar-inner .scrubber-bubble,#react-interview section .response-container .controls .scrubber:hover .scrubber-bar .scrubber-bar-inner .scrubber-bubble {
    display: initial
}

#app.interview-player-view section .response-container .writing-response-container,#react-interview section .response-container .writing-response-container {
    height: 370px;
    padding: 1.25rem .875rem;
    width: 370px
}

#app.interview-player-view section .response-container .writing-response-container .writing-response,#react-interview section .response-container .writing-response-container .writing-response {
    height: 100%;
    overflow-y: scroll
}

#app.interview-player-view section .response-container .writing-response-container .writing-response h3,#react-interview section .response-container .writing-response-container .writing-response h3 {
    color: #afafaf;
    letter-spacing: .0625rem;
    margin-bottom: 1rem;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .7px;
    text-transform: uppercase
}

#app.interview-player-view section .response-container .writing-response-container .writing-response p,#app.interview-player-view section .response-container .writing-response-container .writing-response ul li,#react-interview section .response-container .writing-response-container .writing-response p,#react-interview section .response-container .writing-response-container .writing-response ul li {
    color: #595959;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.26
}

#app.interview-player-view section .response-container .writing-response-container .writing-response.writing-image li,#react-interview section .response-container .writing-response-container .writing-response.writing-image li {
    margin-left: 20px;
    list-style: disc
}

.grecaptcha-badge {
    visibility: hidden
}