@charset "UTF-8";

.shc-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    text-decoration: none;
    border-radius: var(--radius-xs);
    position: relative;
    transition-property: transform, opacity, color, background-color, box-shadow, border-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease);
    min-width: 40px;
    outline: none
}

.shc-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background-color: var(--Background-bg-dark_a10);
    opacity: 0;
    transition: opacity .25s var(--ease)
}

.shc-btn__text {
    white-space: nowrap
}

.shc-btn:active {
    transform: scale(.96)
}

.shc-btn:active:after {
    opacity: 1
}

.shc-btn:not(.theme-primary):focus-visible {
    transition: none
}

.shc-btn.theme-primary:focus-visible {
    outline-offset: 2px
}

.shc-btn.is-disabled,
.shc-btn[class*=theme-].is-disabled,
.shc-btn:disabled,
.shc-btn[class*=theme-]:disabled {
    transform: scale(1);
    background: var(--Background-bg-disabled);
    cursor: not-allowed
}

.shc-btn.is-disabled .shc-btn__text,
.shc-btn[class*=theme-].is-disabled .shc-btn__text,
.shc-btn:disabled .shc-btn__text,
.shc-btn[class*=theme-]:disabled .shc-btn__text {
    color: var(--Text-text-disabled-same);
    font-weight: 300
}

.shc-btn.is-disabled.theme-quaternary,
.shc-btn[class*=theme-].is-disabled.theme-quaternary,
.shc-btn:disabled.theme-quaternary,
.shc-btn[class*=theme-]:disabled.theme-quaternary {
    box-shadow: 0 0 0 1px var(--Border-border-disabled)
}

.shc-btn.is-disabled:hover,
.shc-btn.is-disabled:active,
.shc-btn.is-disabled:focus-visible,
.shc-btn[class*=theme-].is-disabled:hover,
.shc-btn[class*=theme-].is-disabled:active,
.shc-btn[class*=theme-].is-disabled:focus-visible,
.shc-btn:disabled:hover,
.shc-btn:disabled:active,
.shc-btn:disabled:focus-visible,
.shc-btn[class*=theme-]:disabled:hover,
.shc-btn[class*=theme-]:disabled:active,
.shc-btn[class*=theme-]:disabled:focus-visible {
    background: var(--Background-bg-disabled);
    border-color: var(--Border-border-disabled);
    outline: none
}

.shc-btn.is-disabled:hover .shc-btn__text,
.shc-btn.is-disabled:active .shc-btn__text,
.shc-btn.is-disabled:focus-visible .shc-btn__text,
.shc-btn[class*=theme-].is-disabled:hover .shc-btn__text,
.shc-btn[class*=theme-].is-disabled:active .shc-btn__text,
.shc-btn[class*=theme-].is-disabled:focus-visible .shc-btn__text,
.shc-btn:disabled:hover .shc-btn__text,
.shc-btn:disabled:active .shc-btn__text,
.shc-btn:disabled:focus-visible .shc-btn__text,
.shc-btn[class*=theme-]:disabled:hover .shc-btn__text,
.shc-btn[class*=theme-]:disabled:active .shc-btn__text,
.shc-btn[class*=theme-]:disabled:focus-visible .shc-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-btn.is-disabled:active,
.shc-btn[class*=theme-].is-disabled:active,
.shc-btn:disabled:active,
.shc-btn[class*=theme-]:disabled:active {
    transform: scale(1)
}

.shc-btn.is-disabled:active:after,
.shc-btn[class*=theme-].is-disabled:active:after,
.shc-btn:disabled:active:after,
.shc-btn[class*=theme-]:disabled:active:after {
    display: none
}

.shc-btn.theme-primary {
    background: var(--Background-bg-brand_strong-same)
}

.shc-btn.theme-primary .shc-btn__text {
    color: var(--Text-text-ondark_primary-same)
}

.shc-btn.theme-primary:active:after {
    background: var(--Background-bg-dark_a20)
}

.shc-btn.theme-secondary {
    background: var(--Background-bg-brand)
}

.shc-btn.theme-secondary .shc-btn__text {
    color: var(--Text-text-brand)
}

.shc-btn.theme-tertiary {
    background: var(--Background-bg-gray)
}

.shc-btn.theme-tertiary .shc-btn__text {
    color: var(--Text-text-primary)
}

.shc-btn.theme-tertiary.size-md .shc-btn__text,
.shc-btn.theme-tertiary.size-sm .shc-btn__text,
.shc-btn.theme-tertiary.size-xs .shc-btn__text {
    color: var(--Text-text-secondary)
}

.shc-btn.theme-tertiary:disabled.size-md .shc-btn__text,
.shc-btn.theme-tertiary:disabled.size-sm .shc-btn__text,
.shc-btn.theme-tertiary:disabled.size-xs .shc-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-btn.theme-quaternary {
    background: transparent;
    box-shadow: 0 0 0 1px var(--Border-border-secondary)
}

.shc-btn.theme-quaternary .shc-btn__text {
    color: var(--Text-text-primary)
}

.shc-btn.theme-quaternary.size-md:not(:disabled):not(.is-disabled) .shc-btn__text,
.shc-btn.theme-quaternary.size-sm:not(:disabled):not(.is-disabled) .shc-btn__text,
.shc-btn.theme-quaternary.size-xs:not(:disabled):not(.is-disabled) .shc-btn__text {
    color: var(--Text-text-secondary)
}

.shc-btn.size-xl {
    padding: var(--spacing-xs) var(--spacing-lg);
    min-height: 56px;
    min-width: 56px;
    border-radius: var(--radius-xl)
}

.shc-btn.size-xl .shc-btn__text {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 500;
    border-radius: var(--radius-xl);
    padding: 0 var(--spacing-sm)
}

.shc-btn.size-lg {
    padding: var(--spacing-xs) var(--spacing-md);
    min-height: 48px;
    border-radius: var(--radius-md)
}

.shc-btn.size-lg .shc-btn__text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    border-radius: var(--radius-md);
    padding: 0 var(--spacing-sm)
}

.shc-btn.size-md {
    padding: var(--spacing-xs) var(--spacing-md);
    min-height: 40px;
    border-radius: var(--radius-sm)
}

.shc-btn.size-md .shc-btn__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    border-radius: var(--radius-sm);
    padding: 0 var(--spacing-sm)
}

.shc-btn.size-sm {
    padding: var(--spacing-xs) var(--spacing-md);
    min-height: 32px;
    border-radius: var(--radius-xs)
}

.shc-btn.size-sm .shc-btn__text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    padding: 0 var(--spacing-sm)
}

.shc-btn.size-xs {
    padding: var(--spacing-xs) var(--spacing-sm);
    min-height: 24px;
    border-radius: var(--radius-xs)
}

.shc-btn.size-xs .shc-btn__text {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 500;
    padding: 0 var(--spacing-xs)
}

.shc-input-btn {
    display: flex;
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-xl);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary);
    border-radius: var(--radius-md)
}

.shc-input-btn__placeholder {
    flex: 1;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300;
    color: var(--Text-text-placeholder-same);
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shc-input-btn .shc-icon {
    flex-shrink: 0;
    margin-left: var(--spacing-md)
}

.shc-capsule-btn-group {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-md)
}

.shc-capsule-btn-group .shc-capsule-btn {
    align-self: stretch;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1 1 0%;
    min-width: 0
}

.shc-capsule-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    text-decoration: none;
    position: relative;
    transition-property: transform, opacity, color, background-color, box-shadow, border-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease);
    outline: none
}

.shc-capsule-btn__text {
    flex-shrink: 0;
    color: var(--Text-text-secondary)
}

.shc-capsule-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--Background-bg-dark_a10);
    opacity: 0;
    transition: opacity .25s var(--ease)
}

.shc-capsule-btn:active {
    transform: scale(.96)
}

.shc-capsule-btn:active:after {
    opacity: 1
}

.shc-capsule-btn:disabled,
.shc-capsule-btn.is-disabled {
    background: var(--Background-bg-disabled);
    cursor: not-allowed
}

.shc-capsule-btn:disabled .shc-capsule-btn__text,
.shc-capsule-btn.is-disabled .shc-capsule-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-capsule-btn:disabled:not([class^=size]) .shc-capsule-btn__text,
.shc-capsule-btn.is-disabled:not([class^=size]) .shc-capsule-btn__text {
    font-weight: 300
}

.shc-capsule-btn:disabled:hover,
.shc-capsule-btn:disabled:active,
.shc-capsule-btn.is-disabled:hover,
.shc-capsule-btn.is-disabled:active {
    background: var(--Background-bg-disabled);
    outline: none
}

.shc-capsule-btn:disabled:hover .shc-capsule-btn__text,
.shc-capsule-btn:disabled:active .shc-capsule-btn__text,
.shc-capsule-btn.is-disabled:hover .shc-capsule-btn__text,
.shc-capsule-btn.is-disabled:active .shc-capsule-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-capsule-btn:disabled:active,
.shc-capsule-btn.is-disabled:active {
    transform: scale(1)
}

.shc-capsule-btn:disabled:active:after,
.shc-capsule-btn.is-disabled:active:after {
    display: none
}

.shc-capsule-btn.theme-tonal {
    background: var(--Background-bg-gray)
}

.shc-capsule-btn.theme-outline {
    background: transparent;
    border: 1px solid var(--Border-border-secondary)
}

.shc-capsule-btn.theme-outline:active {
    border-color: var(--Border-border-primary)
}

.shc-capsule-btn.theme-outline:disabled {
    background: transparent;
    color: var(--Text-text-disabled-same);
    border-color: var(--Border-border-disabled);
    cursor: not-allowed;
    opacity: .6
}

.shc-capsule-btn.theme-outline:disabled:hover,
.shc-capsule-btn.theme-outline:disabled:active {
    background: transparent;
    color: var(--Text-text-disabled-same);
    border-color: var(--Border-border-disabled);
    outline: none
}

.shc-capsule-btn.size-lg {
    height: 48px;
    padding: var(--spacing-lg) var(--spacing-xl);
    min-width: 48px;
    border-radius: var(--radius-2xl);
    gap: var(--spacing-sm)
}

.shc-capsule-btn.size-lg .shc-icon {
    flex: 0 0 20px;
    width: 20px;
    height: 20px
}

.shc-capsule-btn.size-lg .shc-capsule-btn__text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    padding: 0 var(--spacing-sm)
}

.shc-capsule-btn.size-md {
    height: 40px;
    padding: var(--spacing-md) var(--spacing-lg);
    min-width: 40px;
    border-radius: 20px;
    gap: var(--spacing-sm)
}

.shc-capsule-btn.size-md .shc-icon {
    width: 16px;
    flex: 0 0 16px;
    height: 16px
}

.shc-capsule-btn.size-md .shc-capsule-btn__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    padding: 0 var(--spacing-sm)
}

.shc-capsule-btn.size-sm {
    height: 32px;
    padding: var(--spacing-xs) var(--spacing-lg);
    min-width: 32px;
    border-radius: var(--radius-xl);
    gap: var(--spacing-sm)
}

.shc-capsule-btn.size-sm .shc-icon {
    flex: 0 0 16px;
    width: 16px;
    height: 16px
}

.shc-capsule-btn.size-sm .shc-capsule-btn__text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    padding: 0 var(--spacing-sm)
}

.shc-capsule-btn.size-xs {
    height: 24px;
    padding: var(--spacing-xs) var(--spacing-md);
    min-width: 24px;
    border-radius: var(--radius-md);
    gap: var(--spacing-xs)
}

.shc-capsule-btn.size-xs .shc-icon {
    flex: 0 0 12px;
    width: 12px;
    height: 12px
}

.shc-capsule-btn.size-xs .shc-capsule-btn__text {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 500;
    padding: 0 var(--spacing-xs)
}

.shc-capsule-btn.size-sm:before,
.shc-capsule-btn.size-xs:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 36px
}

.shc-more-btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    border: 1px solid var(--Border-border-primary);
    border-radius: 100px;
    min-width: 68px;
    height: 44px;
    padding: var(--spacing-none) var(--spacing-lg)
}

.shc-more-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--Background-bg-dark_a10);
    opacity: 0;
    transition: opacity .25s var(--ease)
}

.shc-more-btn:active {
    transform: scale(.96)
}

.shc-more-btn:active:after {
    opacity: 1
}

.shc-more-btn:disabled,
.shc-more-btn.is-disabled {
    background: var(--Background-bg-disabled);
    cursor: not-allowed
}

.shc-more-btn:disabled .shc-capsule-btn__text,
.shc-more-btn.is-disabled .shc-capsule-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-more-btn:disabled:hover,
.shc-more-btn:disabled:active,
.shc-more-btn.is-disabled:hover,
.shc-more-btn.is-disabled:active {
    background: var(--Background-bg-disabled);
    outline: none
}

.shc-more-btn:disabled:hover .shc-capsule-btn__text,
.shc-more-btn:disabled:active .shc-capsule-btn__text,
.shc-more-btn.is-disabled:hover .shc-capsule-btn__text,
.shc-more-btn.is-disabled:active .shc-capsule-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-more-btn:disabled:active,
.shc-more-btn.is-disabled:active {
    transform: scale(1)
}

.shc-more-btn:disabled:active:after,
.shc-more-btn.is-disabled:active:after {
    display: none
}

.shc-more-btn__text {
    color: var(--Text-text-primary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    padding: 0 var(--spacing-sm);
    margin-left: var(--spacing-xs)
}

.shc-more-btn__pagination {
    margin-left: var(--spacing-xs);
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-more-btn__pagination em {
    color: var(--Text-text-primary);
    font-weight: var(--font-weight-medium)
}

.shc-btn-gradient {
    position: relative;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 calc(var(--spacing-lg) + var(--spacing-sm));
    border-radius: var(--radius-2xl);
    vertical-align: top;
    max-width: 280px
}

.shc-btn-gradient:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: var(--radius-2xl);
    background: linear-gradient(90deg, #0296ff, #e02af4, #ff5e00);
    background-size: 200% 100%;
    animation: gradientMove 3s ease infinite;
    z-index: -2
}

.shc-btn-gradient:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: var(--radius-2xl);
    background-color: var(--Background-bg-canvas_white);
    z-index: -1
}

.shc-icon+.shc-btn-gradient__text,
.shc-btn-gradient__text+.shc-icon {
    margin-left: var(--spacing-sm)
}

.shc-btn-gradient__text {
    position: relative;
    background: linear-gradient(90deg, #0296ff, #e02af4, #ff5e00);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: gradientMove 3s ease infinite;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    z-index: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shc-btn-gradient .shc-icon {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px
}

.shc-btn-gradient.size-40 {
    height: 40px
}

.shc-btn-gradient.theme-banner {
    height: 48px;
    box-shadow: 0 4px 16px #0c111d24
}

.shc-btn-gradient.theme-banner:before {
    background: linear-gradient(90deg, #1f6aff, #b622b7)
}

.shc-btn-gradient.theme-banner .shc-btn-gradient__text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    background: linear-gradient(90deg, #1f6aff, #b622b7);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent
}

.shc-btn-gradient.theme-banner:after {
    background-color: var(--white)
}

.shc-card-popover {
    position: relative;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 calc(var(--spacing-lg) + var(--spacing-sm));
    border-radius: var(--radius-2xl);
    vertical-align: top;
    background: linear-gradient(90deg, #1f6aff, #b622b7);
    background-size: 200% 100%;
    max-width: 280px;
    box-shadow: 0 4px 16px #0c111d24
}

.shc-card-popover:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 8px;
    background-image: url(/pconts/static/images/mypage/PointerMasking.png);
    background-size: 20px 8px;
    background-repeat: no-repeat
}

.shc-card-popover[data-position^=top-]:before {
    top: -7px
}

.shc-card-popover[data-position^=bottom-]:before {
    transform: rotate(180deg);
    bottom: -7px
}

.shc-card-popover[data-position$=-right]:before {
    right: var(--spacing-2xl)
}

.shc-card-popover[data-position$=-center]:before {
    left: calc(50% - 10px)
}

.shc-card-popover[data-position$=-left]:before {
    left: var(--spacing-2xl)
}

.shc-card-popover:after {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: var(--radius-2xl);
    background-color: var(--white);
    z-index: 0
}

.shc-icon+.shc-card-popover__text,
.shc-card-popover__text+.shc-ico-btn,
.shc-card-popover__text+.shc-icon {
    margin-left: var(--spacing-sm)
}

.shc-card-popover__text {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    background: linear-gradient(90deg, #1f6aff, #b622b7);
    background-size: 200% 100%;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
    animation: gradientMove 3s ease infinite;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    z-index: 1
}

.shc-card-popover .shc-icon {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px
}

.shc-card-popover .shc-ico-btn {
    min-width: 14px;
    min-height: 14px;
    width: 14px;
    height: 14px;
    z-index: 1
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%
    }

    50% {
        background-position: 100% 50%
    }

    to {
        background-position: 0% 50%
    }
}

.no-gap .shc-capsule-btn-group>.shc-capsule-btn:not(:first-child) {
    margin-left: var(--spacing-md)
}

.no-gap .shc-capsule-btn.size-lg .shc-icon:first-child,
.no-gap .shc-capsule-btn.size-md .shc-icon:first-child,
.no-gap .shc-capsule-btn.size-sm .shc-icon:first-child {
    margin-right: var(--spacing-sm)
}

.no-gap .shc-capsule-btn.size-lg .shc-icon:last-child,
.no-gap .shc-capsule-btn.size-md .shc-icon:last-child,
.no-gap .shc-capsule-btn.size-sm .shc-icon:last-child {
    margin-left: var(--spacing-sm)
}

.no-gap .shc-capsule-btn.size-xs .shc-icon:first-child {
    margin-right: var(--spacing-xs)
}

.no-gap .shc-capsule-btn.size-xs .shc-icon:last-child {
    margin-left: var(--spacing-xs)
}

.shc-btn-group {
    display: flex;
    gap: var(--spacing-md);
    width: 100%
}

.shc-btn-group .shc-btn {
    flex: 1
}

.shc-btn-group.align-left {
    justify-content: flex-start
}

.shc-btn-group.align-left .shc-btn {
    flex: none
}

.shc-btn-group.align-center {
    justify-content: center
}

.shc-btn-group.align-center .shc-btn {
    flex: none
}

.shc-btn-group.align-right {
    justify-content: flex-end
}

.shc-btn-group.align-right .shc-btn {
    flex: none
}

.shc-btn-group.ratio-35-65 .shc-btn:first-child {
    flex: .35
}

.shc-btn-group.ratio-35-65 .shc-btn:last-child {
    flex: .65
}

.shc-btn-group.ratio-35-65 .shc-btn:only-child {
    flex: 1
}

.shc-btn-group.ratio-10-90 .shc-btn:first-child {
    flex: .1;
    min-width: 40px
}

.shc-btn-group.ratio-10-90 .shc-btn:last-child {
    flex: .9
}

.shc-btn-group.ratio-10-90 .shc-btn:only-child {
    flex: 1
}

.shc-btn-group.ratio-30-30-30 .shc-btn {
    flex: 1
}

.shc-btn-group.ratio-10-45-45 .shc-btn:first-child {
    flex: .1;
    min-width: 40px
}

.shc-btn-group.ratio-10-45-45 .shc-btn:nth-child(2) {
    flex: .45
}

.shc-btn-group.ratio-10-45-45 .shc-btn:last-child {
    flex: .45
}

.shc-btn-group.ratio-10-45-45 .shc-btn:only-child {
    flex: 1
}

.shc-btn-group.direction-col {
    flex-direction: column;
    column-gap: var(--spacing-lg)
}

.shc-btn-group.direction-col .shc-txt-btn--underline,
.shc-btn-group.direction-col .shc-txt-btn {
    align-self: center
}

.shc-btn-group.direction-col.align-left {
    align-items: flex-start
}

.shc-btn-group.direction-col.align-left .shc-btn {
    flex: none
}

.shc-btn-group.direction-col.align-center {
    align-items: center
}

.shc-btn-group.direction-col.align-center .shc-btn {
    flex: none
}

.shc-btn-group.direction-col.align-right {
    align-items: flex-end
}

.shc-btn-group.direction-col.align-right .shc-btn {
    flex: none
}

.shc-btn-group[class*=col-] {
    flex-wrap: wrap;
    margin-left: -8px;
    margin-top: -8px;
    gap: 0
}

.shc-btn-group[class*=col-] .shc-btn {
    margin-left: 8px;
    margin-top: 8px
}

.shc-btn-group.col-2 .shc-btn {
    flex: 0 1 calc(50% - 8px)
}

.shc-btn-group.col-3 .shc-btn {
    flex: 0 1 calc(33.3% - 8px)
}

.shc-btn-group.col-4 .shc-btn {
    flex: 0 1 calc(25% - 8px)
}

.no-gap .shc-btn-group .shc-btn:not(:first-child) {
    margin-left: var(--spacing-md)
}

.no-gap .shc-btn-group.direction-col .shc-btn:not(:first-child) {
    margin-left: 0;
    margin-top: var(--spacing-md)
}

.shc-ico-btn-group {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: 0 var(--spacing-2xl);
    gap: var(--spacing-md)
}

.shc-ico-btn-group .shc-ico-txt-btn {
    align-self: stretch
}

.shc-ico-btn-group .shc-ico-txt-btn__text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%
}

.shc-ico-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    text-decoration: none;
    border-radius: var(--radius-xxs);
    position: relative;
    min-width: 24px;
    min-height: 24px;
    transition-property: transform, opacity, color, background-color, box-shadow, border-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease);
    outline: none
}

.shc-ico-btn__icon {
    flex-shrink: 0
}

.shc-ico-btn:active:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--Background-bg-dark_a10)
}

.shc-ico-btn:disabled,
.shc-ico-btn.is-disabled {
    cursor: not-allowed;
    transform: none
}

.shc-ico-btn:disabled .shc-icon:not(svg),
.shc-ico-btn.is-disabled .shc-icon:not(svg) {
    background-color: var(--Text-text-disabled-same)
}

.shc-ico-btn:disabled:hover,
.shc-ico-btn:disabled:active,
.shc-ico-btn.is-disabled:hover,
.shc-ico-btn.is-disabled:active {
    background: transparent;
    color: var(--Text-text-disabled-same);
    outline: none
}

.shc-ico-btn:disabled:active:after,
.shc-ico-btn.is-disabled:active:after {
    display: none
}

.shc-ico-btn.size-xs .shc-icon {
    width: 16px;
    height: 16px
}

.shc-ico-btn.size-sm .shc-icon {
    width: 20px;
    height: 20px
}

.shc-ico-btn.size-xs:before,
.shc-ico-btn.size-sm:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-width: 24px;
    min-height: 24px
}

.shc-ico-btn.size-md .shc-icon {
    width: 24px;
    height: 24px
}

.shc-ico-btn.size-lg .shc-icon {
    width: 28px;
    height: 28px
}

.no-gap .shc-ico-btn-group .shc-ico-btn:not(:first-child),
.no-gap .shc-ico-btn-group .shc-ico-txt-btn:not(:first-child) {
    margin-left: var(--spacing-md)
}

.shc-txt-btn-group {
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: transparent;
    min-height: 36px;
    padding: 0 var(--spacing-md) var(--spacing-xs)
}

.shc-txt-btn-group .divider {
    display: inline-flex;
    width: 1px;
    height: 16px;
    background-color: var(--Border-border-tertiary)
}

.shc-txt-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: var(--radius-xs);
    position: relative;
    transition-property: transform, opacity, color, background-color, box-shadow, border-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease);
    outline: none
}

.shc-txt-btn>*:not(:first-child) {
    margin-left: var(--spacing-sm)
}

.shc-txt-btn:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    min-width: 24px;
    min-height: 24px;
    border-radius: inherit;
    background: var(--Background-bg-dark_a10);
    opacity: 0;
    transition: opacity .25s var(--ease);
    transform: translate(-50%, -50%)
}

.shc-txt-btn:active {
    transform: scale(.96)
}

.shc-txt-btn:active:after {
    opacity: 1
}

.shc-txt-btn:disabled,
.shc-txt-btn[class*=theme-]:disabled,
.shc-txt-btn.is-disabled,
.shc-txt-btn[class*=theme-].is-disabled {
    cursor: not-allowed
}

.shc-txt-btn:disabled .shc-txt-btn__text,
.shc-txt-btn[class*=theme-]:disabled .shc-txt-btn__text,
.shc-txt-btn.is-disabled .shc-txt-btn__text,
.shc-txt-btn[class*=theme-].is-disabled .shc-txt-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-txt-btn:disabled.size-xl .shc-txt-btn__text,
.shc-txt-btn[class*=theme-]:disabled.size-xl .shc-txt-btn__text,
.shc-txt-btn.is-disabled.size-xl .shc-txt-btn__text,
.shc-txt-btn[class*=theme-].is-disabled.size-xl .shc-txt-btn__text {
    font-weight: 500
}

.shc-txt-btn:disabled:not(.size-xl) .shc-txt-btn__text,
.shc-txt-btn[class*=theme-]:disabled:not(.size-xl) .shc-txt-btn__text,
.shc-txt-btn.is-disabled:not(.size-xl) .shc-txt-btn__text,
.shc-txt-btn[class*=theme-].is-disabled:not(.size-xl) .shc-txt-btn__text {
    font-weight: 300
}

.shc-txt-btn:disabled:hover,
.shc-txt-btn:disabled:active,
.shc-txt-btn:disabled:focus-visible,
.shc-txt-btn[class*=theme-]:disabled:hover,
.shc-txt-btn[class*=theme-]:disabled:active,
.shc-txt-btn[class*=theme-]:disabled:focus-visible,
.shc-txt-btn.is-disabled:hover,
.shc-txt-btn.is-disabled:active,
.shc-txt-btn.is-disabled:focus-visible,
.shc-txt-btn[class*=theme-].is-disabled:hover,
.shc-txt-btn[class*=theme-].is-disabled:active,
.shc-txt-btn[class*=theme-].is-disabled:focus-visible {
    background: transparent
}

.shc-txt-btn:disabled:hover .shc-txt-btn__text,
.shc-txt-btn:disabled:active .shc-txt-btn__text,
.shc-txt-btn:disabled:focus-visible .shc-txt-btn__text,
.shc-txt-btn[class*=theme-]:disabled:hover .shc-txt-btn__text,
.shc-txt-btn[class*=theme-]:disabled:active .shc-txt-btn__text,
.shc-txt-btn[class*=theme-]:disabled:focus-visible .shc-txt-btn__text,
.shc-txt-btn.is-disabled:hover .shc-txt-btn__text,
.shc-txt-btn.is-disabled:active .shc-txt-btn__text,
.shc-txt-btn.is-disabled:focus-visible .shc-txt-btn__text,
.shc-txt-btn[class*=theme-].is-disabled:hover .shc-txt-btn__text,
.shc-txt-btn[class*=theme-].is-disabled:active .shc-txt-btn__text,
.shc-txt-btn[class*=theme-].is-disabled:focus-visible .shc-txt-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-txt-btn:disabled:active,
.shc-txt-btn[class*=theme-]:disabled:active,
.shc-txt-btn.is-disabled:active,
.shc-txt-btn[class*=theme-].is-disabled:active {
    transform: scale(1)
}

.shc-txt-btn:disabled:active:after,
.shc-txt-btn[class*=theme-]:disabled:active:after,
.shc-txt-btn.is-disabled:active:after,
.shc-txt-btn[class*=theme-].is-disabled:active:after {
    display: none
}

.shc-txt-btn:disabled .shc-icon,
.shc-txt-btn[class*=theme-]:disabled .shc-icon,
.shc-txt-btn.is-disabled .shc-icon,
.shc-txt-btn[class*=theme-].is-disabled .shc-icon {
    background-color: var(--Text-text-disabled-same)
}

.shc-txt-btn.theme-primary .shc-txt-btn__text {
    color: var(--Text-text-brand)
}

.shc-txt-btn.theme-primary .shc-icon {
    background-color: var(--Foreground-fg-brand-same)
}

.shc-txt-btn.theme-secondary .shc-txt-btn__text {
    color: var(--Text-text-secondary)
}

.shc-txt-btn.theme-secondary.size-sm .shc-txt-btn__text,
.shc-txt-btn.theme-secondary.size-xs .shc-txt-btn__text {
    font-weight: var(--font-weight-medium)
}

.shc-txt-btn.theme-secondary .shc-icon {
    background-color: var(--Foreground-fg-secondary)
}

.shc-txt-btn.theme-tertiary .shc-txt-btn__text {
    color: var(--Text-text-tertiary)
}

.shc-txt-btn.theme-tertiary .shc-icon {
    background-color: var(--Text-text-tertiary)
}

.shc-txt-btn.theme-quaternary .shc-txt-btn__text {
    color: var(--Text-text-quaternary)
}

.shc-txt-btn.theme-quaternary .shc-icon {
    background-color: var(--Text-text-quaternary)
}

.shc-txt-btn.size-xl .shc-txt-btn__text {
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 700
}

.shc-txt-btn.size-xl .shc-icon {
    width: 24px;
    height: 24px
}

.shc-txt-btn.size-lg .shc-txt-btn__text {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 500
}

.shc-txt-btn.size-lg .shc-icon {
    width: 20px;
    height: 20px
}

.shc-txt-btn.size-md .shc-txt-btn__text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500
}

.shc-txt-btn.size-md .shc-icon {
    width: 18px;
    height: 18px
}

.shc-txt-btn.size-sm>*:not(:first-child) {
    margin-left: var(--spacing-xs)
}

.shc-txt-btn.size-sm .shc-txt-btn__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500
}

.shc-txt-btn.size-sm .shc-icon {
    width: 16px;
    height: 16px
}

.shc-txt-btn.size-xs {
    min-height: 24px
}

.shc-txt-btn.size-xs>*:not(:first-child) {
    margin-left: var(--spacing-none)
}

.shc-txt-btn.size-xs .shc-txt-btn__text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500
}

.shc-txt-btn.size-xs .shc-icon {
    width: 16px;
    height: 16px
}

.shc-txt-btn.size-xs:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.shc-txt-btn--underline {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    border-radius: var(--radius-xxs);
    position: relative;
    text-decoration: underline;
    transition-property: transform, opacity, color, background-color, box-shadow, border-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease);
    outline: none
}

@media (pointer: fine) and (hover: hover) {
    .shc-txt-btn--underline:hover {
        background: var(--Background-bg-dark_a10)
    }
}

.shc-txt-btn--underline:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--Background-bg-dark_a10);
    opacity: 0;
    transition: opacity .25s var(--ease)
}

.shc-txt-btn--underline:active {
    transform: scale(.96)
}

.shc-txt-btn--underline:active:after {
    opacity: 1
}

.shc-txt-btn--underline:disabled,
.shc-txt-btn--underline[class*=theme-]:disabled,
.shc-txt-btn--underline.is-disabled,
.shc-txt-btn--underline[class*=theme-].is-disabled {
    cursor: not-allowed;
    color: var(--Text-text-disabled-same)
}

.shc-txt-btn--underline:disabled .shc-txt-btn--underline__text,
.shc-txt-btn--underline[class*=theme-]:disabled .shc-txt-btn--underline__text,
.shc-txt-btn--underline.is-disabled .shc-txt-btn--underline__text,
.shc-txt-btn--underline[class*=theme-].is-disabled .shc-txt-btn--underline__text {
    font-weight: 300
}

.shc-txt-btn--underline:disabled.size-xl .shc-txt-btn--underline__text,
.shc-txt-btn--underline[class*=theme-]:disabled.size-xl .shc-txt-btn--underline__text,
.shc-txt-btn--underline.is-disabled.size-xl .shc-txt-btn--underline__text,
.shc-txt-btn--underline[class*=theme-].is-disabled.size-xl .shc-txt-btn--underline__text {
    font-weight: 500
}

.shc-txt-btn--underline:disabled:hover,
.shc-txt-btn--underline:disabled:active,
.shc-txt-btn--underline[class*=theme-]:disabled:hover,
.shc-txt-btn--underline[class*=theme-]:disabled:active,
.shc-txt-btn--underline.is-disabled:hover,
.shc-txt-btn--underline.is-disabled:active,
.shc-txt-btn--underline[class*=theme-].is-disabled:hover,
.shc-txt-btn--underline[class*=theme-].is-disabled:active {
    background: transparent;
    color: var(--Text-text-disabled-same);
    outline: none
}

.shc-txt-btn--underline:disabled:active,
.shc-txt-btn--underline[class*=theme-]:disabled:active,
.shc-txt-btn--underline.is-disabled:active,
.shc-txt-btn--underline[class*=theme-].is-disabled:active {
    transform: scale(1)
}

.shc-txt-btn--underline:disabled:active:after,
.shc-txt-btn--underline[class*=theme-]:disabled:active:after,
.shc-txt-btn--underline.is-disabled:active:after,
.shc-txt-btn--underline[class*=theme-].is-disabled:active:after {
    display: none
}

.shc-txt-btn--underline.theme-primary {
    color: var(--Text-text-brand)
}

.shc-txt-btn--underline.theme-primary.size-xs {
    font-weight: var(--font-weight-light)
}

.shc-txt-btn--underline.theme-secondary {
    color: var(--Text-text-secondary)
}

.shc-txt-btn--underline.theme-tertiary {
    color: var(--Text-text-tertiary)
}

.shc-txt-btn--underline.theme-quaternary {
    color: var(--Text-text-quaternary)
}

.shc-txt-btn--underline.size-xl {
    text-decoration-thickness: 1.6px;
    text-underline-offset: 6px
}

.shc-txt-btn--underline.size-xl .shc-txt-btn--underline__text {
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 700
}

.shc-txt-btn--underline.size-lg {
    text-decoration-thickness: 1.6px;
    text-underline-offset: 6px
}

.shc-txt-btn--underline.size-lg .shc-txt-btn--underline__text {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 500
}

.shc-txt-btn--underline.size-md {
    text-decoration-thickness: 1.2px;
    text-underline-offset: 4px
}

.shc-txt-btn--underline.size-md .shc-txt-btn--underline__text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500
}

.shc-txt-btn--underline.size-sm {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px
}

.shc-txt-btn--underline.size-sm .shc-txt-btn--underline__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500
}

.shc-txt-btn--underline.size-xs {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
    min-height: 24px
}

.shc-txt-btn--underline.size-xs .shc-txt-btn--underline__text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500
}

.shc-txt-btn--underline.size-xs:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%
}

.shc-fab-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    text-decoration: none;
    position: relative;
    transition-property: transform, opacity, color, background-color, box-shadow, border-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease);
    box-shadow: 0 4px 16px #0c111d2e;
    padding: var(--spacing-lg);
    min-width: 48px;
    height: 48px;
    border-radius: var(--radius-2xl);
    outline: none
}

.shc-fab-btn .shc-icon {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.shc-fab-btn:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--Background-bg-dark_a10);
    opacity: 0;
    transition: opacity .25s var(--ease)
}

.shc-fab-btn:active {
    transform: scale(.96)
}

.shc-fab-btn:active:after {
    opacity: 1
}

.shc-fab-btn:disabled,
.shc-fab-btn[class*=theme-]:disabled,
.shc-fab-btn.is-disabled,
.shc-fab-btn[class*=theme-].is-disabled {
    background: var(--Background-bg-disabled);
    cursor: not-allowed
}

.shc-fab-btn:disabled .shc-icon,
.shc-fab-btn:disabled .shc-fab-btn__text,
.shc-fab-btn[class*=theme-]:disabled .shc-icon,
.shc-fab-btn[class*=theme-]:disabled .shc-fab-btn__text,
.shc-fab-btn.is-disabled .shc-icon,
.shc-fab-btn.is-disabled .shc-fab-btn__text,
.shc-fab-btn[class*=theme-].is-disabled .shc-icon,
.shc-fab-btn[class*=theme-].is-disabled .shc-fab-btn__text {
    color: var(--Text-text-disabled-same)
}

.shc-fab-btn:disabled .shc-fab-btn__text,
.shc-fab-btn[class*=theme-]:disabled .shc-fab-btn__text,
.shc-fab-btn.is-disabled .shc-fab-btn__text,
.shc-fab-btn[class*=theme-].is-disabled .shc-fab-btn__text {
    font-weight: 300
}

.shc-fab-btn:disabled .shc-icon:not(svg),
.shc-fab-btn[class*=theme-]:disabled .shc-icon:not(svg),
.shc-fab-btn.is-disabled .shc-icon:not(svg),
.shc-fab-btn[class*=theme-].is-disabled .shc-icon:not(svg) {
    background-color: var(--Text-text-disabled-same)
}

.shc-fab-btn:disabled:active,
.shc-fab-btn[class*=theme-]:disabled:active,
.shc-fab-btn.is-disabled:active,
.shc-fab-btn[class*=theme-].is-disabled:active {
    background: var(--Background-bg-disabled);
    outline: none
}

.shc-fab-btn:disabled:active,
.shc-fab-btn[class*=theme-]:disabled:active,
.shc-fab-btn.is-disabled:active,
.shc-fab-btn[class*=theme-].is-disabled:active {
    transform: scale(1)
}

.shc-fab-btn:disabled:active:after,
.shc-fab-btn[class*=theme-]:disabled:active:after,
.shc-fab-btn.is-disabled:active:after,
.shc-fab-btn[class*=theme-].is-disabled:active:after {
    display: none
}

.shc-fab-btn__text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500
}

.shc-fab-btn.theme-primary {
    background: var(--Background-bg-brand_strong-same)
}

.shc-fab-btn.theme-primary .shc-icon,
.shc-fab-btn.theme-primary .shc-fab-btn__text {
    color: var(--Text-text-ondark_primary-same)
}

.shc-fab-btn.theme-primary .shc-icon:not(svg) {
    background-color: var(--Text-text-ondark_primary-same)
}

.shc-fab-btn.theme-secondary {
    background: var(--Background-bg-white)
}

.shc-fab-btn.theme-secondary .shc-icon,
.shc-fab-btn.theme-secondary .shc-fab-btn__text {
    color: var(--Text-text-secondary)
}

.shc-fab-btn.theme-secondary .shc-icon:not(svg) {
    background-color: var(--Text-text-secondary)
}

.shc-btn-top {
    display: none;
    background: var(--Background-bg-white, #FFF)
}

.shc-btn-top .shc-icon {
    transform: rotate(180deg);
    width: 24px;
    height: 24px
}

.shc-btn-top.is-active {
    display: block
}

.shc-fab-chatbot {
    display: none;
    position: relative
}

.shc-fab-chatbot .shc-fab-chatbox__close {
    display: flex;
    position: absolute;
    top: -4px;
    right: -4px;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 12px;
    background: var(--Background-bg-white);
    box-shadow: 0 2px 8px #0c111d2e
}

.shc-fab-chatbot .shc-fab-chatbox__close:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/close.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/close.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-fab-chatbot .shc-fab-chatbox__icon {
    display: block;
    border-radius: var(--radius-full);
    box-shadow: 0 4px 16px #0c111d2e
}

@media (max-width: 1023px) {
    .shc-fab-chatbot .shc-fab-chatbox__icon {
        width: 48px;
        height: 48px
    }
}

@media (min-width: 1024px) {
    .shc-fab-chatbot .shc-fab-chatbox__icon {
        width: 56px;
        height: 56px
    }
}

.shc-fab-chatbot.is-active {
    display: block
}

.shc-fab-chatbot.is-closable .shc-fab-chatbox__close {
    display: flex
}

.shc-fab-consultant {
    background-color: var(--Background-bg-brand_strong-same);
    padding: var(--spacing-none)
}

.shc-fab-consultant .shc-icon {
    width: 100%;
    height: 100%
}

.shc-chip-group {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-md)
}

.shc-chip-group.type-swiper {
    position: relative;
    padding: var(--spacing-xl) 60px var(--spacing-xl) 0
}

.shc-chip-group.type-swiper.no-destroy {
    padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl) 0
}

.shc-chip-group.type-swiper:not(.no-destroy):before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 5;
    width: 92px;
    background: linear-gradient(270deg, var(--Background-bg-canvas_white) 50%, var(--Background-bg-canvas_white_a0) 100%);
    pointer-events: none;
    transform: translateZ(0);
    transition: background .4s var(--ease)
}

.shc-chip-group.type-swiper.is-end:before {
    background: linear-gradient(270deg, var(--Background-bg-canvas_white) 50%, var(--Background-bg-canvas_white_a0) 50%)
}

.shc-chip-group.type-swiper:not(.swiper):before {
    content: none
}

.shc-chip-group.type-swiper:not(.swiper) .swiper-wrapper {
    flex-wrap: wrap;
    gap: var(--spacing-md)
}

.shc-chip-group.type-swiper .swiper-slide {
    width: auto
}

.shc-chip-group.type-swiper .btn-swiper-destroy {
    position: absolute;
    right: var(--spacing-2xl);
    top: var(--spacing-xl);
    z-index: 6;
    transform: rotate(0) translateZ(0)
}

.shc-chip-group.type-swiper .btn-swiper-destroy.is-active {
    transform: rotate(180deg) translateZ(0);
    border-color: var(--Border-border-primary)
}

.shc-chip-group .shc-chip__search,
.shc-chip-group .btn-swiper-destroy {
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid var(--Border-border-tertiary);
    background-color: var(--Background-bg-white)
}

.shc-chip-group .shc-chip__search {
    flex-shrink: 0;
    flex: 0 0 36px
}

.shc-chip-group .shc-chip__search:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url(/pconts/static/svg/search.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-chip-group .shc-chip__search:before {
        background-image: url(/pconts/static/svg/search--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-chip-group .shc-chip__search:before {
    background-image: url(/pconts/static/svg/search--dark.svg)
}

.shc-chip-group .btn-swiper-destroy:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    transform: rotate(90deg);
    background-size: cover;
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

@media (min-width: 1024px) {
    .shc-layered .shc-chip-group.type-swiper:before {
        background: linear-gradient(270deg, var(--Background-bg-canvas_white-elevated) 50%, var(--Background-bg-canvas_white_a0-elevated) 100%)
    }
}

.shc-bottomsheet .shc-chip-group.type-swiper:before {
    background: linear-gradient(270deg, var(--Background-bg-canvas_white-elevated) 50%, var(--Background-bg-canvas_white_a0-elevated) 100%)
}

.shc-chip {
    position: relative
}

.shc-chip__input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-chip__label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 calc(var(--spacing-lg) + var(--spacing-sm));
    min-height: 36px;
    border-radius: 18px;
    cursor: pointer;
    transition: all .2s var(--ease);
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: var(--font-weight-light)
}

.shc-chip__label>span {
    padding: 0 var(--spacing-sm)
}

.shc-chip__input:focus-visible+.shc-chip__label {
    outline: auto -webkit-focus-ring-color;
    outline-offset: 3px;
    transition: outline-offset 0s
}

.shc-chip__input:checked+.shc-chip__label {
    font-weight: var(--font-weight-medium)
}

.shc-chip__input[type=radio]+.shc-chip__label {
    background: var(--Background-bg-graylight);
    color: var(--Text-text-secondary);
    line-height: var(--lineheight-body-M);
    letter-spacing: var(--letterspace-body-M);
    border: 1px solid var(--Border-border-secondary)
}

.shc-chip__input[type=radio]:checked+.shc-chip__label {
    background: var(--Background-bg-dark);
    color: var(--Text-text-ondark_primary);
    border-color: var(--Background-bg-dark)
}

.shc-chip__input[type=checkbox]+.shc-chip__label {
    color: var(--Text-text-secondary);
    border: 1px solid var(--Border-border-primary)
}

.shc-chip__input[type=checkbox]:checked+.shc-chip__label {
    border-color: var(--Border-border-brand);
    color: var(--Text-text-brand);
    line-height: var(--lineheight-body-M);
    letter-spacing: var(--letterspace-body-M)
}

a .shc-chip__label,
button .shc-chip__label {
    background: var(--Background-bg-graylight);
    color: var(--Text-text-secondary);
    line-height: var(--lineheight-body-M);
    letter-spacing: var(--letterspace-body-M);
    border: 1px solid var(--Border-border-secondary)
}

a.is-active .shc-chip__label,
button.is-active .shc-chip__label {
    background: var(--Background-bg-dark);
    color: var(--Text-text-ondark_primary);
    font-weight: var(--font-weight-medium);
    border-color: var(--Background-bg-dark)
}

.shc-chip-search {
    position: relative
}

.shc-chip-search>.shc-chip__search {
    position: absolute;
    left: 0;
    top: var(--spacing-xl);
    display: flex;
    width: 36px;
    height: 36px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    border: 1px solid var(--Border-border-tertiary);
    background-color: var(--Background-bg-white)
}

.shc-chip-search>.shc-chip__search:before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: cover;
    background-image: url(/pconts/static/svg/search.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-chip-search>.shc-chip__search:before {
        background-image: url(/pconts/static/svg/search--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-chip-search>.shc-chip__search:before {
    background-image: url(/pconts/static/svg/search--dark.svg)
}

.shc-chip-search>.shc-chip__search.is-hidden {
    display: none
}

.shc-chip-search .shc-chip-group {
    display: none;
    margin-left: 44px
}

.shc-chip-search .shc-chip-group.is-active {
    display: flex
}

.shc-chip-search .shc-chip-group .swiper-wrapper .shc-chip__search {
    display: none
}

.shc-chip-search__input {
    display: none;
    padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl) var(--spacing-2xl)
}

.shc-chip-search__input.is-active {
    display: flex
}

.shc-chip-search__input.is-active .shc-input {
    flex: 1
}

.shc-chip-search__input.is-active .shc-txt-btn {
    flex-shrink: 0;
    margin-left: var(--spacing-lg)
}

.no-gap .shc-chip-group>.shc-chip:not(:first-child) {
    margin-left: var(--spacing-md)
}

.no-gap .shc-chip-group.type-swiper:not(.swiper) .swiper-wrapper {
    gap: 0;
    margin-top: calc(var(--spacing-md) * -1)
}

.no-gap .shc-chip-group.type-swiper:not(.swiper) .swiper-wrapper .shc-chip,
.no-gap .shc-chip-group.type-swiper:not(.swiper) .swiper-wrapper .shc-chip--keyword {
    margin-top: var(--spacing-md);
    margin-right: var(--spacing-md)
}

.shc-chip--filter {
    display: inline-flex;
    align-items: center;
    padding: 0 var(--spacing-lg);
    height: 36px;
    border-radius: 18px;
    transition: all .2s var(--ease);
    -webkit-user-select: none;
    user-select: none;
    position: relative;
    border: 1px solid transparent;
    background: var(--Background-bg-white);
    border-color: var(--Border-border-primary)
}

.shc-chip--filter__text {
    padding-left: var(--spacing-sm);
    color: var(--Text-text-secondary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 400
}

.shc-chip--filter__count {
    color: var(--Text-text-brand);
    text-align: center;
    flex-shrink: 0;
    min-width: 10px;
    margin-left: var(--spacing-sm);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 400
}

.shc-chip--filter:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: var(--spacing-sm);
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-chip--filter:focus-visible {
    outline-offset: 4px
}

.shc-chip--filter.is-active {
    background: var(--Background-bg-brand);
    border-color: var(--Border-border-brand)
}

.shc-chip--filter.is-active .shc-chip--filter-text {
    color: var(--Text-text-primary);
    font-weight: var(--font-weight-medium)
}

.shc-chip--filter.is-active:after {
    transform: rotate(270deg)
}

.shc-chip--keyword {
    position: relative;
    border-radius: 18px;
    -webkit-user-select: none;
    user-select: none;
    background-color: var(--Background-bg-gray);
    color: var(--Text-text-secondary)
}

.shc-chip--keyword__text {
    display: flex;
    align-items: center;
    width: 100%;
    height: 36px;
    padding: 0 calc(var(--spacing-sm) + var(--spacing-lg) + 20px) 0 calc(var(--spacing-sm) + var(--spacing-lg));
    text-decoration: none;
    white-space: nowrap;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: var(--font-weight-regular)
}

.shc-chip--keyword__remove {
    position: absolute;
    right: var(--spacing-lg);
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    padding: var(--spacing-xs);
    background-color: transparent
}

.shc-chip--keyword__remove:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/close--gray.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/close--gray.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-chip--keyword.size-sm .shc-chip--keyword__text {
    height: 32px;
    padding: 0 calc(var(--spacing-sm) + var(--spacing-md) + 20px) 0 calc(var(--spacing-sm) + var(--spacing-md));
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: var(--font-weight-regular)
}

.shc-chip--keyword.size-sm .shc-chip--keyword__remove {
    right: var(--spacing-md)
}

.shc-chip--keyword.type-line {
    background-color: transparent;
    border: 1px solid var(--Border-border-secondary)
}

.shc-chip--keyword.type-line.theme-red {
    background-color: var(--Background-bg-white);
    border-color: var(--Border-border-increase-same)
}

.shc-chip--keyword.type-line.theme-blue {
    background-color: var(--Background-bg-white);
    border-color: var(--Border-border-decrease)
}

.shc-chip--keyword.theme-blue {
    background-color: var(--Background-bg-decrease);
    color: var(--Text-text-decrease)
}

.shc-chip--keyword.theme-red {
    background-color: var(--Background-bg-increase);
    color: var(--Text-text-increase-same)
}

button.shc-chip--keyword,
a.shc-chip--keyword {
    display: inline-flex;
    height: 36px;
    padding: 0 var(--spacing-lg)
}

button.shc-chip--keyword .shc-chip--keyword__text,
a.shc-chip--keyword .shc-chip--keyword__text {
    height: auto;
    padding: 0 var(--spacing-sm)
}

button.shc-chip--keyword.size-sm,
a.shc-chip--keyword.size-sm {
    height: 32px;
    padding: 0 var(--spacing-md)
}

button.shc-chip--keyword.size-sm .shc-chip--keyword__text,
a.shc-chip--keyword.size-sm .shc-chip--keyword__text {
    height: auto;
    padding: 0 var(--spacing-sm)
}

button.shc-chip--keyword .shc-badge--text,
a.shc-chip--keyword .shc-badge--text {
    align-self: center
}

.shc-badge--dot--after:after,
.shc-badge--dot--before:before,
.shc-badge--dot {
    display: inline-block;
    width: 4px;
    height: 4px;
    background: var(--Background-bg-new_strong-same);
    border-radius: var(--radius-full);
    border: none;
    flex-shrink: 0
}

.shc-badge--dot--before {
    position: relative
}

.shc-badge--dot--before:before {
    content: ""
}

.shc-badge--dot--after {
    position: relative
}

.shc-badge--dot--after:after {
    content: ""
}

.shc-label--line {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-xxs);
    border: 1px solid;
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    background: transparent;
    height: 22px
}

.shc-label--line.theme-red {
    border-color: var(--Border-border-red-same);
    color: var(--Text-text-red)
}

.shc-label--line.theme-blue {
    border-color: var(--Border-border-blue-same);
    color: var(--Text-text-blue)
}

.shc-label--line.theme-cyan {
    border-color: var(--Border-border-cyan-same);
    color: var(--Text-text-cyan)
}

.shc-label--line.theme-green {
    border-color: var(--Border-border-green-same);
    color: var(--Palette-green-green-900)
}

.shc-label--line.theme-yellow {
    border-color: var(--Border-border-yellow-same);
    color: var(--Text-text-yellow)
}

.shc-label--line.theme-orange {
    border-color: var(--Border-border-orange-same);
    color: var(--Text-text-orange)
}

.shc-label--line.theme-gray {
    border-color: var(--Border-border-primary);
    color: var(--Text-text-quaternary)
}

.shc-label--line.theme-olive {
    border-color: var(--Border-border-olive-same);
    color: var(--Text-text-olive)
}

.shc-label--line.theme-celery {
    border-color: var(--Border-border-celery-same);
    color: var(--Text-text-celery)
}

.shc-label--line.theme-seaform {
    border-color: var(--Border-border-seaform-same);
    color: var(--Text-text-seaform)
}

.shc-label--line.theme-indigo {
    border-color: var(--Border-border-indigo-same);
    color: var(--Palette-indigo-indigo-900)
}

.shc-label--line.theme-purple {
    border-color: var(--Border-border-purple-same);
    color: var(--Text-text-purple)
}

.shc-label--line.theme-fushia {
    border-color: var(--Border-border-fushia-same);
    color: var(--Text-text-fushia)
}

.shc-label--line.theme-magenta {
    border-color: var(--Border-border-magenta-same);
    color: var(--Text-text-magenta)
}

.shc-badge--number {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: var(--spacing-none) var(--spacing-sm);
    border-radius: var(--radius-sm);
    font-family: var(--font-family);
    font-size: var(--size-detail-S);
    line-height: var(--lineheight-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    font-weight: var(--font-weight-medium);
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
    position: relative;
    min-width: var(--spacing-2xl);
    height: var(--spacing-2xl)
}

.shc-badge--number.theme-red {
    background: var(--Background-bg-new_strong-same);
    color: var(--Text-text-ondark_primary-same)
}

.shc-badge--number.theme-black {
    background: var(--Background-bg-dark);
    color: var(--Text-text-ondark_primary)
}

.shc-label--solid {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-xxs);
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 500;
    white-space: nowrap;
    flex-shrink: 0;
    color: var(--Text-text-ondark_primary-same);
    height: 22px
}

.shc-label--solid.theme-blue {
    background: var(--Background-bg-blue-same)
}

.shc-label--solid.theme-cyan {
    background: var(--Background-bg-cyan-same)
}

.shc-label--solid.theme-green {
    background: var(--Background-bg-green-same)
}

.shc-label--solid.theme-yellow {
    background: var(--Background-bg-yellow-same)
}

.shc-label--solid.theme-orange {
    background: var(--Background-bg-orange-same)
}

.shc-label--solid.theme-red {
    background: var(--Background-bg-red-same)
}

.shc-label--solid.theme-black {
    background: var(--Background-bg-information-same);
    color: var(--Text-text-ondark_primary-same)
}

.shc-badge--text {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-md);
    font-family: var(--font-family);
    font-size: var(--size-detail-S);
    line-height: var(--lineheight-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    flex-shrink: 0
}

.shc-badge--text.type-solid.theme-blue {
    background: var(--Background-bg-brand_strong-same);
    color: var(--Text-text-ondark_primary-same)
}

.shc-badge--text.type-solid.theme-red {
    background: var(--Background-bg-new_strong-same);
    color: var(--Text-text-ondark_primary-same)
}

.shc-badge--text.type-solid.theme-black {
    background: var(--Background-bg-dark);
    color: var(--Text-text-ondark_primary)
}

.shc-badge--text.type-tint.theme-blue {
    background: var(--Background-bg-brand);
    color: var(--Text-text-brand)
}

.shc-badge--text.type-tint.theme-red {
    background: var(--Background-bg-negative);
    color: var(--Background-bg-new_strong-same)
}

.shc-badge--text.type-tint.theme-black {
    background: var(--Background-bg-gray);
    color: var(--Text-text-secondary)
}

.shc-badge--text.type-tint.theme-indigo {
    background: var(--Background-bg-banner_indigo_tint-same);
    color: var(--Text-text-indigo)
}

.shc-badge--text.type-tint.theme-cyan,
.shc-badge--text.type-tint.theme-cyon {
    background: var(--Background-bg-cyan);
    color: var(--Text-text-cyan)
}

.shc-label--tint {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-xxs);
    border: 1px solid;
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 500;
    text-align: center;
    white-space: nowrap;
    flex-shrink: 0;
    height: 22px
}

.shc-label--tint.theme-blue {
    background: var(--Background-bg-blue);
    border-color: var(--Border-border-blue);
    color: var(--Text-text-blue)
}

.shc-label--tint.theme-cyan {
    background: var(--Background-bg-cyan);
    border-color: var(--Border-border-cyan);
    color: var(--Text-text-cyan)
}

.shc-label--tint.theme-green {
    background: var(--Background-bg-green);
    border-color: var(--Border-border-green);
    color: var(--Text-text-green)
}

.shc-label--tint.theme-yellow {
    background: var(--Background-bg-yellow);
    border-color: var(--Border-border-yellow);
    color: var(--Text-text-yellow)
}

.shc-label--tint.theme-orange {
    background: var(--Background-bg-orange);
    border-color: var(--Border-border-orange);
    color: var(--Text-text-orange)
}

.shc-label--tint.theme-red {
    background: var(--Background-bg-red);
    border-color: var(--Border-border-red);
    color: var(--Text-text-red)
}

.shc-label--tint.theme-black {
    background: var(--Background-bg-ongray_graylight_a5);
    border-color: var(--Border-border-secondary);
    color: var(--Text-text-secondary)
}

.shc-checkbox-group {
    display: flex;
    flex-direction: column;
    width: 100%
}

.shc-checkbox-group-row {
    display: flex;
    flex-direction: row
}

.shc-checkbox-group-row>.shc-checkbox:not(:first-child) {
    margin-left: var(--spacing-lg)
}

.shc-checkbox {
    position: relative
}

.shc-checkbox__input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-checkbox__label {
    position: relative;
    display: inline-flex;
    min-height: 24px;
    padding-left: var(--spacing-4xl);
    color: var(--Text-text-secondary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: top;
    cursor: pointer
}

.shc-checkbox__label[aria-label] {
    padding-left: var(--spacing-3xl)
}

.shc-checkbox__label:before,
.shc-checkbox__label:after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: var(--radius-xs);
    background-position: 50% 50%;
    background-size: 18px auto;
    background-repeat: no-repeat;
    transition: all .25s var(--ease)
}

.shc-checkbox.align-right .shc-checkbox__label {
    text-align: right;
    padding-left: 0;
    padding-right: var(--spacing-4xl)
}

.shc-checkbox.align-right .shc-checkbox__label:before,
.shc-checkbox.align-right .shc-checkbox__label:after {
    left: auto;
    right: 0
}

.shc-checkbox__input:disabled~.shc-checkbox__label {
    color: var(--Text-text-disabled-same);
    font-weight: 300
}

.shc-checkbox:not(.type-mark) {
    display: inline-flex;
    min-height: 24px
}

.shc-checkbox:not(.type-mark) .shc-checkbox__label:before {
    border: 1px solid var(--Border-border-primary_strong-same);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9963 5.24634L7.125 13.1177L3.00366 8.99634L3.74634 8.25366L7.125 11.6323L14.2537 4.50366L14.9963 5.24634Z' fill='%23E4E7EC'/%3E %3C/svg%3E")
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-checkbox:not(.type-mark) .shc-checkbox__label:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9966 5.24658L7.12524 13.1179L3.00391 8.99658L3.74658 8.25391L7.12524 11.6326L14.2539 4.50391L14.9966 5.24658Z' fill='%23344054'/%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .shc-checkbox:not(.type-mark) .shc-checkbox__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9966 5.24658L7.12524 13.1179L3.00391 8.99658L3.74658 8.25391L7.12524 11.6326L14.2539 4.50391L14.9966 5.24658Z' fill='%23344054'/%3E %3C/svg%3E")
}

.shc-checkbox:not(.type-mark) .shc-checkbox__label:after {
    opacity: 0;
    transform: translateY(-50%) scale(0);
    background-color: var(--Foreground-fg-brand-same);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.4204 5.67041L7.125 13.9658L2.57959 9.42041L4.17041 7.82959L7.125 10.7842L13.8296 4.07959L15.4204 5.67041Z' fill='white'/%3E %3C/svg%3E")
}

.shc-checkbox:not(.type-mark) .shc-checkbox__input:checked+.shc-checkbox__label:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.shc-checkbox:not(.type-mark) .shc-checkbox__input:disabled+.shc-checkbox__label {
    cursor: not-allowed
}

.shc-checkbox:not(.type-mark) .shc-checkbox__input:disabled+.shc-checkbox__label:before {
    border-color: var(--Border-border-disabled);
    background-color: var(--Background-bg-disabled);
    background-image: none
}

.shc-checkbox:not(.type-mark) .shc-checkbox__input:checked:disabled+.shc-checkbox__label {
    cursor: not-allowed
}

.shc-checkbox:not(.type-mark) .shc-checkbox__input:checked:disabled+.shc-checkbox__label:after {
    background-color: var(--Background-bg-brand-selected_disabled)
}

.shc-checkbox.type-mark .shc-checkbox__label:before {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/checkbox/mark-default.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/checkbox/mark-default.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-checkbox.type-mark .shc-checkbox__label:after {
    clip-path: inset(0 100% 0 0);
    transition: clip-path .5s var(--ease)
}

.shc-checkbox.type-mark .shc-checkbox__input:checked+.shc-checkbox__label:after {
    background-color: var(--Foreground-fg-brand-same);
    -webkit-mask-image: url(/pconts/static/svg/checkbox/mark-checked.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/checkbox/mark-checked.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    clip-path: inset(0 0 0 0)
}

.shc-checkbox.type-mark .shc-checkbox__input:disabled+.shc-checkbox__label {
    cursor: not-allowed
}

.shc-checkbox.type-mark .shc-checkbox__input:disabled+.shc-checkbox__label:before {
    background-color: var(--Border-border-disabled);
    -webkit-mask-image: url(/pconts/static/svg/checkbox/mark-disabled.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/checkbox/mark-disabled.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-checkbox.type-mark .shc-checkbox__input:checked:disabled+.shc-checkbox__label {
    cursor: not-allowed
}

.shc-checkbox.type-mark .shc-checkbox__input:checked:disabled+.shc-checkbox__label:after {
    background-color: var(--Foreground-fg-brand-disabled);
    -webkit-mask-image: url(/pconts/static/svg/checkbox/mark-checked-disabled.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/checkbox/mark-checked-disabled.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-checkbox__input:focus-visible+.shc-checkbox__label {
    outline: auto -webkit-focus-ring-color;
    outline-offset: -1px
}

.shc-radio-group {
    display: flex;
    flex-direction: column;
    width: 100%
}

.shc-radio-group-row {
    display: flex;
    flex-direction: row
}

.shc-radio-group-row>.shc-radio:not(:first-child) {
    margin-left: var(--spacing-lg)
}

.shc-radio {
    position: relative
}

.shc-radio__input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-radio__label {
    position: relative;
    display: inline-flex;
    min-height: 24px;
    padding-left: var(--spacing-4xl);
    color: var(--Text-text-secondary);
    font-size: var(--size-body-M);
    -webkit-user-select: none;
    user-select: none;
    cursor: pointer
}

.shc-radio__label:before,
.shc-radio__label:after {
    content: "";
    position: absolute;
    border-radius: var(--radius-full)
}

.shc-radio__label:before {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border: 1px solid var(--Border-border-primary_strong-same)
}

.shc-radio__label:after {
    left: 6px;
    top: calc(50% - 6px);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background-color: var(--Foreground-fg-brand-same);
    transform: scale(0);
    transition: all .25s var(--ease)
}

.shc-radio__input:checked+.shc-radio__label:before {
    border-color: var(--Border-border-brand)
}

.shc-radio__input:checked+.shc-radio__label:after {
    transform: scale(1)
}

.shc-radio__input:disabled+.shc-radio__label {
    cursor: not-allowed;
    color: var(--Text-text-disabled-same)
}

.shc-radio__input:disabled+.shc-radio__label:before {
    border-color: var(--Border-border-disabled);
    background-color: var(--Background-bg-disabled)
}

.shc-radio__input:checked:disabled+.shc-radio__label:before {
    border-color: var(--Border-border-brand-disabled)
}

.shc-radio__input:checked:disabled+.shc-radio__label:after {
    background-color: var(--Background-bg-brand-selected_disabled)
}

.shc-radio__input:disabled:hover,
.shc-radio__input:disabled:focus-visible {
    outline: none
}

.shc-radio__input:focus-visible+.shc-radio__label {
    outline: 2px;
    outline-style: solid;
    outline-offset: -1px
}

.shc-select-btn-group {
    display: flex;
    gap: var(--spacing-md)
}

.shc-select-btn-group>.shc-select-btn {
    flex: 1
}

.shc-select-btn-group .shc-select-btn__label {
    height: 100%
}

.shc-select-btn-group.flex-wrap {
    flex-wrap: wrap
}

.shc-select-btn-group.flex-wrap>.shc-select-btn {
    flex: 0 1 auto;
    min-width: 74px
}

.shc-select-btn-group.direction-column {
    flex-direction: column;
    gap: var(--spacing-lg)
}

.shc-select-btn-group.direction-column>.shc-select-btn {
    width: 100%;
    flex: none
}

.shc-select-btn-group.account-select-list .shc-select-btn__label {
    border-radius: var(--radius-xl)
}

.shc-select-btn-group.type-date,
.shc-select-btn-group.type-period {
    flex-wrap: wrap
}

.shc-select-btn-group.type-date>.shc-select-btn,
.shc-select-btn-group.type-period>.shc-select-btn {
    flex: calc(25% - var(--spacing-md) * 3 / 4)
}

.shc-select-btn-group.type-date>.shc-select-btn .shc-select-btn__label,
.shc-select-btn-group.type-period>.shc-select-btn .shc-select-btn__label {
    padding-left: 0;
    padding-right: 0
}

.shc-select-btn-group.type-card {
    flex-wrap: wrap
}

.shc-select-btn-group.type-card>.shc-select-btn {
    flex: 0 1 calc(50% - var(--spacing-md) * 1 / 2)
}

.shc-select-btn-group.type-carrier {
    flex-wrap: wrap
}

.shc-select-btn-group.type-carrier>.shc-select-btn {
    flex: 0 0 calc((100% - var(--spacing-md) * 2) / 3)
}

.shc-select-btn-group.col-2-layout {
    flex-wrap: wrap
}

.shc-select-btn-group.col-2-layout>.shc-select-btn {
    flex: 0 0 calc((100% - var(--spacing-md)) / 2)
}

.shc-select-btn-group.col-3-layout {
    flex-wrap: wrap
}

.shc-select-btn-group.col-3-layout>.shc-select-btn {
    flex: 0 0 calc((100% - (var(--spacing-md)) * 2) / 3)
}

.shc-select-btn-group.col-4-layout {
    flex-wrap: wrap
}

.shc-select-btn-group.col-4-layout>.shc-select-btn {
    flex: 0 0 calc((100% - (var(--spacing-md)) * 3) / 4)
}

.shc-select-btn {
    position: relative;
    min-height: 48px
}

.shc-select-btn input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    max-height: 100%
}

.shc-select-btn:active input:not(:disabled)+.shc-select-btn__label {
    background-color: var(--Background-bg-dark_a10)
}

.shc-select-btn__label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-lg) var(--spacing-xl);
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary);
    background: transparent;
    cursor: pointer;
    transition: all .2s ease;
    min-height: 44px;
    text-align: center;
    -webkit-user-select: none;
    user-select: none
}

.shc-select-btn__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

input:active+.shc-select-btn__label {
    box-shadow: 0 1px 4px #005df91a
}

input:checked+.shc-select-btn__label {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

input:checked+.shc-select-btn__label .shc-select-btn__text {
    color: var(--Text-text-brand);
    font-weight: 500
}

input:focus-visible+.shc-select-btn__label {
    outline: 2px;
    outline-style: solid;
    outline-offset: 2px
}

input:disabled+.shc-select-btn__label {
    cursor: not-allowed;
    background: var(--Background-bg-disabled);
    box-shadow: inset 0 0 0 2px var(--Border-border-disabled)
}

input:disabled+.shc-select-btn__label .shc-select-btn__text {
    color: var(--Text-text-disabled-same)
}

input:checked:disabled+.shc-select-btn__label {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand-disabled)
}

input:checked:disabled+.shc-select-btn__label .shc-select-btn__text {
    color: var(--Text-text-brand-disabled)
}

input[type=checkbox]+.shc-select-btn__label {
    justify-content: space-between;
    gap: var(--spacing-md)
}

input[type=checkbox]+.shc-select-btn__label:after {
    content: "";
    display: block;
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9963 5.24634L7.125 13.1177L3.00366 8.99634L3.74634 8.25366L7.125 11.6323L14.2537 4.50366L14.9963 5.24634Z' fill='%23667085'/%3E %3C/svg%3E");
    background-size: 18px auto;
    background-repeat: no-repeat;
    background-position: 50% 50%
}

input[type=checkbox]:disabled+.shc-select-btn__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9963 5.24634L7.125 13.1177L3.00366 8.99634L3.74634 8.25366L7.125 11.6323L14.2537 4.50366L14.9963 5.24634Z' fill='%23D0D5DD'/%3E %3C/svg%3E")
}

input[type=checkbox]:checked+.shc-select-btn__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.4204 5.67041L7.125 13.9658L2.57959 9.42041L4.17041 7.82959L7.125 10.7842L13.8296 4.07959L15.4204 5.67041Z' fill='%23005DF9'/%3E %3C/svg%3E")
}

input[type=checkbox]:checked:disabled+.shc-select-btn__label:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.4204 5.67041L7.125 13.9658L2.57959 9.42041L4.17041 7.82959L7.125 10.7842L13.8296 4.07959L15.4204 5.67041Z' fill='%23C2D3FF'/%3E %3C/svg%3E")
}

a.shc-select-btn,
button.shc-select-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-lg) var(--spacing-xl);
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary);
    background: transparent;
    transition: all .2s ease;
    min-height: 44px;
    text-align: center
}

a.shc-select-btn__text,
button.shc-select-btn__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

a.shc-select-btn:active,
button.shc-select-btn:active {
    background-color: var(--Background-bg-dark_a10);
    box-shadow: 0 1px 4px #005df91a
}

a.shc-select-btn.is-active,
button.shc-select-btn.is-active {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

a.shc-select-btn.is-active .shc-select-btn__text,
button.shc-select-btn.is-active .shc-select-btn__text {
    color: var(--Text-text-brand);
    font-weight: 500
}

a.shc-select-btn.is-disabled,
a.shc-select-btn:disabled,
button.shc-select-btn.is-disabled,
button.shc-select-btn:disabled {
    cursor: not-allowed;
    background: var(--Background-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--Border-border-disabled)
}

a.shc-select-btn.is-disabled .shc-select-btn__text,
a.shc-select-btn:disabled .shc-select-btn__text,
button.shc-select-btn.is-disabled .shc-select-btn__text,
button.shc-select-btn:disabled .shc-select-btn__text {
    color: var(--Text-text-disabled-same)
}

a.shc-select-btn.is-active.is-disabled,
a.shc-select-btn.is-active:disabled,
button.shc-select-btn.is-active.is-disabled,
button.shc-select-btn.is-active:disabled {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand-disabled)
}

a.shc-select-btn.is-active.is-disabled .shc-select-btn__text,
a.shc-select-btn.is-active:disabled .shc-select-btn__text,
button.shc-select-btn.is-active.is-disabled .shc-select-btn__text,
button.shc-select-btn.is-active:disabled .shc-select-btn__text {
    color: var(--Text-text-brand-disabled)
}

a.shc-select-btn:focus-visible,
button.shc-select-btn:focus-visible {
    outline-offset: 2px
}

.no-gap .shc-select-btn-group {
    gap: 0
}

.no-gap .shc-select-btn-group>.shc-select-btn:not(:first-child) {
    margin-left: var(--spacing-md)
}

.no-gap .shc-select-btn-group.direction-column>.shc-select-btn:not(:first-child),
.no-gap .shc-select-btn-group.direction-column>.shc-card-info--selectable:not(:first-child) {
    margin-top: var(--spacing-lg)
}

.no-gap .shc-select-btn-group.type-period>.shc-select-btn {
    margin-left: 0
}

.no-gap .shc-select-btn-group.type-period>.shc-select-btn:nth-child(4n+2),
.no-gap .shc-select-btn-group.type-period>.shc-select-btn:nth-child(4n+3),
.no-gap .shc-select-btn-group.type-period>.shc-select-btn:nth-child(4n+4) {
    margin-left: var(--spacing-md)
}

.no-gap .shc-select-btn-group.type-period>.shc-select-btn:nth-child(n+5) {
    margin-top: var(--spacing-md)
}

.no-gap .shc-select-btn-group.col-2-layout>.shc-select-btn,
.no-gap .shc-select-btn-group.type-card>.shc-select-btn {
    margin-left: 0
}

.no-gap .shc-select-btn-group.col-2-layout>.shc-select-btn:nth-child(2n+2),
.no-gap .shc-select-btn-group.type-card>.shc-select-btn:nth-child(2n+2) {
    margin-left: var(--spacing-md)
}

.no-gap .shc-select-btn-group.col-2-layout>.shc-select-btn:nth-child(n+3),
.no-gap .shc-select-btn-group.type-card>.shc-select-btn:nth-child(n+3) {
    margin-top: var(--spacing-md)
}

.no-gap .shc-select-btn-group.col-3-layout>.shc-select-btn,
.no-gap .shc-select-btn-group.type-carrier>.shc-select-btn {
    margin-left: 0
}

.no-gap .shc-select-btn-group.col-3-layout>.shc-select-btn:nth-child(3n+2),
.no-gap .shc-select-btn-group.col-3-layout>.shc-select-btn:nth-child(3n+3),
.no-gap .shc-select-btn-group.type-carrier>.shc-select-btn:nth-child(3n+2),
.no-gap .shc-select-btn-group.type-carrier>.shc-select-btn:nth-child(3n+3) {
    margin-left: var(--spacing-md)
}

.no-gap .shc-select-btn-group.col-3-layout>.shc-select-btn:nth-child(n+4),
.no-gap .shc-select-btn-group.type-carrier>.shc-select-btn:nth-child(n+4) {
    margin-top: var(--spacing-md)
}

.no-gap .shc-select-btn-group.col-4-layout>.shc-select-btn {
    margin-left: 0
}

.no-gap .shc-select-btn-group.col-4-layout>.shc-select-btn:nth-child(4n+2),
.no-gap .shc-select-btn-group.col-4-layout>.shc-select-btn:nth-child(4n+3),
.no-gap .shc-select-btn-group.col-4-layout>.shc-select-btn:nth-child(4n+4) {
    margin-left: var(--spacing-md)
}

.no-gap .shc-select-btn-group.col-4-layout>.shc-select-btn:nth-child(n+5) {
    margin-top: var(--spacing-md)
}

.shc-switch-segment {
    display: flex;
    background: var(--Background-bg-gray);
    border-radius: var(--radius-md);
    padding: var(--spacing-sm);
    position: relative
}

.shc-switch-segment>.shc-switch-segment__item:not(:first-child) {
    margin-left: var(--spacing-sm)
}

.shc-switch-segment:before {
    content: "";
    position: absolute;
    background: var(--Background-bg-white);
    box-shadow: 0 4px 16px #0c111d0f;
    top: var(--spacing-sm);
    bottom: var(--spacing-sm);
    width: 0;
    left: var(--switch-position);
    border-radius: var(--radius-sm);
    transition: all .25s var(--ease)
}

.shc-switch-segment.is-ready:before {
    width: var(--switch-width)
}

.shc-switch-segment input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-switch-segment__item {
    position: relative;
    flex: 1
}

.shc-switch-segment__label {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
    transition: all .2s ease;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    flex: 1;
    border-radius: var(--radius-sm)
}

.shc-switch-segment__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    transition: opacity .2s ease
}

.shc-switch-segment__icon:first-child {
    margin-right: var(--spacing-xs)
}

.shc-switch-segment__icon:last-child {
    margin-left: var(--spacing-xs)
}

.shc-switch-segment__text {
    color: var(--Text-text-tertiary);
    text-align: center;
    transition: color .2s ease, font-weight .2s ease;
    white-space: nowrap;
    padding: 0 var(--spacing-sm)
}

input:checked+.shc-switch-segment__label .shc-switch-segment__text {
    color: var(--Text-text-primary);
    font-weight: 500
}

input:focus-visible+.shc-switch-segment__label {
    outline: 2px;
    outline-style: solid;
    outline-offset: -1px;
    z-index: 1
}

.shc-switch-segment.size-lg {
    min-height: 56px
}

.shc-switch-segment.size-lg .shc-switch-segment__label {
    min-height: 48px;
    min-width: 48px;
    padding: var(--spacing-md)
}

.shc-switch-segment.size-lg .shc-switch-segment_icon {
    width: 24px;
    height: 24px
}

.shc-switch-segment.size-lg .shc-switch-segment__text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300
}

.shc-switch-segment.size-md {
    min-height: 48px
}

.shc-switch-segment.size-md .shc-switch-segment__label {
    min-height: 40px;
    min-width: 40px;
    padding: var(--spacing-sm) var(--spacing-md)
}

.shc-switch-segment.size-md .shc-switch-segment__icon {
    width: 24px;
    height: 24px
}

.shc-switch-segment.size-md .shc-switch-segment__text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300
}

.shc-switch-segment.size-sm {
    min-height: 40px
}

.shc-switch-segment.size-sm .shc-switch-segment__label {
    min-height: 32px;
    min-width: 32px;
    padding: var(--spacing-xs) var(--spacing-md)
}

.shc-switch-segment.size-sm .shc-switch-segment__icon {
    width: 20px;
    height: 20px
}

.shc-switch-segment.size-sm .shc-switch-segment__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-switch-segment.size-xs {
    min-height: 32px;
    border-radius: var(--radius-xs)
}

.shc-switch-segment.size-xs:before {
    border-radius: var(--radius-xs)
}

.shc-switch-segment.size-xs .shc-switch-segment__label {
    min-height: 24px;
    min-width: 24px;
    padding: var(--spacing-sm);
    border-radius: var(--radius-xs)
}

.shc-switch-segment.size-xs .shc-switch-segment__icon {
    width: 16px;
    height: 16px
}

.shc-switch-segment.size-xs .shc-switch-segment__text {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 400;
    padding: 0 var(--spacing-xs)
}

.shc-switch-toggle {
    display: inline-block;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: top;
    --toggle-gap: var(--spacing-xs);
    --toggle-thumb: 16px;
    --toggle-padding: var(--spacing-sm)
}

.shc-switch-toggle__status {
    position: absolute;
    right: 100%;
    top: 0;
    padding-right: var(--spacing-sm);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-switch-toggle input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-switch-toggle__track {
    display: flex;
    align-items: center;
    padding: var(--toggle-padding);
    border-radius: var(--radius-md);
    position: relative;
    height: 24px;
    min-width: 44px;
    overflow: hidden;
    background-color: var(--Background-bg-gray_strong-same);
    cursor: pointer;
    transition: all .25s var(--ease)
}

.shc-switch-toggle__track:before {
    content: "";
    position: absolute;
    left: var(--toggle-padding);
    top: var(--toggle-padding);
    width: 16px;
    height: 16px;
    background: var(--Foreground-fg-ondark_primary-same);
    border-radius: var(--radius-full);
    box-shadow: 0 2px 8px #1214180f;
    transition: all .3s ease;
    flex-shrink: 0;
    transition: all .25s var(--ease)
}

.shc-switch-toggle__label {
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 400;
    color: var(--Text-text-ondark_primary-same);
    transition: all .25s var(--ease);
    text-align: center;
    min-width: 24px;
    padding: 0 var(--spacing-xs);
    margin-left: calc(var(--toggle-thumb) + var(--toggle-gap))
}

input:checked+.shc-switch-toggle__track {
    background-color: var(--Background-bg-brand_strong-same)
}

input:checked+.shc-switch-toggle__track:before {
    left: calc(100% - var(--spacing-sm) - var(--toggle-thumb))
}

input:checked+.shc-switch-toggle__track .shc-switch-toggle__label {
    font-weight: var(--font-weight-bold);
    margin-left: 0;
    margin-right: calc(var(--toggle-thumb) + var(--toggle-gap))
}

input:disabled+.shc-switch-toggle__track {
    background-color: var(--Background-bg-disabled);
    cursor: not-allowed
}

input:disabled+.shc-switch-toggle__track:before {
    background-color: var(--Foreground-fg-disabled)
}

input:disabled+.shc-switch-toggle__track .shc-switch-toggle__label {
    color: var(--Text-text-disabled-same)
}

input:checked:disabled+.shc-switch-toggle__track {
    background-color: var(--Background-bg-brand-selected_disabled)
}

input:checked:disabled+.shc-switch-toggle__track:before {
    background-color: var(--Background-bg-brand)
}

input:checked:disabled+.shc-switch-toggle__track .shc-switch-toggle__label {
    color: var(--Text-text-brand-disabled-alt)
}

input:focus-visible+.shc-switch-toggle__track {
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 1px
}

.shc-gage-group {
    position: relative;
    min-height: 64px;
    margin: 0 12px;
    padding-top: 26px;
    padding-bottom: var(--spacing-5xl)
}

.shc-gage-group .gage-wrap {
    position: relative;
    padding-top: 10px
}

.shc-gage-group .gage-wrap .key-tooltip {
    display: none;
    position: absolute;
    left: 50%;
    top: -50px;
    width: 520px;
    height: 0;
    overflow: hidden;
    margin-left: -260px;
    border-radius: 20px;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    box-shadow: 0 2px 5px #0003;
    opacity: 0
}

.shc-gage-group .gage-wrap .gage-bar {
    position: relative;
    width: 100%;
    height: 8px;
    background-color: var(--Background-bg-gray);
    border-radius: var(--radius-full);
    overflow: hidden
}

.shc-gage-group .gage-wrap .gage-bar .bar {
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    background-color: var(--Background-bg-brand_strong-same);
    border-radius: inherit;
    transition: width .4s ease
}

.shc-gage-group .gage-wrap.single .gage-bar .bar {
    width: 100%;
    right: 100%;
    transform: translate(0)
}

.shc-gage-group .gage-wrap.multi .gage-bar .bar {
    left: 0;
    right: 0
}

.shc-gage-group .gage-wrap .gage-text {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px
}

.shc-gage-group .gage-wrap .gage-text>li {
    position: relative;
    text-align: center;
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300;
    width: 10px;
    color: var(--Text-text-quaternary)
}

.shc-gage-group .gage-wrap .gage-text>li:before {
    content: "";
    display: block;
    width: 4px;
    height: 4px;
    background: var(--Background-bg-canvas_white_a30-elevated);
    border-radius: var(--radius-full);
    position: absolute;
    top: -14px;
    left: calc(50% - 2px)
}

.shc-gage-group .gage-wrap .gage-text>li>span {
    position: absolute;
    left: 50%;
    text-align: right;
    transform: translate(-15px)
}

.shc-gage-group .gage-wrap .circle-btn {
    position: absolute;
    top: 1px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: var(--Background-bg-white);
    border: 5px solid var(--Foreground-fg-brand-same);
    box-shadow: 0 4px 16px #0c111d2e;
    outline-offset: 2px
}

.shc-gage-group .gage-wrap .circle-btn.start {
    left: 0;
    margin-left: -12px
}

.shc-gage-group .gage-wrap .circle-btn.end {
    right: 0;
    margin-right: -12px
}

.shc-gage-group .both-side .form-group {
    float: left;
    width: 50%
}

.shc-gage-group .both-side .form-group:first-of-type {
    padding-right: 15px
}

.shc-gage-group .both-side .form-group:last-of-type {
    padding-left: 15px
}

.shc-gage-group .both-side .form-group label {
    display: inline-block
}

.shc-gage-group .both-side .form-group.float label,
.shc-gage-group .both-side .form-group.float .input_wrap {
    float: left
}

.shc-gage-group .both-side .form-group.float label {
    display: inline-block;
    width: 45px;
    line-height: 44px;
    color: #111
}

.shc-gage-group .both-side .form-group.float .input-wrap {
    width: calc(100% - 45px)
}

.shc-gage-group .range {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 100%;
    clip: rect(0, 0, 1px, 1px)
}

.shc-gage-group .range:focus+.gage-area:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 30px;
    width: 100%;
    box-shadow: 0 0 0 2px #4868e180
}

.shc-gage-group .statu-text {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    color: var(--Text-text-brand);
    position: absolute;
    top: -30px;
    left: calc(var(--spacing-md) * -1);
    left: -12px
}

.shc-icon {
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: top
}

.shc-icon-after:after {
    content: "";
    display: inline-flex;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    vertical-align: top
}

.shc-icon-after.size-14-after:after {
    width: 14px;
    height: 14px;
    flex-shrink: 0
}

.shc-icon-after.size-16-after:after {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.shc-icon-after.size-20-after:after {
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.shc-icon-after.size-24-after:after {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.shc-icon-after.size-28-after:after {
    width: 28px;
    height: 28px;
    flex-shrink: 0
}

.shc-icon-after.size-32-after:after {
    width: 32px;
    height: 32px;
    flex-shrink: 0
}

.shc-icon-after.size-40-after:after {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.shc-icon-after.size-48-after:after {
    width: 48px;
    height: 48px;
    flex-shrink: 0
}

.shc-icon-after.size-56-after:after {
    width: 56px;
    height: 56px;
    flex-shrink: 0
}

.shc-icon-after.size-68-after:after {
    width: 68px;
    height: 68px;
    flex-shrink: 0
}

.shc-icon-after.size-112-after:after {
    width: 112px;
    height: 112px;
    flex-shrink: 0
}

.shc-icon.size-14 {
    width: 14px;
    height: 14px;
    flex-shrink: 0
}

.shc-icon.size-16 {
    width: 16px;
    height: 16px;
    flex-shrink: 0
}

.shc-icon.size-20 {
    width: 20px;
    height: 20px;
    flex-shrink: 0
}

.shc-icon.size-24 {
    width: 24px;
    height: 24px;
    flex-shrink: 0
}

.shc-icon.size-28 {
    width: 28px;
    height: 28px;
    flex-shrink: 0
}

.shc-icon.size-32 {
    width: 32px;
    height: 32px;
    flex-shrink: 0
}

.shc-icon.size-40 {
    width: 40px;
    height: 40px;
    flex-shrink: 0
}

.shc-icon.size-48 {
    width: 48px;
    height: 48px;
    flex-shrink: 0
}

.shc-icon.size-56 {
    width: 56px;
    height: 56px;
    flex-shrink: 0
}

.shc-icon.size-68 {
    width: 68px;
    height: 68px;
    flex-shrink: 0
}

.shc-icon.size-112 {
    width: 112px;
    height: 112px;
    flex-shrink: 0
}

.shc-icon--ci {
    background-image: url(/pconts/static/svg/ci.svg);
    width: 112px;
    height: 28px
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--ci {
        background-image: url(/pconts/static/svg/ci--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--ci {
    background-image: url(/pconts/static/svg/ci--dark.svg)
}

.shc-icon--search {
    background-image: url(/pconts/static/svg/search.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--search {
        background-image: url(/pconts/static/svg/search--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--search {
    background-image: url(/pconts/static/svg/search--dark.svg)
}

.shc-icon--search--blue {
    background-color: var(--Foreground-fg-brand-same);
    -webkit-mask-image: url(/pconts/static/svg/search.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/search.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--sos {
    background-image: url(/pconts/static/svg/sos.svg)
}

.shc-icon--alert {
    background-image: url(/pconts/static/svg/alert.svg)
}

.shc-icon--clock {
    background-color: var(--Foreground-fg-secondary);
    -webkit-mask-image: url(/pconts/static/svg/clock.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/clock.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--consultant {
    background-image: url(/pconts/static/svg/consultant.svg)
}

.shc-icon--chatbot {
    background-image: url(/pconts/static/svg/chatbot.svg)
}

.shc-icon--clear {
    background-image: url(/pconts/static/svg/circle-x.svg)
}

.shc-icon--mouse {
    background-image: url(/pconts/static/svg/mouse.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--mouse {
        background-image: url(/pconts/static/svg/mouse--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--mouse {
    background-image: url(/pconts/static/svg/mouse--dark.svg)
}

.shc-icon--info {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M16.333 10.2422C16.333 6.74438 13.4978 3.90918 10 3.90918C6.5022 3.90918 3.66699 6.74438 3.66699 10.2422C3.66699 13.74 6.5022 16.5752 10 16.5752V17.7422C5.85786 17.7422 2.5 14.3843 2.5 10.2422C2.5 6.10005 5.85786 2.74219 10 2.74219C14.1421 2.74219 17.5 6.10005 17.5 10.2422C17.5 14.3843 14.1421 17.7422 10 17.7422V16.5752C13.4978 16.5752 16.333 13.74 16.333 10.2422Z' fill='%23818DA2'/%3E %3Cpath d='M10.5835 9.40885V13.5755H9.4165V9.40885H10.5835Z' fill='%23818DA2'/%3E %3Cpath d='M10.8333 7.74219C10.8333 8.20242 10.4602 8.57552 10 8.57552C9.53976 8.57552 9.16667 8.20242 9.16667 7.74219C9.16667 7.28195 9.53976 6.90885 10 6.90885C10.4602 6.90885 10.8333 7.28195 10.8333 7.74219Z' fill='%23818DA2'/%3E %3C/svg%3E")
}

.shc-icon--info--secondary {
    background-color: var(--Foreground-fg-secondary);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M16.333 10.2422C16.333 6.74438 13.4978 3.90918 10 3.90918C6.5022 3.90918 3.66699 6.74438 3.66699 10.2422C3.66699 13.74 6.5022 16.5752 10 16.5752V17.7422C5.85786 17.7422 2.5 14.3843 2.5 10.2422C2.5 6.10005 5.85786 2.74219 10 2.74219C14.1421 2.74219 17.5 6.10005 17.5 10.2422C17.5 14.3843 14.1421 17.7422 10 17.7422V16.5752C13.4978 16.5752 16.333 13.74 16.333 10.2422Z' fill='%23818DA2'/%3E %3Cpath d='M10.5835 9.40885V13.5755H9.4165V9.40885H10.5835Z' fill='%23818DA2'/%3E %3Cpath d='M10.8333 7.74219C10.8333 8.20242 10.4602 8.57552 10 8.57552C9.53976 8.57552 9.16667 8.20242 9.16667 7.74219C9.16667 7.28195 9.53976 6.90885 10 6.90885C10.4602 6.90885 10.8333 7.28195 10.8333 7.74219Z' fill='%23818DA2'/%3E %3C/svg%3E");
    -webkit-mask-size: cover;
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M16.333 10.2422C16.333 6.74438 13.4978 3.90918 10 3.90918C6.5022 3.90918 3.66699 6.74438 3.66699 10.2422C3.66699 13.74 6.5022 16.5752 10 16.5752V17.7422C5.85786 17.7422 2.5 14.3843 2.5 10.2422C2.5 6.10005 5.85786 2.74219 10 2.74219C14.1421 2.74219 17.5 6.10005 17.5 10.2422C17.5 14.3843 14.1421 17.7422 10 17.7422V16.5752C13.4978 16.5752 16.333 13.74 16.333 10.2422Z' fill='%23818DA2'/%3E %3Cpath d='M10.5835 9.40885V13.5755H9.4165V9.40885H10.5835Z' fill='%23818DA2'/%3E %3Cpath d='M10.8333 7.74219C10.8333 8.20242 10.4602 8.57552 10 8.57552C9.53976 8.57552 9.16667 8.20242 9.16667 7.74219C9.16667 7.28195 9.53976 6.90885 10 6.90885C10.4602 6.90885 10.8333 7.28195 10.8333 7.74219Z' fill='%23818DA2'/%3E %3C/svg%3E");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--info--sm {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.0664 8C13.0664 5.20176 10.7982 2.93359 8 2.93359C5.20176 2.93359 2.93359 5.20176 2.93359 8C2.93359 10.7982 5.20176 13.0664 8 13.0664V14C4.68629 14 2 11.3137 2 8C2 4.68629 4.68629 2 8 2C11.3137 2 14 4.68629 14 8C14 11.3137 11.3137 14 8 14V13.0664C10.7982 13.0664 13.0664 10.7982 13.0664 8Z' fill='%23667085'/%3E %3Cpath d='M8.4668 7.33333V10.6667H7.5332V7.33333H8.4668Z' fill='%23667085'/%3E %3Cpath d='M8.66667 6C8.66667 6.36819 8.36819 6.66667 8 6.66667C7.63181 6.66667 7.33333 6.36819 7.33333 6C7.33333 5.63181 7.63181 5.33333 8 5.33333C8.36819 5.33333 8.66667 5.63181 8.66667 6Z' fill='%23667085'/%3E %3C/svg%3E")
}

.shc-icon--checked {
    background-image: url(/pconts/static/svg/check.svg)
}

.shc-icon--checked--blue {
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/check.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/check.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--checked--darkgray {
    background-color: var(--Foreground-fg-secondary);
    -webkit-mask-image: url(/pconts/static/svg/check.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/check.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--check--thick {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/checkThick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/checkThick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--close--black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19.4971 18.6259L18.5069 19.6161L4.50701 5.6162L5.49723 4.62598L19.4971 18.6259Z' fill='%23101828'/%3E %3Cpath d='M18.5046 4.62609L19.4948 5.61632L5.49496 19.6162L4.50473 18.626L18.5046 4.62609Z' fill='%23101828'/%3E %3C/svg%3E")
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--close--black {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19.4963 18.5048L18.5061 19.495L4.50618 5.49511L5.49641 4.50488L19.4963 18.5048Z' fill='%23F8F9FC'/%3E %3Cpath d='M18.5038 4.505L19.494 5.49522L5.49413 19.4951L4.50391 18.5049L18.5038 4.505Z' fill='%23F8F9FC'/%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--close--black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19.4963 18.5048L18.5061 19.495L4.50618 5.49511L5.49641 4.50488L19.4963 18.5048Z' fill='%23F8F9FC'/%3E %3Cpath d='M18.5038 4.505L19.494 5.49522L5.49413 19.4951L4.50391 18.5049L18.5038 4.505Z' fill='%23F8F9FC'/%3E %3C/svg%3E")
}

.shc-icon--close--gray {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19.4971 18.6259L18.5069 19.6161L4.50701 5.6162L5.49723 4.62598L19.4971 18.6259Z' fill='%23101828'/%3E %3Cpath d='M18.5046 4.62609L19.4948 5.61632L5.49496 19.6162L4.50473 18.626L18.5046 4.62609Z' fill='%23101828'/%3E %3C/svg%3E");
    -webkit-mask-size: cover;
    mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M19.4971 18.6259L18.5069 19.6161L4.50701 5.6162L5.49723 4.62598L19.4971 18.6259Z' fill='%23101828'/%3E %3Cpath d='M18.5046 4.62609L19.4948 5.61632L5.49496 19.6162L4.50473 18.626L18.5046 4.62609Z' fill='%23101828'/%3E %3C/svg%3E");
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--bang--gray {
    background-image: url(/pconts/static/svg/bang--gray.svg)
}

.shc-icon--chevron {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--blue {
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--black {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--gray {
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--quaternary {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--darkgray {
    background-color: var(--Foreground-fg-secondary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--lightgray {
    background-color: var(--Foreground-fg-disabled);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--white {
    background-color: var(--Foreground-fg-ondark_primary-same);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--checkbox-mark {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--thick {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron--thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron--thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--chevron--down {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-icon--chevron--down--blue {
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-icon--chevron--down--black {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-icon--chevron--down--gray {
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-icon--chevron--down--lightgray {
    background-color: var(--Foreground-fg-disabled);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-icon--chevron--down--checkbox-mark {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-icon--chevron--down--thick {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron--thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron--thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-icon--menu {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/menu.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/menu.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--plus {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/plus.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/plus.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--plus-thick {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/plus-thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/plus-thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--dash {
    background-image: url(/pconts/static/svg/dash.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--dash {
        background-image: url(/pconts/static/svg/dash--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--dash {
    background-image: url(/pconts/static/svg/dash--dark.svg)
}

.shc-icon--clip {
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/clip.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/clip.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--fax {
    background-color: var(--Foreground-fg-secondary);
    -webkit-mask-image: url(/pconts/static/svg/fax.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/fax.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--edit {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/edit.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/edit.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--search-menu {
    background-image: url(/pconts/static/svg/search-menu.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--search-menu {
        background-image: url(/pconts/static/svg/search-menu--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--search-menu {
    background-image: url(/pconts/static/svg/search-menu--dark.svg)
}

.shc-icon--success {
    background-image: url(/pconts/static/svg/success.svg)
}

.shc-icon--circle-plus2 {
    background-image: url(/pconts/static/svg/circle-plus2.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--circle-plus2 {
        background-image: url(/pconts/static/svg/circle-plus2--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--circle-plus2 {
    background-image: url(/pconts/static/svg/circle-plus2--dark.svg)
}

.shc-icon--circle-plus3 {
    border-radius: var(--radius-full);
    border: 1px solid var(--Background-bg-dark_a10);
    background-color: var(--Background-bg-canvas_white-elevated);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px)
}

.shc-icon--circle-plus3:before,
.shc-icon--circle-plus3:after {
    content: "";
    position: absolute;
    top: calc(50% - 1px);
    left: calc(50% - 5px);
    width: 10px;
    height: 2px;
    background-color: var(--Foreground-fg-primary)
}

.shc-icon--circle-plus3:after {
    transform: rotate(90deg)
}

.shc-icon--fab-add {
    background-image: url(/pconts/static/svg/fab-add.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--fab-add {
        background-image: url(/pconts/static/svg/fab-add--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--fab-add {
    background-image: url(/pconts/static/svg/fab-add--dark.svg)
}

.shc-icon--lead {
    background-image: url(/pconts/static/svg/lead.svg)
}

.shc-icon--error {
    background-image: url(/pconts/static/svg/error.svg)
}

.shc-icon--circle-check {
    background-color: var(--Foreground-fg-brand-same);
    -webkit-mask-image: url(/pconts/static/svg/circle-check.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/circle-check.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--circle-check-border {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/circle-check-border.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/circle-check-border.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--sort {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/sort.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/sort.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--calendar {
    width: 24px;
    height: 24px
}

.shc-icon--calendar:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/calendar.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/calendar.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--cert-check {
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/cert-check.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/cert-check.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--share {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/share.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/share.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--card-add {
    background-image: url(/pconts/static/svg/card-add.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--card-add {
        background-image: url(/pconts/static/svg/card-add--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--card-add {
    background-image: url(/pconts/static/svg/card-add--dark.svg)
}

.shc-icon--circle-control {
    background-image: url(/pconts/static/svg/circle-control.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--circle-control {
        background-image: url(/pconts/static/svg/circle-control--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--circle-control {
    background-image: url(/pconts/static/svg/circle-control--dark.svg)
}

.shc-icon--pin {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/pin.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/pin.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--refresh {
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/refresh.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/refresh.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--refresh--black {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/refresh.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/refresh.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--refresh--brand {
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/refresh.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/refresh.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--arrow-switch {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/arrow-switch.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/arrow-switch.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--note {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/note.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/note.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--card_report {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/card_report.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/card_report.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--card_cardloan {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/card_cardloan.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/card_cardloan.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--card_reissue {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/card_reissue.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/card_reissue.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--secure {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/Secure.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/Secure.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--rotate {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/rotate.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/rotate.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--setting {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/setting.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/setting.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--line-excel {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/line-excel.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/line-excel.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--print {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/print.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/print.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--email {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/email.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/email.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--circle-alert {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/circle-alert.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/circle-alert.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--arrow-right {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/arrow-right.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/arrow-right.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--arrow-down {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/arrow-down.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/arrow-down.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--arrow-down--blue {
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/arrow-down.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/arrow-down.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--prev-gray {
    background-image: url(/pconts/static/svg/prev-gray.svg)
}

.shc-icon--next-white {
    background-image: url(/pconts/static/svg/next-white.svg)
}

.shc-icon--contactless {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/contactless.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/contactless.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--home {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/home.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/home.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--heart {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/heart.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/heart.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--heart-full {
    background-image: url(/pconts/static/svg/heart-full.svg)
}

.shc-icon--copy {
    background-image: url(/pconts/static/svg/copy.svg)
}

.shc-icon--copy02 {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/copy02.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/copy02.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--outlink {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/outlink.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/outlink.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--outlink_2 {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/outlink_2.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/outlink_2.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--headphone {
    background-color: var(--Foreground-fg-secondary);
    -webkit-mask-image: url(/pconts/static/svg/headphone.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/headphone.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--card {
    background-image: url(/pconts/static/svg/card-default.svg)
}

.shc-icon--pause {
    background-image: url(/pconts/static/svg/pause.svg)
}

.shc-icon--play {
    background-image: url(/pconts/static/svg/play.svg)
}

.shc-icon--getin {
    background-color: var(--Foreground-fg-secondary);
    -webkit-mask-image: url(/pconts/static/svg/getin.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/getin.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--image {
    background-color: var(--Foreground-fg-secondary);
    -webkit-mask-image: url(/pconts/static/svg/image.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/image.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--message {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/message.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/message.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--more-view {
    background-image: url(/pconts/static/svg/more-view.svg)
}

.shc-icon--question {
    background-image: url(/pconts/static/svg/question.svg)
}

.shc-icon--Camera {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/Camera.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/Camera.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--siren {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/siren.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/siren.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--trash {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/trash.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/trash.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--more {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/more.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/more.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--more--col {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/more.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/more.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-icon--download {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/arrow_align_bottom.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/arrow_align_bottom.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--download--after:after {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/arrow_align_bottom.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/arrow_align_bottom.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--solid-message {
    background-image: url(/pconts/static/svg/solid-message.svg)
}

.shc-icon--solid-kakao {
    background-image: url(/pconts/static/svg/solid-kakao.svg)
}

.shc-icon--solid-facebook {
    background-image: url(/pconts/static/svg/solid-facebook.svg)
}

.shc-icon--solid-x {
    background-image: url(/pconts/static/svg/solid-x.svg)
}

.shc-icon--link {
    background-image: url(/pconts/static/svg/link.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-icon--link {
        background-image: url(/pconts/static/svg/link--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-icon--link {
    background-image: url(/pconts/static/svg/link--dark.svg)
}

.shc-icon--no-data {
    background-image: url(/pconts/static/svg/no-data.svg)
}

.shc-icon--no-matches {
    background-image: url(/pconts/static/svg/no-matches.svg)
}

.shc-icon--envelope {
    background-image: url(/pconts/static/svg/envelope.svg)
}

.shc-icon--pdf {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/pdf.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/pdf.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon--gallery {
    background-color: var(--Foreground-fg-disabled);
    -webkit-mask-image: url(/pconts/static/svg/gallery.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/gallery.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-icon.ic-cert-1won {
    background-image: url(/pconts/static/svg/ic_cert_1won.svg)
}

.shc-icon.ic-cert-card {
    background-image: url(/pconts/static/svg/ic_cert_card.svg)
}

.shc-icon.ic-cert-kakao {
    background-image: url(/pconts/static/svg/ic_cert_kakao.svg)
}

.shc-icon.ic-cert-naver {
    background-image: url(/pconts/static/svg/ic_cert_naver.svg)
}

.shc-icon.ic-cert-pass {
    background-image: url(/pconts/static/svg/ic_cert_pass.svg)
}

.shc-icon.ic-cert-phone {
    background-image: url(/pconts/static/svg/ic_cert_phone.svg)
}

.shc-icon.ic-cert-public {
    background-image: url(/pconts/static/svg/ic_cert_public.svg)
}

.shc-icon.ic-cert-shinhan {
    background-image: url(/pconts/static/svg/ic_cert_shinhan.svg)
}

.shc-icon.ic-cert-solpay {
    background-image: url(/pconts/static/svg/ic_cert_solpay.svg)
}

.shc-icon.ic-cert-toss {
    background-image: url(/pconts/static/svg/ic_cert_toss.svg)
}

.shc-icon.ic-cert-yeskey {
    background-image: url(/pconts/static/svg/ic_cert_yeskey.svg)
}

.shc-input {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 56px;
    gap: var(--spacing-lg)
}

.shc-input input[type=text],
.shc-input input[type=password],
.shc-input input[type=number],
.shc-input input[type=email],
.shc-input input[type=tel],
.shc-input textarea {
    flex: 1;
    width: 100%;
    min-width: 10px;
    border: none;
    outline: none;
    background: transparent;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    color: var(--Text-text-primary)
}

.shc-input input[type=text].align-center,
.shc-input input[type=password].align-center,
.shc-input input[type=number].align-center,
.shc-input input[type=email].align-center,
.shc-input input[type=tel].align-center,
.shc-input textarea.align-center {
    text-align: center
}

.shc-input input[type=text].align-right,
.shc-input input[type=password].align-right,
.shc-input input[type=number].align-right,
.shc-input input[type=email].align-right,
.shc-input input[type=tel].align-right,
.shc-input textarea.align-right {
    text-align: right
}

.shc-input input[type=text]::placeholder,
.shc-input input[type=password]::placeholder,
.shc-input input[type=number]::placeholder,
.shc-input input[type=email]::placeholder,
.shc-input input[type=tel]::placeholder,
.shc-input textarea::placeholder {
    font-family: var(--font-family);
    color: var(--Text-text-placeholder-same);
    font-weight: 300
}

.shc-input input[type=text]:disabled,
.shc-input input[type=password]:disabled,
.shc-input input[type=number]:disabled,
.shc-input input[type=email]:disabled,
.shc-input input[type=tel]:disabled,
.shc-input textarea:disabled {
    font-weight: 300
}

.shc-input input[type=text]:-webkit-autofill,
.shc-input input[type=text]:-webkit-autofill:hover,
.shc-input input[type=text]:-webkit-autofill:focus,
.shc-input input[type=text]:-webkit-autofill:active,
.shc-input input[type=text]:autofill,
.shc-input input[type=text]:autofill:hover,
.shc-input input[type=text]:autofill:focus,
.shc-input input[type=text]:autofill:active,
.shc-input input[type=password]:-webkit-autofill,
.shc-input input[type=password]:-webkit-autofill:hover,
.shc-input input[type=password]:-webkit-autofill:focus,
.shc-input input[type=password]:-webkit-autofill:active,
.shc-input input[type=password]:autofill,
.shc-input input[type=password]:autofill:hover,
.shc-input input[type=password]:autofill:focus,
.shc-input input[type=password]:autofill:active,
.shc-input input[type=number]:-webkit-autofill,
.shc-input input[type=number]:-webkit-autofill:hover,
.shc-input input[type=number]:-webkit-autofill:focus,
.shc-input input[type=number]:-webkit-autofill:active,
.shc-input input[type=number]:autofill,
.shc-input input[type=number]:autofill:hover,
.shc-input input[type=number]:autofill:focus,
.shc-input input[type=number]:autofill:active,
.shc-input input[type=email]:-webkit-autofill,
.shc-input input[type=email]:-webkit-autofill:hover,
.shc-input input[type=email]:-webkit-autofill:focus,
.shc-input input[type=email]:-webkit-autofill:active,
.shc-input input[type=email]:autofill,
.shc-input input[type=email]:autofill:hover,
.shc-input input[type=email]:autofill:focus,
.shc-input input[type=email]:autofill:active,
.shc-input input[type=tel]:-webkit-autofill,
.shc-input input[type=tel]:-webkit-autofill:hover,
.shc-input input[type=tel]:-webkit-autofill:focus,
.shc-input input[type=tel]:-webkit-autofill:active,
.shc-input input[type=tel]:autofill,
.shc-input input[type=tel]:autofill:hover,
.shc-input input[type=tel]:autofill:focus,
.shc-input input[type=tel]:autofill:active,
.shc-input textarea:-webkit-autofill,
.shc-input textarea:-webkit-autofill:hover,
.shc-input textarea:-webkit-autofill:focus,
.shc-input textarea:-webkit-autofill:active,
.shc-input textarea:autofill,
.shc-input textarea:autofill:hover,
.shc-input textarea:autofill:focus,
.shc-input textarea:autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px var(--Background-bg-canvas_white) inset;
    box-shadow: 0 0 0 1000px var(--Background-bg-canvas_white) inset;
    -webkit-text-fill-color: var(--Text-text-primary)
}

.shc-input textarea {
    padding-right: 36px
}

.shc-input textarea+.shc-icon--clear {
    position: absolute;
    top: var(--spacing-lg);
    right: var(--spacing-xl)
}

.shc-input textarea.mirror {
    position: absolute;
    top: var(--spacing-lg);
    left: var(--spacing-xl);
    right: var(--spacing-xl);
    opacity: 0;
    visibility: hidden
}

.shc-input:not(.mask) input[type=password],
.shc-input:not(.mask) input[npkencrypt] {
    background: transparent !important;
    color: var(--Text-text-primary) !important
}

html:not(.mac):not(.ios):not(.firefox) .shc-input input[type=password]:not(:placeholder-shown) {
    height: 27px;
    line-height: 27px;
    font-size: 90px;
    letter-spacing: -.08em;
    text-indent: -5px
}

html.mac .shc-input input[type=password]:not(:placeholder-shown) {
    font-family: Monaco, thonburi, Verdana, monospace;
    font-size: 24px
}

@-moz-document url-prefix() {
    .shc-input input[type=password]:not(:placeholder-shown) {
        font-size: var(--size-body-L);
        letter-spacing: .13em;
        text-indent: 0px
    }
}

.shc-input textarea {
    min-height: 62px;
    max-height: calc(var(--vh) * 70)
}

.shc-input textarea+.shc-icon--clear {
    align-self: flex-start
}

.shc-input .shc-icon,
.shc-input__btn {
    aspect-ratio: 1;
    flex-shrink: 0;
    height: 24px
}

.shc-input__text {
    flex: 0 0 auto;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500
}

.shc-input__timer {
    flex: 0 0 32px;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

.shc-input__decimal,
.shc-input__seperator {
    flex-shrink: 0;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: var(--font-weight-bold);
    color: var(--Text-text-primary)
}

.shc-input__decimal {
    align-self: flex-end
}

.shc-input__seperator {
    align-self: center
}

.shc-input__sub-text {
    flex-basis: 100%;
    width: 100%;
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: var(--font-weight-light);
    color: var(--Text-text-quaternary)
}

.shc-input .shc-btn {
    flex-shrink: 0
}

.shc-input.sub-text {
    position: relative;
    flex-wrap: wrap;
    row-gap: 0
}

.shc-input.sub-text .shc-input__text,
.shc-input.sub-text .shc-input__sub-text {
    display: none
}

.shc-input.sub-text .shc-icon--clear {
    position: absolute;
    right: 20px;
    top: calc(50% - 12px)
}

.shc-input.sub-text input[type=text]:not(:placeholder-shown)~.shc-input__text,
.shc-input.sub-text input[type=text]:not(:placeholder-shown)~.shc-input__sub-text,
.shc-input.sub-text input[type=email]:not(:placeholder-shown)~.shc-input__text,
.shc-input.sub-text input[type=email]:not(:placeholder-shown)~.shc-input__sub-text,
.shc-input.sub-text input[type=password]:not(:placeholder-shown)~.shc-input__text,
.shc-input.sub-text input[type=password]:not(:placeholder-shown)~.shc-input__sub-text,
.shc-input.sub-text input[type=number]:not(:placeholder-shown)~.shc-input__text,
.shc-input.sub-text input[type=number]:not(:placeholder-shown)~.shc-input__sub-text,
.shc-input.sub-text textarea:not(:placeholder-shown)~.shc-input__text,
.shc-input.sub-text textarea:not(:placeholder-shown)~.shc-input__sub-text {
    display: block
}

.shc-input.type-box {
    padding: var(--spacing-lg) var(--spacing-xl);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary);
    border-radius: var(--radius-md)
}

.shc-input.type-box.sub-text {
    height: 64px;
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md);
    padding-right: calc(var(--spacing-xl) * 2 + 24px)
}

.shc-input.type-search {
    min-height: 36px;
    padding: calc(var(--spacing-sm) + var(--spacing-xs)) var(--spacing-xl) calc(var(--spacing-sm) + var(--spacing-xs)) var(--spacing-md);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary);
    border-radius: var(--spacing-2xl)
}

.shc-input.type-search input[type=text] {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-input.type-line {
    padding: var(--spacing-lg) var(--spacing-none);
    box-shadow: inset 0 -1px 0 0 var(--Border-border-primary)
}

.shc-input.type-line.amount {
    padding-top: var(--spacing--none);
    margin-top: var(--spacing--none)
}

.shc-input.type-line.amount input {
    font-size: var(--size-headline-M);
    letter-spacing: var(--letterspace-headline-M);
    line-height: var(--lineheight-headline-M);
    font-weight: 500
}

.shc-input.type-line.amount input::placeholder {
    font-size: var(--size-headline-M);
    letter-spacing: var(--letterspace-headline-M);
    line-height: var(--lineheight-headline-M);
    font-weight: 500
}

.shc-input.type-cell {
    padding: var(--spacing--none);
    justify-content: center;
    gap: var(--spacing-md, 8px);
    background-color: transparent
}

.shc-input.type-cell input {
    min-width: 48px;
    max-width: 56px;
    flex: 1 0 48px;
    height: 56px;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: var(--font-weight-regular);
    color: var(--Text-text-primary);
    text-align: center;
    background: var(--Background-bg-white);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary);
    border-radius: var(--radius-xl);
    outline: none;
    transition: .2s
}

.shc-input.type-cell input:not([value=""]):not(:placeholder-shown) {
    font-weight: var(--font-weight-medium);
    color: var(--Text-text-primary)
}

.shc-input.type-cell[data-focus] input {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-input.type-cell[data-status=error] input {
    box-shadow: inset 0 0 0 2px var(--Border-border-negative-same)
}

.shc-input.type-cell[data-status=disabled] input,
.shc-input.type-cell[data-status=readonly] input {
    background-color: var(--Background-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary)
}

.shc-input .shc-icon--clear {
    visibility: hidden;
    width: 24px
}

.shc-input[data-focus] input[type=text]:not(:read-only):not(:disabled):not(:placeholder-shown)~.shc-icon--clear,
.shc-input[data-focus] input[type=tel]:not(:read-only):not(:disabled):not(:placeholder-shown)~.shc-icon--clear,
.shc-input[data-focus] input[type=number]:not(:read-only):not(:disabled):not(:placeholder-shown)~.shc-icon--clear,
.shc-input[data-focus] input[type=password]:not(:read-only):not(:disabled):not(:placeholder-shown)~.shc-icon--clear,
.shc-input[data-focus] input[type=email]:not(:read-only):not(:disabled):not(:placeholder-shown)~.shc-icon--clear,
.shc-input[data-focus] input[inputmode=numeric]:not(:read-only):not(:disabled):not(:placeholder-shown)~.shc-icon--clear,
.shc-input[data-focus] input[inputmode=decimal]:not(:read-only):not(:disabled):not(:placeholder-shown)~.shc-icon--clear,
.shc-input[data-focus] textarea:not(:read-only):not(:disabled):not(:placeholder-shown)~.shc-icon--clear {
    visibility: visible
}

.shc-input input[type=text].align-right~.shc-icon--clear,
.shc-input input[type=email].align-right~.shc-icon--clear,
.shc-input input[type=tel].align-right~.shc-icon--clear,
.shc-input input[type=number].align-right~.shc-icon--clear {
    display: none
}

.shc-input input[type=text].align-right:not(:placeholder-shown)~.shc-icon--clear,
.shc-input input[type=email].align-right:not(:placeholder-shown)~.shc-icon--clear,
.shc-input input[type=tel].align-right:not(:placeholder-shown)~.shc-icon--clear,
.shc-input input[type=number].align-right:not(:placeholder-shown)~.shc-icon--clear {
    display: block
}

.shc-input[role=button]:focus-visible {
    outline: auto -webkit-focus-ring-color;
    outline-offset: 2px
}

.shc-input[role=button]:focus-visible,
.shc-input:not(.type-cell)[data-focus] {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-input:not(.type-cell).type-line[data-focus] {
    box-shadow: inset 0 -2px 0 0 var(--Border-border-brand)
}

.shc-input:not(.type-cell)[data-status=error] {
    box-shadow: inset 0 0 0 2px var(--Border-border-negative-same)
}

.shc-input:not(.type-cell).type-line[data-status=error] {
    box-shadow: inset 0 -2px 0 0 var(--Border-border-negative-same)
}

.shc-input[data-status=readonly] {
    cursor: not-allowed
}

.shc-input[data-status=readonly] input {
    color: var(--Text-text-primary);
    cursor: not-allowed
}

.shc-input[data-status=disabled] {
    cursor: not-allowed
}

.shc-input[data-status=disabled] input {
    cursor: not-allowed;
    color: var(--Text-text-disabled-same);
    font-weight: 300
}

.shc-input:not(.type-cell)[data-status=disabled],
.shc-input:not(.type-cell)[data-status=readonly] {
    background-color: var(--Background-bg-disabled)
}

.shc-input:not(.type-cell)[data-status=disabled]:not(.type-line),
.shc-input:not(.type-cell)[data-status=readonly]:not(.type-line) {
    box-shadow: inset 0 0 0 1px var(--Border-border-primary)
}

.shc-input:not(.type-cell)[data-status=disabled] .type-line,
.shc-input:not(.type-cell)[data-status=readonly] .type-line {
    box-shadow: inset 0 1px 0 0 var(--Border-border-primary)
}

.shc-input:not(.type-cell)[data-status=disabled] .shc-input__decimal,
.shc-input:not(.type-cell)[data-status=disabled] .shc-input__seperator,
.shc-input:not(.type-cell)[data-status=readonly] .shc-input__decimal,
.shc-input:not(.type-cell)[data-status=readonly] .shc-input__seperator {
    color: var(--Text-text-disabled-same)
}

.shc-input:not(.type-cell)[data-status=disabled] .shc-input__sub-text,
.shc-input:not(.type-cell)[data-status=readonly] .shc-input__sub-text {
    color: var(--Text-text-quaternary)
}

.shc-input:not(.type-cell)[data-status=disabled] .shc-icon--clear,
.shc-input:not(.type-cell)[data-status=readonly] .shc-icon--clear {
    visibility: hidden
}

.shc-input.mask input[type=password] {
    color: transparent
}

.shc-input.mask input[type=password]::placeholder {
    color: transparent
}

.shc-input .shc-input__password {
    position: absolute;
    transform: translateY(-50%);
    display: inline-flex;
    pointer-events: auto;
    cursor: text;
    background: transparent;
    white-space: nowrap;
    z-index: 2;
    min-height: 27px
}

.shc-input .shc-input__password-dot:not(:first-child) {
    margin-left: .005em
}

.shc-input .shc-input__password-dot:before {
    content: "○";
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300;
    color: var(--Text-text-placeholder-same)
}

.shc-input .shc-input__password-dot.is-filled:before {
    content: "●";
    color: var(--Text-text-primary)
}

.shc-input input[type=password].text-placeholder::placeholder {
    color: var(--Text-text-placeholder-same)
}

.shc-input .shc-input__mask {
    flex: 1;
    color: var(--Text-text-placeholder-same);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300
}

.shc-input .shc-input__mask.align-center {
    text-align: center
}

.shc-input input:not(:placeholder-shown)+.shc-input__mask {
    color: var(--Text-text-disabled-same)
}

.shc-input .shc-input__back {
    display: flex;
    flex: 1;
    min-width: 10px
}

.shc-input .shc-input__back input {
    flex-grow: 0;
    flex-shrink: 0;
    min-width: 16px;
    text-align: center
}

.shc-input:not(.type-cell)[data-status=disabled] .shc-input__mask,
.shc-input:not(.type-cell)[data-status=readonly] .shc-input__mask {
    color: var(--Text-text-disabled-same)
}

.shc-input[role=button],
.shc-input[role=combobox],
.shc-input[role=button] input[readonly],
.shc-input[role=combobox] input[readonly] {
    cursor: pointer
}

.shc-input[role=button][data-focus]:not([data-status=error]),
.shc-input[role=combobox][data-focus]:not([data-status=error]) {
    box-shadow: inset 0 0 0 1px var(--Border-border-primary)
}

.shc-input.shc-input--datepicker[data-editable=false],
.shc-input.shc-input--datepicker[data-status=readonly] {
    background-color: var(--Background-bg-disabled)
}

.shc-input.shc-input--datepicker[data-editable=false] .shc-input__seperator,
.shc-input.shc-input--datepicker[data-status=readonly] .shc-input__seperator {
    color: var(--Text-text-primary)
}

.shc-input.shc-input--datepicker:not([data-editable=false]),
.shc-input.shc-input--datepicker:not([data-editable]) {
    background-color: transparent
}

.shc-input.shc-input--datepicker[data-editable=false] .shc-icon--calendar {
    display: none
}

.no-gap .shc-input>*:not(:first-child) {
    margin-left: var(--spacing-lg)
}

.shc-dropdown {
    position: relative;
    display: flex
}

.shc-dropdown__btn {
    display: flex;
    align-items: center;
    max-width: 100%;
    outline: none
}

.shc-dropdown.type-box .shc-dropdown__btn {
    min-height: 56px;
    padding: var(--spacing-xl);
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary)
}

.shc-dropdown.type-box .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 300
}

.shc-dropdown.type-line .shc-dropdown__btn {
    height: 58px;
    padding: var(--spacing-xl) var(--spacing-none);
    box-shadow: inset 0 -1px 0 0 var(--Border-border-primary)
}

.shc-dropdown.type-line .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 300
}

.shc-dropdown.type-text .shc-dropdown__btn {
    position: relative;
    border-radius: var(--radius-xxs)
}

.shc-dropdown__btn:after {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: var(--spacing-xs);
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron-down-thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron-down-thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transition: all .2s ease
}

.shc-dropdown__btn[aria-expanded=true]:after {
    transform: rotate(180deg)
}

.shc-dropdown__btn-value {
    flex: 1;
    display: block;
    margin-right: var(--spacing-md);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    color: var(--Text-text-primary);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    line-height: 1.5
}

.shc-dropdown__btn-value .shc-card-info {
    white-space: normal
}

.shc-dropdown__option-item:focus-visible {
    outline-offset: -4px
}

.shc-dropdown[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn,
.shc-dropdown .shc-dropdown__btn:disabled,
.shc-dropdown .shc-dropdown__btn:disabled .shc-dropdown__option-item-text {
    cursor: not-allowed
}

.shc-dropdown[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown .shc-dropdown__btn:disabled .shc-dropdown__btn-value,
.shc-dropdown .shc-dropdown__btn:disabled .shc-dropdown__option-item-text .shc-dropdown__btn-value {
    color: var(--Text-text-disabled-same);
    font-weight: 300
}

.shc-dropdown[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn:after,
.shc-dropdown .shc-dropdown__btn:disabled:after,
.shc-dropdown .shc-dropdown__btn:disabled .shc-dropdown__option-item-text:after {
    background-color: var(--Foreground-fg-disabled);
    -webkit-mask-image: url(/pconts/static/svg/chevron-down-thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron-down-thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-dropdown[data-status=readonly] .shc-dropdown__btn:after {
    background-color: var(--Foreground-fg-disabled);
    -webkit-mask-image: url(/pconts/static/svg/chevron-down-thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron-down-thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-dropdown.type-box[data-status=error] .shc-dropdown__btn {
    box-shadow: inset 0 0 0 2px var(--Border-border-negative-same)
}

.shc-dropdown.type-box:focus-within:not([data-status=error]) .shc-dropdown__btn {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-dropdown.type-box:focus-within:not([data-status=error]) .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 300
}

.shc-dropdown.type-box[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn,
.shc-dropdown.type-box[data-status=readonly] .shc-dropdown__btn,
.shc-dropdown.type-box .shc-dropdown__btn:disabled {
    background-color: var(--Background-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--Border-border-disabled)
}

.shc-dropdown.type-box.size-sm {
    min-width: 116px;
    margin-left: var(--spacing-md)
}

.shc-dropdown.type-box.size-sm:focus-within:not([data-status=error]) .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 500
}

.shc-dropdown.type-box.size-sm .shc-dropdown__btn {
    min-height: 32px;
    padding: 5px 12px;
    border-radius: var(--radius-xs)
}

.shc-dropdown.type-box.size-sm .shc-dropdown__btn:after {
    width: 16px;
    height: 16px
}

.shc-dropdown.type-box.size-sm .shc-dropdown__btn .shc-dropdown__btn-value.shc-dropdown__btn-placeholder,
.shc-dropdown.type-box.size-sm .shc-dropdown__btn .shc-dropdown__btn-value {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-primary)
}

.shc-dropdown.type-box.size-sm .shc-dropdown__option {
    max-height: max-content
}

.shc-dropdown.type-box.size-sm .shc-dropdown__option:not(.in-bottomsheet):not(.position-bottom) {
    top: auto;
    right: auto;
    bottom: 100%;
    min-width: 100%;
    margin-top: 0;
    margin-bottom: var(--spacing-sm)
}

.shc-dropdown.type-box.size-sm .shc-dropdown__option-item {
    padding: 5px 12px;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-dropdown.type-box.size-sm .shc-dropdown__option-item:not(:first-of-type) {
    border-top: 1px solid var(--Border-border-tertiary)
}

.shc-dropdown.type-box.size-sm .shc-dropdown__option-item a {
    white-space: nowrap
}

.shc-dropdown.type-box.size-sm .shc-dropdown__option-item.is-active:after {
    content: none
}

.shc-dropdown.type-line[data-status=error] .shc-dropdown__btn {
    box-shadow: inset 0 -2px 0 0 var(--Border-border-negative-same)
}

.shc-dropdown.type-line:focus-within:not([data-status=error]) .shc-dropdown__btn {
    box-shadow: inset 0 -2px 0 0 var(--Border-border-brand)
}

.shc-dropdown.type-line[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn,
.shc-dropdown.type-line[data-status=readonly] .shc-dropdown__btn,
.shc-dropdown.type-line .shc-dropdown__btn:disabled {
    background-color: var(--Background-bg-disabled);
    box-shadow: inset 0 -1px 0 0 var(--Border-border-disabled)
}

.shc-dropdown.type-text .shc-dropdown__btn:active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--Background-bg-dark_a10)
}

.shc-dropdown.type-text .shc-dropdown__btn-value {
    display: flex;
    margin-right: var(--spacing-none)
}

.shc-dropdown.type-text .shc-dropdown__option {
    min-width: 180px;
    max-width: 100%;
    right: auto
}

.shc-dropdown.type-text.size-xl .shc-dropdown__btn {
    height: 32px
}

.shc-dropdown.type-text.size-xl .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-xl .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-dropdown.type-text.size-xl .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 500
}

.shc-dropdown.type-text.size-xl[data-status=error] .shc-dropdown__btn-value:before {
    width: 24px;
    height: 24px
}

.shc-dropdown.type-text.size-xl[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-xl[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text,
.shc-dropdown.type-text.size-xl .shc-dropdown__btn:disabled .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-xl .shc-dropdown__btn:disabled .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-weight: 500;
    color: var(--Text-text-disabled-same)
}

.shc-dropdown.type-text.size-lg .shc-dropdown__btn {
    height: 30px
}

.shc-dropdown.type-text.size-lg .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-lg .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-dropdown.type-text.size-lg .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 500
}

.shc-dropdown.type-text.size-lg .shc-dropdown__btn:after {
    width: 20px;
    height: 20px
}

.shc-dropdown.type-text.size-lg[data-status=error] .shc-dropdown__btn-value:before {
    width: 20px;
    height: 20px
}

.shc-dropdown.type-text.size-lg[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-lg[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text,
.shc-dropdown.type-text.size-lg .shc-dropdown__btn:disabled .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-lg .shc-dropdown__btn:disabled .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-dropdown.type-text.size-md .shc-dropdown__btn {
    height: 28px
}

.shc-dropdown.type-text.size-md .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-md .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-dropdown.type-text.size-md .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 300
}

.shc-dropdown.type-text.size-md .shc-dropdown__btn:after {
    width: 18px;
    height: 18px
}

.shc-dropdown.type-text.size-md[data-status=error] .shc-dropdown__btn-value:before {
    width: 18px;
    height: 18px
}

.shc-dropdown.type-text.size-md[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-md[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text,
.shc-dropdown.type-text.size-md .shc-dropdown__btn:disabled .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-md .shc-dropdown__btn:disabled .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-dropdown.type-text.size-sm .shc-dropdown__btn {
    height: 24px
}

.shc-dropdown.type-text.size-sm .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-sm .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

.shc-dropdown.type-text.size-sm .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 300
}

.shc-dropdown.type-text.size-sm .shc-dropdown__btn:after {
    width: 16px;
    height: 16px
}

.shc-dropdown.type-text.size-sm[data-status=error] .shc-dropdown__btn-value:before {
    width: 16px;
    height: 16px
}

.shc-dropdown.type-text.size-sm[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-sm[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text,
.shc-dropdown.type-text.size-sm .shc-dropdown__btn:disabled .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-sm .shc-dropdown__btn:disabled .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-dropdown.type-text.size-xs .shc-dropdown__btn {
    height: 24px
}

.shc-dropdown.type-text.size-xs .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-xs .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

.shc-dropdown.type-text.size-xs .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    font-weight: 300
}

.shc-dropdown.type-text.size-xs .shc-dropdown__btn:after {
    width: 14px;
    height: 14px
}

.shc-dropdown.type-text.size-xs[data-status=error] .shc-dropdown__btn-value:before {
    width: 14px;
    height: 14px
}

.shc-dropdown.type-text.size-xs[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-xs[data-status=disabled]:not([data-status=readonly]) .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text,
.shc-dropdown.type-text.size-xs .shc-dropdown__btn:disabled .shc-dropdown__btn-value,
.shc-dropdown.type-text.size-xs .shc-dropdown__btn:disabled .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-dropdown.type-text[data-status=error] .shc-dropdown__btn .shc-dropdown__btn-value,
.shc-dropdown.type-text[data-status=error] .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    color: var(--Text-text-negative-same)
}

.shc-dropdown.type-text[data-status=error] .shc-dropdown__btn .shc-dropdown__btn-value:before {
    content: "";
    flex-shrink: 0;
    display: inline-flex;
    align-self: center;
    margin-right: var(--spacing-sm);
    background-color: var(--Foreground-fg-negative-same);
    -webkit-mask-image: url(/pconts/static/svg/circle-alert.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/circle-alert.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-dropdown .shc-dropdown__btn .shc-dropdown__btn-value.shc-dropdown__btn-placeholder,
.shc-dropdown.type-text[class*=size-] .shc-dropdown__btn .shc-dropdown__btn-placeholder {
    color: var(--Text-text-placeholder-same)
}

.shc-dropdown:not(.type-text) .shc-dropdown__btn {
    width: 100%
}

.shc-dropdown:not(.type-text) .shc-dropdown__btn:focus-within {
    outline-offset: 2px
}

.shc-dropdown:not(.type-text) .shc-dropdown__btn .shc-dropdown__btn-value .shc-dropdown__option-item-text {
    color: var(--Text-text-primary);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500
}

.shc-dropdown__option:not(.in-bottomsheet) {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: var(--Background-bg-canvas_white-elevated);
    border: 1px solid var(--Border-border-secondary);
    border-radius: var(--radius-md);
    box-shadow: 0 4px 16px #0c111d1a;
    overflow: hidden
}

.shc-dropdown__option:not(.in-bottomsheet):not(.position-bottom) {
    top: 100%;
    margin-top: var(--spacing-sm)
}

.shc-dropdown__option:not(.in-bottomsheet).position-bottom {
    bottom: 100%;
    margin-bottom: var(--spacing-sm)
}

.in-bottomsheet .shc-dropdown__option-item:not(:first-of-type) {
    margin-top: var(--spacing-md)
}

.in-bottomsheet .shc-dropdown__option-item-text {
    padding-top: 1px;
    padding-bottom: 1px
}

.shc-dropdown.is-open .shc-dropdown__option {
    display: block
}

.shc-dropdown__option-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-2xl);
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    outline: none
}

.shc-dropdown__option-item:after {
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-left: var(--spacing-md);
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/checked--blue.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/checked--blue.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    opacity: 0
}

.shc-dropdown__option-item.is-active {
    background-color: var(--Background-bg-brand);
    position: relative
}

.shc-dropdown__option-item.is-active:after {
    opacity: 1
}

.shc-dropdown__option-item:active {
    background: var(--Background-bg-dark_a10)
}

.shc-dropdown__option-item-text {
    flex: 1;
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left
}

.shc-dropdown__option-item-text .shc-card-info {
    white-space: normal
}

.shc-dropdown.type-line {
    margin-top: -4px
}

.shc-dropdown .shc-bottomsheet__content {
    padding: var(--spacing-none);
    padding-bottom: var(--spacing-2xl)
}

.shc-dropdown .shc-bottomsheet__content .shc-dropdown__option {
    display: block;
    position: static;
    margin-top: var(--spacing-none);
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.shc-select {
    position: relative;
    display: flex
}

.shc-select[hidden] {
    display: none
}

.shc-select__btn {
    display: flex;
    align-items: center;
    max-width: 100%
}

.shc-select__btn:focus-visible {
    outline: auto -webkit-focus-ring-color;
    outline-offset: 2px
}

.shc-select.type-box .shc-select__btn {
    min-height: 56px;
    padding: var(--spacing-lg) var(--spacing-xl);
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary)
}

.shc-select.type-box .shc-select__btn .shc-select__btn-placeholder {
    font-weight: 300
}

.shc-select.type-line .shc-select__btn {
    height: 58px;
    padding: var(--spacing-xl) var(--spacing-none);
    box-shadow: inset 0 -1px 0 0 var(--Border-border-primary)
}

.shc-select.type-line .shc-select__btn .shc-select__btn-placeholder {
    font-weight: 300
}

.shc-select.type-text .shc-select__btn {
    position: relative;
    border-radius: var(--radius-xxs)
}

.shc-select__btn:after {
    content: "";
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-left: var(--spacing-xs);
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron--thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron--thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg);
    transition: all .2s ease
}

.shc-select__btn[aria-expanded=true]:after {
    transform: rotate(270deg)
}

.shc-select__btn-value {
    flex: 1;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    margin-right: var(--spacing-xs);
    color: var(--Text-text-primary);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    line-height: 1.5
}

.shc-select__btn-value .shc-card-info {
    white-space: normal
}

.shc-select[data-status=disabled]:not([data-status=readonly]) .shc-select__btn,
.shc-select .shc-select__btn:disabled,
.shc-select .shc-select__btn:disabled .shc-select__option-item-text {
    cursor: not-allowed
}

.shc-select[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value,
.shc-select .shc-select__btn:disabled .shc-select__btn-value,
.shc-select .shc-select__btn:disabled .shc-select__option-item-text .shc-select__btn-value {
    color: var(--Text-text-disabled-same);
    font-weight: 300
}

.shc-select[data-status=disabled]:not([data-status=readonly]) .shc-select__btn:after,
.shc-select .shc-select__btn:disabled:after,
.shc-select .shc-select__btn:disabled .shc-select__option-item-text:after {
    background-color: var(--Foreground-fg-disabled);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-select[data-status=readonly] .shc-select__btn:after {
    background-color: var(--Foreground-fg-disabled);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-select.type-box[data-status=error] .shc-select__btn {
    box-shadow: inset 0 0 0 2px var(--Border-border-negative-same)
}

.shc-select.type-box:focus-within:not([data-status=error]) .shc-select__btn {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-select.type-box:focus-within:not([data-status=error]) .shc-select__btn .shc-select__btn-placeholder {
    font-weight: 300
}

.shc-select.type-box[data-status=disabled]:not([data-status=readonly]) .shc-select__btn,
.shc-select.type-box[data-status=readonly] .shc-select__btn,
.shc-select.type-box .shc-select__btn:disabled {
    background-color: var(--Background-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--Border-border-disabled)
}

.shc-select.type-line[data-status=error] .shc-select__btn {
    box-shadow: inset 0 -2px 0 0 var(--Border-border-negative-same)
}

.shc-select.type-line:focus-within:not([data-status=error]) .shc-select__btn {
    box-shadow: inset 0 -2px 0 0 var(--Border-border-brand)
}

.shc-select.type-line[data-status=disabled]:not([data-status=readonly]) .shc-select__btn,
.shc-select.type-line[data-status=readonly] .shc-select__btn,
.shc-select.type-line .shc-select__btn:disabled {
    background-color: var(--Background-bg-disabled);
    box-shadow: inset 0 -1px 0 0 var(--Border-border-disabled)
}

.shc-select.type-text .shc-select__btn:active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    background: var(--Background-bg-dark_a10)
}

.shc-select.type-text .shc-select__btn-value {
    display: flex
}

.shc-select.type-text .shc-select__option {
    min-width: 180px;
    max-width: 100%;
    right: auto
}

.shc-select.type-text.size-xl .shc-select__btn {
    height: 32px
}

.shc-select.type-text.size-xl .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-xl .shc-select__btn .shc-select__btn-value .shc-select__option-item-text {
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-select.type-text.size-xl .shc-select__btn .shc-select__btn-placeholder {
    font-weight: 500
}

.shc-select.type-text.size-xl[data-status=error] .shc-select__btn-value:before {
    width: 24px;
    height: 24px
}

.shc-select.type-text.size-xl[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-xl[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value .shc-select__option-item-text,
.shc-select.type-text.size-xl .shc-select__btn:disabled .shc-select__btn-value,
.shc-select.type-text.size-xl .shc-select__btn:disabled .shc-select__btn-value .shc-select__option-item-text {
    font-weight: 500;
    color: var(--Text-text-disabled-same)
}

.shc-select.type-text.size-lg .shc-select__btn {
    height: 30px
}

.shc-select.type-text.size-lg .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-lg .shc-select__btn .shc-select__btn-value .shc-select__option-item-text {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-select.type-text.size-lg .shc-select__btn .shc-select__btn-placeholder {
    font-weight: 500
}

.shc-select.type-text.size-lg .shc-select__btn:after {
    width: 20px;
    height: 20px
}

.shc-select.type-text.size-lg[data-status=error] .shc-select__btn-value:before {
    width: 20px;
    height: 20px
}

.shc-select.type-text.size-lg[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-lg[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value .shc-select__option-item-text,
.shc-select.type-text.size-lg .shc-select__btn:disabled .shc-select__btn-value,
.shc-select.type-text.size-lg .shc-select__btn:disabled .shc-select__btn-value .shc-select__option-item-text {
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-select.type-text.size-md .shc-select__btn {
    height: 28px
}

.shc-select.type-text.size-md .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-md .shc-select__btn .shc-select__btn-value .shc-select__option-item-text {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-select.type-text.size-md .shc-select__btn .shc-select__btn-placeholder {
    font-weight: 300
}

.shc-select.type-text.size-md .shc-select__btn:after {
    width: 18px;
    height: 18px
}

.shc-select.type-text.size-md[data-status=error] .shc-select__btn-value:before {
    width: 18px;
    height: 18px
}

.shc-select.type-text.size-md[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-md[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value .shc-select__option-item-text,
.shc-select.type-text.size-md .shc-select__btn:disabled .shc-select__btn-value,
.shc-select.type-text.size-md .shc-select__btn:disabled .shc-select__btn-value .shc-select__option-item-text {
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-select.type-text.size-sm .shc-select__btn {
    height: 24px
}

.shc-select.type-text.size-sm .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-sm .shc-select__btn .shc-select__btn-value .shc-select__option-item-text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

.shc-select.type-text.size-sm .shc-select__btn .shc-select__btn-placeholder {
    font-weight: 300
}

.shc-select.type-text.size-sm .shc-select__btn:after {
    width: 16px;
    height: 16px
}

.shc-select.type-text.size-sm[data-status=error] .shc-select__btn-value:before {
    width: 16px;
    height: 16px
}

.shc-select.type-text.size-sm[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-sm[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value .shc-select__option-item-text,
.shc-select.type-text.size-sm .shc-select__btn:disabled .shc-select__btn-value,
.shc-select.type-text.size-sm .shc-select__btn:disabled .shc-select__btn-value .shc-select__option-item-text {
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-select.type-text.size-xs .shc-select__btn {
    height: 24px
}

.shc-select.type-text.size-xs .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-xs .shc-select__btn .shc-select__btn-value .shc-select__option-item-text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

.shc-select.type-text.size-xs .shc-select__btn .shc-select__btn-placeholder {
    font-weight: 300
}

.shc-select.type-text.size-xs .shc-select__btn:after {
    width: 14px;
    height: 14px
}

.shc-select.type-text.size-xs[data-status=error] .shc-select__btn-value:before {
    width: 14px;
    height: 14px
}

.shc-select.type-text.size-xs[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value,
.shc-select.type-text.size-xs[data-status=disabled]:not([data-status=readonly]) .shc-select__btn .shc-select__btn-value .shc-select__option-item-text,
.shc-select.type-text.size-xs .shc-select__btn:disabled .shc-select__btn-value,
.shc-select.type-text.size-xs .shc-select__btn:disabled .shc-select__btn-value .shc-select__option-item-text {
    font-weight: 300;
    color: var(--Text-text-disabled-same)
}

.shc-select.type-text[data-status=error] .shc-select__btn .shc-select__btn-value,
.shc-select.type-text[data-status=error] .shc-select__btn .shc-select__btn-value .shc-select__option-item-text {
    color: var(--Text-text-negative-same)
}

.shc-select.type-text[data-status=error] .shc-select__btn .shc-select__btn-value:before {
    content: "";
    flex-shrink: 0;
    display: inline-flex;
    align-self: center;
    margin-right: var(--spacing-sm);
    background-color: var(--Foreground-fg-negative-same);
    -webkit-mask-image: url(/pconts/static/svg/circle-alert.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/circle-alert.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-select .shc-select__btn .shc-select__btn-value.shc-select__btn-placeholder,
.shc-select.type-text[class*=size-] .shc-select__btn .shc-select__btn-placeholder {
    color: var(--Text-text-placeholder-same)
}

.shc-select:not(.type-text) .shc-select__btn {
    width: 100%
}

.shc-select:not(.type-text) .shc-select__btn .shc-select__btn-value .shc-select__option-item-text {
    color: var(--Text-text-primary);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500
}

.shc-select__option {
    z-index: 100;
    overflow: auto;
    max-height: 230px
}

.shc-select__option::-webkit-scrollbar {
    background: transparent
}

.shc-select__option::-webkit-scrollbar-track {
    margin: 12px
}

.shc-select__option:not(.in-bottomsheet) {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    background-color: var(--Background-bg-canvas_white-elevated);
    border: 1px solid var(--Border-border-secondary);
    border-radius: var(--radius-md);
    box-shadow: 0 4px 16px #0c111d1a
}

.shc-select__option:not(.in-bottomsheet):not(.position-bottom) {
    top: 100%;
    margin-top: var(--spacing-sm)
}

.shc-select__option:not(.in-bottomsheet).position-bottom {
    bottom: 100%;
    margin-bottom: var(--spacing-sm)
}

.in-bottomsheet .shc-select__option-item:not(:first-of-type) {
    margin-top: var(--spacing-md)
}

.in-bottomsheet .shc-select__option-item-text {
    padding-top: 1px;
    padding-bottom: 1px
}

.shc-select.is-open .shc-select__option {
    display: block
}

.shc-select__option-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-2xl);
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    outline: none
}

.shc-select__option-item:after {
    content: "";
    width: 20px;
    height: 20px;
    margin-left: var(--spacing-md);
    flex-shrink: 0;
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/checked--blue.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/checked--blue.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    opacity: 0
}

.shc-select__option-item.is-active {
    background-color: var(--Background-bg-brand);
    position: relative
}

.shc-select__option-item.is-active:after {
    opacity: 1
}

.shc-select__option-item:active {
    background: var(--Background-bg-dark_a10)
}

.shc-select__option-item-text {
    flex: 1;
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shc-select__option-item-text .shc-card-info {
    white-space: normal
}

.shc-select__option-item:focus-visible {
    outline: 2px;
    outline-style: solid;
    outline-offset: -2px
}

.shc-select.type-line {
    margin-top: -4px
}

.shc-select .shc-bottomsheet__content {
    padding: var(--spacing-none);
    padding-bottom: var(--spacing-2xl)
}

.shc-select .shc-bottomsheet__content .shc-select__option {
    display: block;
    position: static;
    margin-top: var(--spacing-none);
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none
}

.shc-select.type-monthpicker .shc-select__btn:after {
    width: 24px;
    height: 24px;
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/calendar.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/calendar.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: none;
    transition: none
}

.shc-form-group {
    display: flex
}

.shc-form-group .shc-form {
    flex: 1;
    min-width: 0
}

.shc-form-group.gap--md>:not(:first-child) {
    margin-left: var(--spacing-md)
}

.shc-form {
    display: flex;
    flex-direction: column
}

.shc-form__title {
    display: flex;
    align-items: center;
    color: var(--Text-text-tertiary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500
}

.shc-form__title strong {
    font-weight: var(--font-weight-medium)
}

.shc-form__title .shc-ico-btn {
    margin-left: var(--spacing-sm)
}

.shc-form__title .shc-icon--info {
    width: 20px;
    height: 20px
}

.shc-form__title-sub {
    flex-shrink: 0;
    margin-left: auto;
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-form__title .ml--auto {
    margin-left: auto
}

.shc-form__desc {
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-form>.shc-input,
.shc-form>.shc-dropdown,
.shc-form>.shc-select,
.shc-form>.shc-textarea,
.shc-form>.shc-select-btn-group,
.shc-form>.shc-email,
.shc-form>.shc-radio-group-row {
    margin-top: var(--spacing-md)
}

.shc-form>.shc-select-btn-group.type-date+.shc-input--datepicker {
    margin-top: var(--spacing-lg)
}

.shc-form__bottom {
    display: flex;
    flex-wrap: wrap;
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm)
}

.shc-form__bottom.has-counter .shc-form__validation,
.shc-form__bottom.has-counter .shc-form__msg {
    width: calc(100% - 80px)
}

.shc-form__bottom.has-counter .shc-form__counter {
    margin-left: auto
}

.shc-form>.shc-input.type-line+.shc-form__bottom,
.shc-form>.shc-dropdown.type-line+.shc-form__bottom,
.shc-form>.shc-select.type-line+.shc-form__bottom {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none)
}

.shc-form__msg,
.shc-form__validation {
    display: flex;
    align-items: flex-start;
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300;
    text-align: left;
    width: 100%
}

.shc-form__validation:not(:empty) {
    margin-top: var(--spacing-md);
    color: var(--Text-text-quaternary)
}

.shc-form__msg:not(:empty) {
    margin-top: var(--spacing-md);
    color: var(--Text-text-quaternary)
}

.shc-form__msg:not(:empty).type-right {
    display: inline-block
}

.shc-form__msg:not(:empty).type-right:first-child {
    width: 100%;
    text-align: right
}

.shc-form__counter {
    display: flex;
    margin-top: var(--spacing-md);
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300;
    white-space: nowrap;
    margin-left: auto
}

.shc-form__counter-current {
    color: var(--Text-text-brand)
}

.shc-form__counter-total {
    color: var(--Text-text-quaternary)
}

.shc-form__counter-total:before {
    content: "/"
}

.shc-form__counter-total:after {
    content: attr(data-unit)
}

.shc-form__btn {
    width: 24px;
    height: 24px
}

.shc-form__container {
    display: flex;
    margin-top: var(--spacing-md)
}

.shc-form__container:not(.direction-col)>*:not(:first-child) {
    margin-left: var(--spacing-md)
}

.shc-form__container:not(.direction-col)>select.shc-select:first-child+* {
    margin-left: 0
}

.shc-form__container>.shc-dropdown,
.shc-form__container>.shc-select,
.shc-form__container>.shc-input {
    min-width: 0
}

.shc-form__container .shc-dropdown,
.shc-form__container .shc-select,
.shc-form__container .shc-input {
    flex: 1
}

.shc-form__container.ratio-100-50-50 {
    flex-wrap: wrap
}

.shc-form__container.ratio-100-50-50 .shc-input:first-child {
    width: 100%
}

.shc-form__container.ratio-100-50-50 .shc-input:not(:first-child) {
    width: calc(50% - var(--spacing-md) / 2)
}

.shc-form__container.ratio-65-35--decimal .shc-input:last-child {
    flex: .35
}

.shc-form__container.ratio-65-35--decimal .shc-input:last-child>*:not(:first-child) {
    margin-left: var(--spacing-xs)
}

.shc-form__container.ratio-50-50 .shc-dropdown,
.shc-form__container.ratio-50-50 .shc-select {
    width: calc(50% - var(--spacing-md) / 2)
}

.shc-form__container.direction-col {
    flex-direction: column
}

.shc-form__container.direction-col>*:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-form[data-focus] .shc-form__validation {
    color: var(--Text-text-brand)
}

.shc-form[data-status=error] .shc-form__validation {
    display: flex
}

.shc-form[data-status=error] .shc-form__validation:before {
    content: "오류";
    flex-shrink: 0;
    display: inline-flex;
    align-self: center;
    width: 14px;
    height: 14px;
    margin-right: var(--spacing-sm);
    background-color: var(--Foreground-fg-negative-same);
    -webkit-mask-image: url(/pconts/static/svg/circle-alert.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/circle-alert.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-form[data-status=error] .shc-form__validation,
.shc-form[data-status=error] .shc-form__counter-current {
    color: var(--Text-text-negative-same)
}

.shc-form[data-status=readonly] .shc-form__msg,
.shc-form[data-status=readonly] .shc-form__validation,
.shc-form[data-status=readonly] .shc-form__counter-current,
.shc-form[data-status=disabled] .shc-form__msg,
.shc-form[data-status=disabled] .shc-form__validation,
.shc-form[data-status=disabled] .shc-form__counter-current {
    color: var(--Text-text-disabled-same)
}

.shc-tab {
    width: 100%
}

.shc-tab__menu {
    display: flex
}

.shc-tab__btn {
    position: relative;
    text-align: center;
    transition: background-color .3s ease;
    background-color: transparent;
    text-decoration: none
}

.shc-tab__btn:focus-visible {
    outline-offset: 2px
}

.shc-tab.type-btn>.shc-tab__menu {
    position: relative
}

.shc-tab.type-btn>.shc-tab__menu:before,
.shc-tab.type-btn>.shc-tab__menu:after {
    content: "";
    position: absolute;
    bottom: 0;
    transform: translateZ(0)
}

.shc-tab.type-btn>.shc-tab__menu:before {
    left: 0;
    right: 0;
    height: 1px;
    border-bottom: 1px solid var(--Border-border-secondary)
}

.shc-tab.type-btn>.shc-tab__menu:after {
    left: var(--tab-position);
    width: 0;
    height: 2px;
    background-color: var(--Border-border-primary_heavy-same);
    transition: left .25s var(--ease), width .25s var(--ease)
}

.shc-tab.type-btn>.shc-tab__menu.is-ready:after {
    width: var(--tab-width)
}

.shc-tab.type-btn>.shc-tab__menu:not(.swiper)>.shc-tab__btn {
    flex: 1
}

.shc-tab.type-btn>.shc-tab__menu .shc-tab__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 51px
}

.shc-tab.type-btn>.shc-tab__menu .shc-tab__btn-text {
    display: inline-flex;
    padding: var(--spacing-none) var(--spacing-sm);
    color: var(--Text-text-quaternary);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500
}

.shc-tab.type-btn>.shc-tab__menu .shc-tab__btn.is-active .shc-tab__btn-text {
    color: var(--Text-text-primary);
    font-weight: 700
}

@media (max-width: 1023px) {
    .shc-tab.type-btn:not(.is-scroll)>.shc-tab__menu {
        margin-left: calc(-1 * var(--container-padding-mobile));
        margin-right: calc(-1 * var(--container-padding-mobile))
    }
}

.shc-tab.type-box .shc-tab__menu {
    display: flex;
    background-color: transparent
}

.shc-tab.type-box .shc-tab__btn {
    flex: 1;
    min-height: 48px;
    line-height: 48px;
    box-shadow: inset 0 0 0 1px var(--Border-border-primary);
    border-radius: var(--radius-md);
    text-align: center
}

.shc-tab.type-box .shc-tab__btn:not(:first-child) {
    margin-left: var(--spacing-md)
}

.shc-tab.type-box .shc-tab__btn-text {
    display: inline-flex;
    color: var(--Text-text-tertiary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500
}

.shc-tab.type-box .shc-tab__btn.is-active {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-tab.type-box .shc-tab__btn.is-active .shc-tab__btn-text {
    color: var(--Text-text-brand)
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-slide,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-slide {
    width: auto
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-prev,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev,
.shc-tab.type-subtab>.shc-tab__menu .swiper-button-next,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next {
    display: flex;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M6.87907 5.69922L11.8831 10.7033L6.87907 15.7074L7.70426 16.5326L13.5335 10.7033L7.70426 4.87402L6.87907 5.69922Z' fill='%23667085'/%3E %3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 0;
    z-index: 10
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-prev:focus-visible,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev:focus-visible,
.shc-tab.type-subtab>.shc-tab__menu .swiper-button-next:focus-visible,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next:focus-visible {
    outline-offset: -2px
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-prev.swiper-button-disabled,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev.swiper-button-disabled,
.shc-tab.type-subtab>.shc-tab__menu .swiper-button-next.swiper-button-disabled,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next.swiper-button-disabled {
    display: none
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-prev:before,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev:before,
.shc-tab.type-subtab>.shc-tab__menu .swiper-button-next:before,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next:before {
    content: "";
    position: absolute;
    top: -13px;
    width: 48px;
    height: 49px;
    pointer-events: none;
    z-index: -1
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-prev:after,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev:after,
.shc-tab.type-subtab>.shc-tab__menu .swiper-button-next:after,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-prev,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev {
    left: 6px
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-prev:before,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev:before {
    left: -6px;
    background: linear-gradient(90deg, var(--Background-bg-canvas_white) 50%, var(--Background-bg-canvas_white_a0) 100%)
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-prev:after,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev:after {
    transform: rotate(180deg)
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-next,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next {
    left: auto;
    right: 6px
}

.shc-tab.type-subtab>.shc-tab__menu .swiper-button-next:before,
.shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next:before {
    right: -6px;
    background: linear-gradient(270deg, var(--Background-bg-canvas_white) 50%, var(--Background-bg-canvas_white_a0) 100%)
}

.shc-tab.type-btn.is-scroll>.shc-tab__menu {
    padding: 0 20px
}

.shc-tab.type-btn.is-scroll>.shc-tab__menu.left-arrow-show {
    padding-left: 48px
}

.shc-tab.type-btn.is-scroll>.shc-tab__menu:before {
    border-bottom-color: var(--Border-border-tertiary)
}

.shc-tab.type-btn.is-scroll .shc-tab__btn-text {
    font-weight: 300
}

.shc-tab.type-btn.is-scroll>.shc-tab__btn {
    flex: none
}

.shc-tab.type-btn.is-scroll>.shc-tab__btn-text {
    padding: 0
}

.shc-tab.type-text .shc-tab__menu {
    justify-content: center;
    align-items: center;
    gap: var(--spacing-sm)
}

.shc-tab.type-text .shc-tab__menu .shc-tab__divider {
    display: inline-flex;
    width: 1px;
    height: 14px;
    background-color: var(--Border-border-tertiary)
}

.shc-tab.type-text .shc-tab__btn {
    min-width: 56px;
    min-height: 30px
}

.shc-tab.type-text .shc-tab__btn-text {
    display: inline-flex;
    color: var(--Text-text-quaternary);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300
}

.shc-tab.type-text .shc-tab__btn.is-active .shc-tab__btn-text {
    color: var(--Text-text-brand);
    font-weight: 700
}

.shc-tab.type-chip .shc-tab__menu {
    justify-content: flex-start;
    align-items: center;
    margin-top: var(--spacing-xl)
}

.shc-tab.type-chip .shc-tab__btn {
    height: 36px;
    line-height: 36px;
    padding: var(--spacing-none) var(--spacing-xl);
    background-color: var(--Background-bg-graylight);
    border: 1px solid var(--Border-border-secondary);
    border-radius: calc(var(--radius-xl) + var(--radius-sm))
}

.shc-tab.type-chip .shc-tab__btn-text {
    display: inline-flex;
    color: var(--Text-text-secondary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-tab.type-chip .shc-tab__btn.is-active {
    background-color: var(--Background-bg-dark);
    border: none
}

.shc-tab.type-chip .shc-tab__btn.is-active .shc-tab__btn-text {
    color: var(--Text-text-ondark_primary);
    font-weight: 500
}

.shc-tab.type-chip .shc-tab__btn+.shc-tab__btn {
    margin-left: var(--spacing-md)
}

.shc-tab.type-chip .shc-tab__btn:focus-visible {
    outline-offset: 1px
}

.shc-tab.type-card .shc-tab__menu {
    justify-content: center;
    align-items: center;
    height: 58px;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: #24273640
}

.shc-tab.type-card .shc-tab__menu.tab1 {
    background: url(/pconts/static/images/card/travel/issue-use-guide_left.png) no-repeat 0 0;
    background-size: 100% 58px
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-tab.type-card .shc-tab__menu.tab1 {
        background-image: url(/pconts/static/images/card/travel/issue-use-guide_left--dark.png)
    }
}

[data-theme=dark]:not(.no-theme) .shc-tab.type-card .shc-tab__menu.tab1 {
    background-image: url(/pconts/static/images/card/travel/issue-use-guide_left--dark.png)
}

.shc-tab.type-card .shc-tab__menu.tab2 {
    background: url(/pconts/static/images/card/travel/issue-use-guide_right.png) no-repeat 0 0;
    background-size: 100% 58px
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-tab.type-card .shc-tab__menu.tab2 {
        background-image: url(/pconts/static/images/card/travel/issue-use-guide_right--dark.png)
    }
}

[data-theme=dark]:not(.no-theme) .shc-tab.type-card .shc-tab__menu.tab2 {
    background-image: url(/pconts/static/images/card/travel/issue-use-guide_right--dark.png)
}

.shc-tab.type-card .shc-tab__menu .shc-tab__divider {
    display: inline-flex;
    width: 1px;
    height: 14px;
    background-color: var(--Border-border-tertiary)
}

.shc-tab.type-card .shc-tab__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 58px;
    background: transparent
}

.shc-tab.type-card .shc-tab__btn-text {
    display: inline-flex;
    color: var(--Text-text-ondark_primary-same);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 300
}

.shc-tab.type-card .shc-tab__btn.is-active .shc-tab__btn-text {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    color: var(--Text-text-primary);
    font-weight: 700
}

.shc-tab.type-segment .shc-tab__menu {
    position: relative;
    align-items: center;
    padding: var(--spacing-sm);
    background-color: var(--Background-bg-canvas_white)
}

.shc-tab.type-segment .shc-tab__menu:before,
.shc-tab.type-segment .shc-tab__menu:after {
    content: "";
    position: absolute
}

.shc-tab.type-segment .shc-tab__menu:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: var(--Background-bg-gray);
    border-radius: var(--radius-sm)
}

.shc-tab.type-segment .shc-tab__menu:after {
    box-shadow: 0 4px 16px #0c111d0f;
    top: var(--spacing-sm);
    bottom: var(--spacing-sm);
    width: 0;
    left: var(--tab-position);
    border-radius: var(--radius-sm);
    transition: all .25s var(--ease);
    background-color: var(--Background-bg-white);
    z-index: 0
}

.shc-tab.type-segment .shc-tab__menu .shc-tab__btn {
    z-index: 1
}

.shc-tab.type-segment .shc-tab__menu.is-ready:after {
    width: var(--tab-width)
}

.shc-tab.type-segment .shc-tab__menu.is-ready .shc-tab__btn-text {
    font-weight: 500
}

.shc-tab.type-segment .shc-tab__menu[data-status=disabled] {
    pointer-events: none
}

.shc-tab.type-segment .shc-tab__menu[data-status=disabled] .shc-tab__btn-text {
    color: var(--Text-text-disabled-same)
}

.shc-tab.type-segment .shc-tab__menu .shc-tab__btn:disabled,
.shc-tab.type-segment .shc-tab__menu .shc-tab__btn[data-status=disabled] {
    pointer-events: none
}

.shc-tab.type-segment .shc-tab__menu .shc-tab__btn:disabled .shc-tab__btn-text,
.shc-tab.type-segment .shc-tab__menu .shc-tab__btn[data-status=disabled] .shc-tab__btn-text {
    color: var(--Text-text-disabled-same)
}

.shc-tab.type-segment .shc-tab__btn {
    flex: 1;
    min-height: 40px;
    border-radius: var(--radius-sm);
    padding: var(--spacing-md)
}

.shc-tab.type-segment .shc-tab__btn-text {
    display: inline-flex;
    color: var(--Text-text-tertiary);
    padding: var(--spacing-none) var(--spacing-sm);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500
}

.shc-tab.type-segment .shc-tab__btn.is-active .shc-tab__btn-text {
    color: var(--Text-text-primary)
}

.shc-tab.type-subtab>.shc-tab__menu {
    position: relative;
    background-color: var(--Background-bg-canvas_gray_light);
    padding: 0 20px
}

.shc-tab.type-subtab>.shc-tab__menu.left-arrow-show {
    padding-left: 48px
}

.shc-tab.type-subtab>.shc-tab__menu .shc-tab__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    min-height: 48px
}

.shc-tab.type-subtab>.shc-tab__menu .shc-tab__btn-text {
    display: inline-flex;
    color: var(--Text-text-quaternary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-tab.type-subtab>.shc-tab__menu .shc-tab__btn.is-active .shc-tab__btn-text {
    color: var(--Text-text-secondary);
    font-weight: 500
}

.shc-tab.is-sticky {
    position: relative;
    will-change: transform
}

.shc-tab.is-sticky>.shc-tab__menu {
    position: sticky;
    z-index: 100;
    top: 0;
    transform: translateZ(0);
    -webkit-transform: translateZ(0)
}

.shc-tab__panel {
    display: none;
    padding: var(--spacing-xl) var(--container-padding-mobile) 0
}

.shc-tab__panel.is-active {
    display: block
}

.shc-tab__panel.pd--none {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none)
}

.shc-tab__panel .shc-tab.type-subtab {
    width: calc(100% + 2 * var(--container-padding-mobile));
    margin-top: calc(-1 * var(--spacing-xl));
    margin-left: calc(-1 * var(--container-padding-mobile));
    margin-right: calc(-1 * var(--container-padding-mobile))
}

@media (min-width: 1024px) {
    .shc-layered .shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev:before {
        background: linear-gradient(90deg, var(--Background-bg-canvas_white-elevated) 50%, var(--Background-bg-canvas_white_a0-elevated) 100%);
        pointer-events: none
    }

    .shc-layered .shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next:before {
        background: linear-gradient(270deg, var(--Background-bg-canvas_white-elevated) 50%, var(--Background-bg-canvas_white_a0-elevated) 100%);
        pointer-events: none
    }
}

.shc-bottomsheet .shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-prev:before {
    background: linear-gradient(90deg, var(--Background-bg-canvas_white-elevated) 50%, var(--Background-bg-canvas_white_a0-elevated) 100%)
}

.shc-bottomsheet .shc-tab.type-btn.is-scroll>.shc-tab__menu .swiper-button-next:before {
    background: linear-gradient(270deg, var(--Background-bg-canvas_white-elevated) 50%, var(--Background-bg-canvas_white_a0-elevated) 100%)
}

.no-gap .shc-tab.type-text .shc-tab__menu>a:not(:first-child) {
    margin-left: var(--spacing-sm)
}

.shc-table {
    width: 100%;
    position: relative;
    table-layout: fixed;
    border-top: 1px solid var(--Border-border-primary_heavy-same);
    border-collapse: separate
}

.shc-table caption {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0
}

.shc-table th,
.shc-table td {
    min-height: 48px;
    border-bottom: 1px solid var(--Border-border-secondary);
    padding: var(--spacing-lg);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    text-align: center
}

.shc-table th:not(:first-child),
.shc-table th.no-1st,
.shc-table th.border-left,
.shc-table td:not(:first-child),
.shc-table td.no-1st,
.shc-table td.border-left {
    border-left: 1px solid var(--Border-border-secondary)
}

.shc-table th {
    background: var(--Background-bg-canvas_gray_light);
    color: var(--Text-text-secondary)
}

.shc-table td {
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-table.align-right th.align-left,
.shc-table.align-right td.align-left,
.shc-table tr.align-right th.align-left,
.shc-table tr.align-right td.align-left,
.shc-table.align-center th.align-left,
.shc-table.align-center td.align-left,
.shc-table tr.align-center th.align-left,
.shc-table tr.align-center td.align-left,
.shc-table.align-left th.align-left,
.shc-table.align-left td.align-left,
.shc-table tr.align-left th.align-left,
.shc-table tr.align-left td.align-left {
    text-align: left
}

.shc-table.align-right th.align-center,
.shc-table.align-right td.align-center,
.shc-table tr.align-right th.align-center,
.shc-table tr.align-right td.align-center,
.shc-table.align-center th.align-center,
.shc-table.align-center td.align-center,
.shc-table tr.align-center th.align-center,
.shc-table tr.align-center td.align-center,
.shc-table.align-left th.align-center,
.shc-table.align-left td.align-center,
.shc-table tr.align-left th.align-center,
.shc-table tr.align-left td.align-center {
    text-align: center
}

.shc-table.align-right th.align-right,
.shc-table.align-right td.align-right,
.shc-table tr.align-right th.align-right,
.shc-table tr.align-right td.align-right,
.shc-table.align-center th.align-right,
.shc-table.align-center td.align-right,
.shc-table tr.align-center th.align-right,
.shc-table tr.align-center td.align-right,
.shc-table.align-left th.align-right,
.shc-table.align-left td.align-right,
.shc-table tr.align-left th.align-right,
.shc-table tr.align-left td.align-right {
    text-align: right
}

.shc-table.align-left th,
.shc-table.align-left td,
.shc-table tr.align-left th,
.shc-table tr.align-left td {
    text-align: left
}

.shc-table.align-center th,
.shc-table.align-center td,
.shc-table tr.align-center th,
.shc-table tr.align-center td {
    text-align: center
}

.shc-table.align-right th,
.shc-table.align-right td,
.shc-table tr.align-right th,
.shc-table tr.align-right td {
    text-align: right
}

.shc-table__container {
    position: relative;
    width: 100%
}

.shc-table__header {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom: var(--spacing-md)
}

.shc-table__title {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500
}

.shc-table__annotation {
    flex-shrink: 0;
    margin-left: var(--spacing-md);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-table__footer {
    padding-top: 10px
}

.shc-table__shadow {
    position: absolute;
    opacity: .4
}

.shc-table__wrapper {
    overflow: auto;
    padding-bottom: var(--spacing-sm)
}

.shc-table__wrapper .shc-table {
    border-collapse: separate;
    border-spacing: 0
}

.shc-table__wrapper .is-sticky {
    position: sticky;
    z-index: 100
}

.shc-table__wrapper.direction-row .is-sticky {
    left: 0
}

.shc-table__wrapper.direction-row .is-sticky .shc-table__shadow {
    top: 0;
    bottom: 0;
    right: -10px;
    width: 10px;
    background: linear-gradient(to right, #0c111d2e, #0c111d00)
}

.shc-table__wrapper.direction-col .is-sticky {
    top: 0
}

.shc-table__wrapper.direction-col .is-sticky .shc-table__shadow {
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
    background: linear-gradient(to bottom, #0c111d2e, #0c111d00)
}

.shc-table__information {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-md);
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 300
}

.shc-table.p--none thead th {
    padding-left: 0;
    padding-right: 0
}

.shc-table.p--none tbody th,
.shc-table.p--none tbody td {
    padding: 0
}

.shc-accordion {
    border-bottom: 1px solid var(--Border-border-secondary)
}

.shc-accordion__trigger {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--spacing-2xl)
}

.shc-accordion__trigger:before {
    content: "";
    position: absolute;
    right: var(--spacing-2xl);
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    width: 20px;
    height: 20px;
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-accordion__trigger.is-active:before {
    transform: translateY(-50%) rotate(270deg)
}

.shc-accordion .shc-icon {
    flex-shrink: 0
}

.shc-accordion__text {
    color: var(--Text-text-secondary);
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    text-align: left;
    padding-right: 28px
}

.shc-accordion__content {
    transition: padding .1s linear;
    display: none;
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

.shc-accordion__trigger.is-active+.shc-accordion__content {
    display: block;
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-3xl)
}

.shc-accordion.type-solid,
.shc-accordion.type-terms,
.shc-accordion.type-bridge {
    border-bottom: unset
}

.shc-accordion.type-solid .shc-accordion__trigger {
    border-bottom: none;
    border-radius: var(--radius-xl);
    background-color: var(--Background-bg-graylight)
}

.shc-accordion.type-solid .shc-accordion__trigger.is-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.shc-accordion.type-solid .shc-accordion__content {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
    background-color: var(--Background-bg-graylight)
}

.shc-accordion.type-solid.border .shc-accordion__trigger {
    background: var(--Background-bg-canvas_white);
    border: 1px solid var(--Border-border-secondary)
}

.shc-accordion.type-solid.border .shc-accordion__trigger.is-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0
}

.shc-accordion.type-solid.border .shc-accordion__content {
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
    background: var(--Background-bg-canvas_white);
    border: 1px solid var(--Border-border-secondary);
    border-top: 0
}

.shc-accordion.type-terms {
    display: flex;
    flex-wrap: wrap;
    border-radius: var(--radius-xl)
}

.shc-accordion.type-terms:not(.card) {
    padding: var(--spacing-xl) var(--spacing-2xl);
    background-color: var(--Background-bg-graylight)
}

.shc-accordion.type-terms>.shc-checkbox {
    flex: 1
}

.shc-accordion.type-terms .shc-accordion__trigger {
    align-self: flex-start;
    flex-shrink: 0;
    margin-left: var(--spacing-md);
    padding: var(--spacing-none);
    width: 24px;
    height: 24px
}

.shc-accordion.type-terms .shc-accordion__trigger:before {
    right: 0
}

.shc-accordion.type-terms>.shc-accordion__content {
    width: 100%;
    padding: var(--spacing-none)
}

.shc-accordion.type-terms>.shc-accordion__content .shc-terms__row:last-child>.shc-accordion__content {
    padding-bottom: var(--spacing-none)
}

.shc-accordion.type-terms .shc-terms__row>.shc-accordion__content,
.shc-accordion.type-terms.card>.shc-accordion__content {
    padding-left: 32px;
    padding-right: var(--spacing-none);
    padding-bottom: var(--spacing-none)
}

.shc-accordion.type-terms:not(.card).is-open>.shc-accordion__content {
    padding-top: var(--spacing-xl)
}

.shc-accordion.type-terms:not(.process):not(.card)>.shc-checkbox .shc-checkbox__label,
.shc-accordion.type-terms:not(.process):not(.card)>.shc-terms__main .shc-checkbox .shc-checkbox__label {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500
}

.shc-accordion.type-terms:not(.process):not(.card)>.shc-checkbox strong.shc-checkbox__label,
.shc-accordion.type-terms:not(.process):not(.card)>.shc-terms__main .shc-checkbox strong.shc-checkbox__label {
    font-weight: var(--font-weight-bold)
}

.shc-accordion.type-terms:not(.process):not(.card)>.shc-accordion__content>.shc-terms__row>.shc-terms__main .shc-checkbox .shc-checkbox__label {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-accordion.type-terms:not(.process):not(.card)>.shc-accordion__content>.shc-terms__row>.shc-terms__main .shc-checkbox strong.shc-checkbox__label {
    font-weight: var(--font-weight-bold)
}

.shc-accordion.type-terms.process>.shc-checkbox .shc-checkbox__label {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-accordion.type-terms.process>.shc-checkbox strong.shc-checkbox__label {
    font-weight: var(--font-weight-bold)
}

.shc-accordion.type-terms.process .shc-terms__row .shc-terms__main>.shc-checkbox .shc-checkbox__label {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-accordion.type-terms.process .shc-terms__row .shc-terms__main>.shc-checkbox em.shc-checkbox__label {
    font-style: normal;
    font-weight: var(--font-weight-medium)
}

.shc-accordion.type-terms.process .shc-terms__row .shc-terms__main>.shc-checkbox strong.shc-checkbox__label {
    font-weight: var(--font-weight-bold)
}

.shc-accordion.type-terms.card {
    padding: var(--spacing-md) var(--spacing-2xl) var(--spacing-md) var(--spacing-2xl);
    box-shadow: inset 0 0 0 1px var(--Border-border-secondary)
}

.shc-accordion.type-terms.card .shc-terms__main {
    padding: var(--spacing-lg) var(--spacing-none)
}

.shc-accordion.type-terms.card .shc-terms__row {
    padding: var(--spacing-none)
}

.shc-accordion.type-terms.card>.shc-checkbox .shc-checkbox__label,
.shc-accordion.type-terms.card>.shc-terms__main .shc-checkbox .shc-checkbox__label {
    font-weight: 500
}

.shc-accordion.type-terms.card.is-open .shc-accordion__content {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-md)
}

.shc-accordion.type-terms.card.is-open>.shc-accordion__content {
    padding-top: var(--spacing-none);
    padding-left: var(--spacing-3xl)
}

.shc-accordion.type-terms.card+.shc-terms {
    margin-top: var(--spacing-md)
}

.shc-accordion.type-bridge .shc-accordion__trigger {
    border-radius: var(--radius-xl);
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg);
    min-height: 58px;
    background-color: var(--Background-bg-graylight)
}

.shc-accordion.type-bridge .shc-accordion__trigger:before {
    background-color: var(--Foreground-fg-tertiary)
}

.shc-accordion.type-bridge .shc-accordion__trigger.is-active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.shc-accordion.type-bridge .shc-accordion__text {
    color: var(--Text-text-secondary);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700
}

.shc-accordion.type-bridge .shc-accordion__content {
    padding: var(--spacing-none) var(--spacing-none) var(--spacing-md);
    border-bottom-left-radius: var(--radius-xl);
    border-bottom-right-radius: var(--radius-xl);
    background-color: var(--Background-bg-graylight)
}

.shc-accordion.type-bridge.is-open .shc-accordion__trigger,
.shc-accordion.type-bridge.is-open .shc-accordion__content {
    background-color: var(--Background-bg-graylight)
}

.shc-accordion.process .shc-checkbox__label {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-accordion.process .shc-accordion__content .shc-checbox__label {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-layered {
    display: none;
    flex-direction: column;
    position: fixed;
    background: var(--Background-bg-canvas_white-elevated);
    overflow: hidden;
    z-index: 1000
}

@media (max-width: 1023px) {
    .shc-layered ::-webkit-scrollbar-track {
        background-color: var(--Background-bg-canvas_white)
    }
}

@media (min-width: 1024px) {
    .shc-layered ::-webkit-scrollbar-track {
        background-color: var(--Background-bg-canvas_white-elevated)
    }
}

.shc-layered .shc-table__wrapper::-webkit-scrollbar-track {
    margin: 0
}

.shc-layered.with-tab ::-webkit-scrollbar-button:vertical:start:decrement {
    display: block;
    pointer-events: none;
    background-color: transparent
}

@media (max-width: 1023px) {
    .shc-layered {
        left: 0;
        width: 100%;
        height: 100%;
        background: var(--Background-bg-canvas_white)
    }

    .shc-layered .shc-tab.type-segment .shc-tab__menu {
        background-color: var(--Background-bg-canvas_white)
    }

    .shc-layered ::-webkit-scrollbar-button:vertical:start:decrement {
        height: 50px
    }
}

@media (min-width: 1024px) {
    .shc-layered {
        left: 50%;
        transform: translate(-50%, -50%);
        width: min(100%, 375px);
        max-height: min(100%, 640px);
        border-radius: var(--radius-2xl)
    }

    .shc-layered.with-tab {
        height: 640px
    }

    .shc-layered.with-tab ::-webkit-scrollbar-button:vertical:start:decrement {
        height: 51px
    }

    .shc-layered .shc-tab.type-segment .shc-tab__menu {
        background-color: var(--Background-bg-canvas_white-elevated)
    }
}

.shc-layered__header {
    display: flex;
    flex-shrink: 0;
    min-height: 56px
}

.shc-layered__header .shc-icon:first-child {
    margin-right: var(--spacing-md)
}

@media (max-width: 1023px) {
    .shc-layered__header {
        padding: 15px var(--spacing-2xl) 15px
    }
}

@media (min-width: 1024px) {
    .shc-layered__header {
        padding: var(--spacing-2xl) var(--spacing-2xl)
    }
}

.shc-layered__title {
    flex: 1;
    padding-right: 32px
}

@media (max-width: 1023px) {
    .shc-layered__title {
        color: var(--Text-text-primary);
        font-size: var(--size-title-M);
        letter-spacing: var(--letterspace-title-M);
        line-height: var(--lineheight-title-M);
        font-weight: 500
    }
}

@media (min-width: 1024px) {
    .shc-layered__title {
        color: var(--Text-text-secondary);
        font-size: var(--size-title-L);
        letter-spacing: var(--letterspace-title-L);
        line-height: var(--lineheight-title-L);
        font-weight: 500
    }
}

.shc-layered__content {
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    min-height: 0;
    flex: 1;
    padding-top: 0;
    padding-bottom: var(--spacing-5xl)
}

@media (max-width: 1023px) {
    .shc-layered__content {
        padding-top: var(--spacing-xl)
    }
}

.shc-layered__content:not(.is-full) {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

@media (max-width: 1023px) and (min-width: 620px) {
    .shc-layered__content:not(.is-full) {
        padding-left: calc((100vw - 583px)/2);
        padding-right: calc((100vw - 583px)/2)
    }
}

@media (max-width: 1023px) and (min-width: 620px) {
    .shc-layered__content.is-full {
        padding-left: calc((100vw - 623px)/2);
        padding-right: calc((100vw - 623px)/2)
    }
}

.shc-layered__content.with-tab {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none)
}

.shc-layered__content.with-tab .shc-tab__menu {
    position: sticky;
    top: 0;
    z-index: 1
}

@media (max-width: 1023px) {
    .shc-layered__content.with-tab .shc-tab.type-btn>.shc-tab__menu {
        background-color: var(--Background-bg-canvas_white)
    }
}

@media (min-width: 1024px) {
    .shc-layered__content.with-tab .shc-tab.type-btn>.shc-tab__menu {
        background-color: var(--Background-bg-canvas_white-elevated)
    }
}

@media (max-width: 1023px) {
    .shc-layered__content.with-tab .shc-tab.type-btn:not(.is-scroll)>.shc-tab__menu {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 1023px) and (min-width: 620px) {
    .shc-layered__content.with-tab .shc-tab.type-btn:not(.is-scroll)>.shc-tab__menu {
        margin-left: calc((100vw - 623px)/-2);
        margin-right: calc((100vw - 623px)/-2)
    }
}

@media (max-width: 1023px) {
    .shc-layered__content.no-btn {
        padding-bottom: var(--spacing-lg)
    }
}

@media (min-width: 1024px) {
    .shc-layered__content.no-btn {
        padding-bottom: var(--spacing-2xl)
    }
}

.shc-layered__content.no-btn+.no-btn {
    height: 20px;
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: content-box
}

.shc-layered__footer {
    flex-shrink: 0;
    position: relative;
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

.shc-layered__footer .shc-btn-group {
    transform: translateY(1px);
    max-width: 580px;
    margin-left: auto;
    margin-right: auto
}

.shc-layered__footer:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 100%;
    transform: translate(-50%);
    width: 100%;
    max-width: 620px;
    height: var(--spacing-3xl);
    z-index: 1
}

@media (max-width: 1023px) {
    .shc-layered__footer:before {
        background: linear-gradient(to bottom, var(--Background-bg-canvas_white_a0, rgba(255, 255, 255, 0)) 0%, var(--Background-bg-canvas_white, #fff) 100%)
    }
}

@media (min-width: 1024px) {
    .shc-layered__footer:before {
        background: linear-gradient(to bottom, var(--Background-bg-canvas_white_a0-elevated, rgba(255, 255, 255, 0)) 0%, var(--Background-bg-canvas_white-elevated, #fff) 100%)
    }
}

.shc-layered__footer:not(.no-btn) {
    padding-bottom: max(env(safe-area-inset-bottom), var(--spacing-2xl))
}

@media (max-width: 1023px) {
    .shc-layered__footer.no-btn:before {
        content: none
    }
}

.shc-layered__close {
    position: absolute;
    right: 20px;
    width: 24px;
    height: 24px
}

@media (max-width: 1023px) {
    .shc-layered__close {
        top: 16px
    }
}

@media (min-width: 1024px) {
    .shc-layered__close {
        top: 22px
    }
}

.shc-layered.is-active {
    display: flex
}

@media (min-width: 1024px) {
    .shc-layered.is-active {
        animation: fullpopup-in-pc .5s var(--ease-strong-in) forwards
    }
}

@media (max-width: 1023px) {
    .shc-layered.is-active {
        animation: fullpopup-in .5s var(--ease-strong-in) forwards
    }
}

@media (max-width: 1023px) {
    .shc-layered.is-active:focus-visible {
        outline: none
    }
}

.shc-layered.is-closing {
    display: flex
}

@media (min-width: 1024px) {
    .shc-layered.is-closing {
        animation: fullpopup-out-pc .2s var(--ease-strong-out) forwards
    }
}

@media (max-width: 1023px) {
    .shc-layered.is-closing {
        animation: fullpopup-out .2s var(--ease-strong-out) forwards
    }
}

.shc-layered .shc-input input[type=text]:-webkit-autofill,
.shc-layered .shc-input input[type=text]:-webkit-autofill:hover,
.shc-layered .shc-input input[type=text]:-webkit-autofill:focus,
.shc-layered .shc-input input[type=text]:-webkit-autofill:active,
.shc-layered .shc-input input[type=text]:autofill,
.shc-layered .shc-input input[type=text]:autofill:hover,
.shc-layered .shc-input input[type=text]:autofill:focus,
.shc-layered .shc-input input[type=text]:autofill:active,
.shc-layered .shc-input input[type=password]:-webkit-autofill,
.shc-layered .shc-input input[type=password]:-webkit-autofill:hover,
.shc-layered .shc-input input[type=password]:-webkit-autofill:focus,
.shc-layered .shc-input input[type=password]:-webkit-autofill:active,
.shc-layered .shc-input input[type=password]:autofill,
.shc-layered .shc-input input[type=password]:autofill:hover,
.shc-layered .shc-input input[type=password]:autofill:focus,
.shc-layered .shc-input input[type=password]:autofill:active,
.shc-layered .shc-input input[type=number]:-webkit-autofill,
.shc-layered .shc-input input[type=number]:-webkit-autofill:hover,
.shc-layered .shc-input input[type=number]:-webkit-autofill:focus,
.shc-layered .shc-input input[type=number]:-webkit-autofill:active,
.shc-layered .shc-input input[type=number]:autofill,
.shc-layered .shc-input input[type=number]:autofill:hover,
.shc-layered .shc-input input[type=number]:autofill:focus,
.shc-layered .shc-input input[type=number]:autofill:active,
.shc-layered .shc-input input[type=email]:-webkit-autofill,
.shc-layered .shc-input input[type=email]:-webkit-autofill:hover,
.shc-layered .shc-input input[type=email]:-webkit-autofill:focus,
.shc-layered .shc-input input[type=email]:-webkit-autofill:active,
.shc-layered .shc-input input[type=email]:autofill,
.shc-layered .shc-input input[type=email]:autofill:hover,
.shc-layered .shc-input input[type=email]:autofill:focus,
.shc-layered .shc-input input[type=email]:autofill:active,
.shc-layered .shc-input input[type=tel]:-webkit-autofill,
.shc-layered .shc-input input[type=tel]:-webkit-autofill:hover,
.shc-layered .shc-input input[type=tel]:-webkit-autofill:focus,
.shc-layered .shc-input input[type=tel]:-webkit-autofill:active,
.shc-layered .shc-input input[type=tel]:autofill,
.shc-layered .shc-input input[type=tel]:autofill:hover,
.shc-layered .shc-input input[type=tel]:autofill:focus,
.shc-layered .shc-input input[type=tel]:autofill:active,
.shc-layered .shc-input textarea:-webkit-autofill,
.shc-layered .shc-input textarea:-webkit-autofill:hover,
.shc-layered .shc-input textarea:-webkit-autofill:focus,
.shc-layered .shc-input textarea:-webkit-autofill:active,
.shc-layered .shc-input textarea:autofill,
.shc-layered .shc-input textarea:autofill:hover,
.shc-layered .shc-input textarea:autofill:focus,
.shc-layered .shc-input textarea:autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px var(--Background-bg-canvas_white-elevated) inset;
    box-shadow: 0 0 0 1000px var(--Background-bg-canvas_white-elevated) inset;
    -webkit-text-fill-color: var(--Text-text-primary)
}

@keyframes fullpopup-in-pc {
    0% {
        opacity: 0;
        top: 60%
    }

    to {
        opacity: 1;
        top: 50%
    }
}

@keyframes fullpopup-out-pc {
    0% {
        opacity: 1;
        top: 50%
    }

    to {
        opacity: 0;
        top: 60%
    }
}

@keyframes fullpopup-in {
    0% {
        opacity: 1;
        top: 10%
    }

    to {
        opacity: 1;
        top: 0
    }
}

@keyframes fullpopup-out {
    0% {
        opacity: 1;
        top: 0
    }

    to {
        opacity: 0;
        top: 10%
    }
}

.shc-layered.in-barcode {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-7xl) var(--spacing-2xl)
}

.shc-modal {
    display: none;
    pointer-events: none;
    flex-direction: column;
    position: fixed;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--Background-bg-canvas_white-elevated);
    border-radius: var(--radius-xl);
    padding: var(--spacing-4xl) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl);
    transition-duration: .2s;
    transition-timing-function: var(--ease-strong-out);
    transition-property: opacity, top;
    top: 70%
}

@media (max-width: 1023px) {
    .shc-modal {
        width: min(100% - var(--spacing-2xl) * 2, 580px)
    }
}

@media (min-width: 1024px) {
    .shc-modal {
        width: min(100% - var(--spacing-2xl) * 2, 325px)
    }
}

.shc-modal .shc-icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: var(--spacing-lg)
}

.shc-modal__title {
    color: var(--Text-text-primary);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 700
}

.shc-modal__error-code {
    margin-top: var(--spacing-sm);
    color: var(--Text-text-negative-same);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-modal__title+.shc-modal__text,
.shc-modal__error-code+.shc-modal__text {
    margin-top: var(--spacing-md)
}

.shc-modal__text {
    color: var(--Text-text-tertiary, #475467);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-modal .shc-btn-group {
    margin-top: var(--spacing-3xl)
}

.shc-modal.align-center {
    text-align: center
}

.shc-modal.is-active {
    display: flex;
    pointer-events: auto;
    animation: modal-in .5s var(--ease-strong-in) forwards
}

@media (max-width: 1023px) {
    .shc-modal.is-active:focus-visible {
        outline: none
    }
}

.shc-modal.is-closing {
    display: flex;
    animation: modal-out .2s var(--ease-strong-out) forwards
}

@keyframes modal-in {
    0% {
        opacity: 0;
        top: 60%
    }

    to {
        opacity: 1;
        top: 50%
    }
}

@keyframes modal-out {
    0% {
        opacity: 1;
        top: 50%
    }

    to {
        opacity: 0;
        top: 60%
    }
}

@keyframes bottomsheet-in {
    0% {
        opacity: 0;
        transform: translate(-50%, 120%)
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

@keyframes bottomsheet-in-pc {
    0% {
        opacity: 0;
        transform: translate(-50%, calc(50% + var(--vh) * 100))
    }

    to {
        opacity: 1;
        transform: translate(-50%, 50%)
    }
}

@keyframes bottomsheet-out {
    0% {
        opacity: 1;
        transform: translate(-50%)
    }

    to {
        opacity: 0;
        transform: translate(-50%, 120%)
    }
}

@keyframes bottomsheet-out-pc {
    0% {
        opacity: 1;
        transform: translate(-50%, 50%)
    }

    to {
        opacity: 0;
        transform: translate(-50%, calc(50% + var(--vh) * 100))
    }
}

.shc-bottomsheet__footer:before,
.shc-bottomsheet__content .is-bottom-sticky:before {
    background: linear-gradient(to bottom, var(--Background-bg-canvas_white_a0-elevated, rgba(255, 255, 255, 0)) 0%, var(--Background-bg-canvas_white-elevated, #fff) 100%)
}

.shc-bottomsheet {
    display: flex;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    overflow: hidden;
    flex-direction: column;
    position: fixed;
    left: 50%;
    bottom: 0;
    max-height: calc(var(--vh) * 90);
    background: var(--Background-bg-canvas_white-elevated);
    box-shadow: 0 4px 16px #0c111d24;
    transform: translate(-50%, 120%);
    transition-duration: .2s;
    transition-timing-function: var(--ease-strong-out);
    transition-property: opacity, bottom
}

.shc-bottomsheet ::-webkit-scrollbar-track {
    background-color: var(--Background-bg-canvas_white-elevated)
}

.shc-bottomsheet .shc-table__wrapper::-webkit-scrollbar-track {
    margin: 0
}

.shc-bottomsheet.is-active {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    transition-timing-function: var(--ease-strong-in)
}

.shc-bottomsheet.is-active .shc-select__option-item-text,
.shc-bottomsheet.is-active .shc-dropdown__option-item-text {
    transform: translateZ(0)
}

@media (max-width: 1023px) {
    .shc-bottomsheet.is-active:focus-visible {
        outline: none
    }
}

.shc-bottomsheet .shc-input input[type=text]:-webkit-autofill,
.shc-bottomsheet .shc-input input[type=text]:-webkit-autofill:hover,
.shc-bottomsheet .shc-input input[type=text]:-webkit-autofill:focus,
.shc-bottomsheet .shc-input input[type=text]:-webkit-autofill:active,
.shc-bottomsheet .shc-input input[type=text]:autofill,
.shc-bottomsheet .shc-input input[type=text]:autofill:hover,
.shc-bottomsheet .shc-input input[type=text]:autofill:focus,
.shc-bottomsheet .shc-input input[type=text]:autofill:active,
.shc-bottomsheet .shc-input input[type=password]:-webkit-autofill,
.shc-bottomsheet .shc-input input[type=password]:-webkit-autofill:hover,
.shc-bottomsheet .shc-input input[type=password]:-webkit-autofill:focus,
.shc-bottomsheet .shc-input input[type=password]:-webkit-autofill:active,
.shc-bottomsheet .shc-input input[type=password]:autofill,
.shc-bottomsheet .shc-input input[type=password]:autofill:hover,
.shc-bottomsheet .shc-input input[type=password]:autofill:focus,
.shc-bottomsheet .shc-input input[type=password]:autofill:active,
.shc-bottomsheet .shc-input input[type=number]:-webkit-autofill,
.shc-bottomsheet .shc-input input[type=number]:-webkit-autofill:hover,
.shc-bottomsheet .shc-input input[type=number]:-webkit-autofill:focus,
.shc-bottomsheet .shc-input input[type=number]:-webkit-autofill:active,
.shc-bottomsheet .shc-input input[type=number]:autofill,
.shc-bottomsheet .shc-input input[type=number]:autofill:hover,
.shc-bottomsheet .shc-input input[type=number]:autofill:focus,
.shc-bottomsheet .shc-input input[type=number]:autofill:active,
.shc-bottomsheet .shc-input input[type=email]:-webkit-autofill,
.shc-bottomsheet .shc-input input[type=email]:-webkit-autofill:hover,
.shc-bottomsheet .shc-input input[type=email]:-webkit-autofill:focus,
.shc-bottomsheet .shc-input input[type=email]:-webkit-autofill:active,
.shc-bottomsheet .shc-input input[type=email]:autofill,
.shc-bottomsheet .shc-input input[type=email]:autofill:hover,
.shc-bottomsheet .shc-input input[type=email]:autofill:focus,
.shc-bottomsheet .shc-input input[type=email]:autofill:active,
.shc-bottomsheet .shc-input input[type=tel]:-webkit-autofill,
.shc-bottomsheet .shc-input input[type=tel]:-webkit-autofill:hover,
.shc-bottomsheet .shc-input input[type=tel]:-webkit-autofill:focus,
.shc-bottomsheet .shc-input input[type=tel]:-webkit-autofill:active,
.shc-bottomsheet .shc-input input[type=tel]:autofill,
.shc-bottomsheet .shc-input input[type=tel]:autofill:hover,
.shc-bottomsheet .shc-input input[type=tel]:autofill:focus,
.shc-bottomsheet .shc-input input[type=tel]:autofill:active,
.shc-bottomsheet .shc-input textarea:-webkit-autofill,
.shc-bottomsheet .shc-input textarea:-webkit-autofill:hover,
.shc-bottomsheet .shc-input textarea:-webkit-autofill:focus,
.shc-bottomsheet .shc-input textarea:-webkit-autofill:active,
.shc-bottomsheet .shc-input textarea:autofill,
.shc-bottomsheet .shc-input textarea:autofill:hover,
.shc-bottomsheet .shc-input textarea:autofill:focus,
.shc-bottomsheet .shc-input textarea:autofill:active {
    -webkit-box-shadow: 0 0 0px 1000px var(--Background-bg-canvas_white-elevated) inset;
    box-shadow: 0 0 0 1000px var(--Background-bg-canvas_white-elevated) inset;
    -webkit-text-fill-color: var(--Text-text-primary)
}

@media (min-width: 1024px) {
    .shc-bottomsheet.with-tab {
        height: 640px
    }
}

.shc-bottomsheet.with-tab ::-webkit-scrollbar-button:vertical:start:decrement {
    display: block;
    height: 51px;
    pointer-events: none;
    background-color: transparent
}

.shc-bottomsheet .shc-listcard.type-outline,
.shc-bottomsheet .shc-tab.type-segment .shc-tab__menu {
    background-color: var(--Background-bg-canvas_white-elevated)
}

@media (max-width: 1023px) {
    .shc-bottomsheet {
        width: min(100%, 580px);
        border-radius: var(--radius-2xl) var(--radius-2xl) var(--radius-none) var(--radius-none)
    }

    .shc-bottomsheet.is-active {
        animation: bottomsheet-in .5s var(--ease-strong-in) forwards
    }

    .shc-bottomsheet.is-closing {
        animation: bottomsheet-out .2s var(--ease-strong-out) forwards
    }
}

@media (min-width: 1024px) {
    .shc-bottomsheet {
        width: min(100%, 375px);
        border-radius: var(--radius-2xl);
        max-height: 640px
    }

    .shc-bottomsheet.is-active {
        bottom: 50%;
        animation: bottomsheet-in-pc .5s var(--ease-strong-in) forwards
    }

    .shc-bottomsheet.is-closing {
        bottom: 50%;
        animation: bottomsheet-out-pc .2s var(--ease-strong-out) forwards
    }
}

.shc-bottomsheet__header {
    position: relative;
    display: flex;
    padding: 0 52px 0 var(--spacing-2xl);
    align-items: center;
    flex-shrink: 0;
    min-height: 24px
}

.shc-bottomsheet__header:empty {
    height: 24px
}

.shc-bottomsheet__header .shc-icon:first-child {
    margin-right: var(--spacing-md)
}

.shc-bottomsheet__title {
    display: flex;
    flex-direction: column;
    color: var(--Text-text-primary);
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 500;
    margin-top: var(--spacing-2xl);
    margin-bottom: var(--spacing-2xl)
}

.shc-bottomsheet__content {
    overflow-y: auto;
    flex: 1;
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-5xl);
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

.shc-bottomsheet__content.is-full {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none)
}

@media (max-width: 1023px) {
    .shc-bottomsheet__content.is-full.with-tab .shc-tab.type-btn:not(.is-scroll)>.shc-tab__menu {
        margin-left: 0;
        margin-right: 0
    }
}

.shc-bottomsheet__content .is-bottom-sticky {
    position: sticky;
    z-index: 1;
    bottom: 0;
    margin: 0 calc(var(--spacing-2xl) * -1);
    transform: translateY(var(--spacing-5xl));
    padding: var(--spacing-3xl) var(--spacing-2xl) var(--spacing-5xl);
    background-color: var(--Background-bg-canvas_white-elevated)
}

.shc-bottomsheet__content .is-bottom-sticky:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    height: var(--spacing-2xl)
}

.shc-bottomsheet__content.with-tab {
    position: relative;
    padding-top: var(--spacing-none);
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none)
}

.shc-bottomsheet__content.with-tab .shc-tab__menu {
    position: sticky;
    top: 0;
    z-index: 1
}

.shc-bottomsheet__content.with-tab .shc-tab__btn:focus-visible {
    outline-offset: -2px
}

.shc-bottomsheet__content.with-tab .shc-tab.type-btn>.shc-tab__menu {
    background-color: var(--Background-bg-canvas_white-elevated)
}

@media (max-width: 1023px) {
    .shc-bottomsheet__content.with-tab .shc-tab.type-btn>.shc-tab__menu {
        margin-left: 0;
        margin-right: 0
    }
}

.shc-bottomsheet__content.with-tab .is-bottom-sticky {
    margin: 0
}

.shc-bottomsheet__content.no-btn {
    padding-bottom: var(--spacing-2xl)
}

.shc-bottomsheet__content.no-btn+.no-btn {
    height: 20px;
    padding-bottom: env(safe-area-inset-bottom);
    box-sizing: content-box
}

.shc-bottomsheet__footer {
    flex-shrink: 0;
    position: relative;
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

.shc-bottomsheet__footer:not(.no-btn) {
    padding-bottom: max(env(safe-area-inset-bottom), var(--spacing-2xl))
}

.shc-bottomsheet__footer:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 100%;
    height: var(--spacing-3xl);
    z-index: 1
}

.shc-bottomsheet__footer .shc-btn-group {
    transform: translateY(1px)
}

.shc-bottomsheet .shc-layered__close {
    position: absolute;
    right: 20px;
    width: 24px;
    height: 24px;
    top: 22px;
    transform: translateZ(0)
}

.shc-bottomsheet.type-information .shc-bottomsheet__header {
    padding-bottom: var(--spacing-lg)
}

.shc-bottomsheet.type-information .shc-bottomsheet__notice {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-bottomsheet.type-information .shc-ul {
    display: flex;
    gap: var(--spacing-md);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-bottomsheet .shc-dropdown.is-open .shc-dropdown__option {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md)
}

.shc-bottomsheet .in-bottomsheet>.shc-input:first-child {
    margin: 0 var(--spacing-xl) var(--spacing-xl)
}

.shc-bottomsheet .size-56 .shc-card-info__img {
    width: 48px;
    height: 48px
}

.shc-bottomsheet.shc-card-list .shc-bottomsheet__content {
    max-height: 556px
}

.shc-bottomsheet.shc-card-list .shc-dropdown__option {
    display: flex;
    flex-direction: column;
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

.shc-bottomsheet.shc-card-list .shc-dropdown__option-item {
    padding: var(--spacing-none)
}

.shc-bottomsheet.shc-card-list .shc-dropdown__option-item:not(:first-child) {
    margin-top: var(--spacing-lg)
}

.shc-bottomsheet.shc-card-list .shc-dropdown__option-item:after {
    content: none
}

.shc-bottomsheet.shc-card-list .shc-dropdown__option-item:active {
    border-radius: var(--radius-xl)
}

.shc-bottomsheet.shc-card-list .shc-dropdown__option-item.is-active {
    background-color: transparent
}

.shc-bottomsheet.shc-card-list .shc-dropdown__option-item.is-active .shc-card-info {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-bottomsheet.shc-card-list .shc-card-info {
    padding: var(--spacing-xl) var(--spacing-2xl);
    box-shadow: inset 0 0 0 1px var(--Border-border-secondary);
    border-radius: var(--radius-xl)
}

#commonMonthpicker,
#commonDatepicker {
    height: calc(var(--vh) * 90)
}

#commonMonthpicker .shc-bottomsheet__footer:before,
#commonDatepicker .shc-bottomsheet__footer:before {
    content: none
}

@media screen and (min-height: 690px) {

    #commonMonthpicker,
    #commonDatepicker {
        height: 621px
    }
}

.no-gap .shc-bottomsheet.type-information .shc-ul>li:not(:first-child) {
    margin-top: var(--spacing-md)
}

.no-gap .shc-dropdown.is-open .shc-dropdown__option>li:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-bottomsheet .size-56 .shc-card-info__img~.shc-badge--number {
    right: calc(100% - 48px)
}

.shc-bottomsheet .shc-card-info .shc-badge--number,
.shc-bottomsheet .shc-card-info-item .shc-badge--number {
    transform: translate(var(--spacing-2xl))
}

.shc-feedback {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    pointer-events: none;
    z-index: 500;
    word-break: break-all
}

.shc-feedback__top {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 var(--spacing-2xl);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md)
}

.shc-feedback__bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 var(--spacing-2xl);
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    gap: var(--spacing-md)
}

.shc-snackbar {
    align-items: flex-start;
    width: 335px
}

.shc-toast {
    align-items: center;
    max-width: 280px
}

.shc-toast,
.shc-snackbar {
    display: inline-flex;
    padding: var(--spacing-lg) var(--spacing-xl);
    opacity: 0;
    transform: translateY(0);
    transition: opacity .3s, transform .3s;
    pointer-events: auto
}

.shc-toast.is-active,
.shc-snackbar.is-active {
    opacity: 1;
    transform: translateY(0)
}

.shc-toast__img,
.shc-snackbar__img {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-right: var(--spacing-md);
    object-fit: contain;
    position: relative
}

.shc-toast__content,
.shc-snackbar__content {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xs);
    flex: 1
}

.shc-toast__message,
.shc-snackbar__message {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500
}

.shc-toast__subtext,
.shc-snackbar__subtext {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300
}

.shc-toast.position-bottom,
.shc-snackbar.position-bottom {
    transform: translateY(20px)
}

.shc-toast.position-top,
.shc-snackbar.position-top {
    transform: translateY(-20px)
}

.shc-toast.is-active.position-bottom,
.shc-snackbar.is-active.position-bottom,
.shc-toast.is-active.position-top,
.shc-snackbar.is-active.position-top {
    transform: translateY(0)
}

.shc-snackbar {
    background: var(--Background-bg-dark_a90-same);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    box-shadow: 0 2px 6px #0003;
    border-radius: var(--radius-md)
}

.shc-snackbar .shc-icon {
    background-color: var(--Text-text-ondark_primary-same)
}

.shc-snackbar__message {
    color: var(--Text-text-ondark_primary-same)
}

.shc-snackbar__subtext {
    color: var(--Text-text-ondark_secondary-same)
}

.shc-snackbar__action {
    flex-shrink: 0;
    align-self: center;
    margin-left: var(--spacing-xl);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-ondark_brand-same)
}

.shc-snackbar__action:focus-visible {
    outline: 2px solid var(--white);
    outline-offset: 4px
}

.shc-toast:not(.is-multiline) {
    border-radius: var(--radius-full)
}

.shc-toast.is-multiline {
    border-radius: var(--radius-md)
}

.shc-toast.position-bottom {
    background-color: var(--Background-bg-dark_a90-same);
    box-shadow: 0 2px 6px #0003;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px)
}

.shc-toast.position-bottom .shc-toast__message {
    color: var(--Text-text-ondark_primary-same)
}

.shc-toast.position-bottom .shc-toast__subtext {
    color: var(--Text-text-ondark_secondary-same)
}

.shc-toast.position-bottom .shc-icon {
    background-color: var(--Text-text-ondark_primary-same)
}

.shc-toast.position-top {
    background-color: var(--Background-bg-white-elevated);
    box-shadow: 0 4px 16px #0c111d1a
}

.shc-toast.position-top .shc-toast__message,
.shc-toast.position-top .shc-toast__subtext {
    color: var(--Text-text-primary)
}

.shc-toast.position-top .shc-icon {
    background-color: var(--Text-text-primary)
}

.shc-overflow-menu {
    display: none;
    position: absolute;
    z-index: 500;
    flex-direction: column;
    max-width: calc(100vw - 40px);
    padding: var(--spacing-sm) 0;
    border-radius: var(--radius-xl);
    background: var(--Background-bg-canvas_white-elevated);
    box-shadow: 0 4px 16px #0c111d1a
}

.shc-overflow-menu.is-active {
    display: flex
}

.shc-overflow-menu.from-left {
    animation: overflowMenuInLeft .3s var(--ease) forwards
}

.shc-overflow-menu.from-right {
    animation: overflowMenuInRight .3s var(--ease) forwards
}

.shc-overflow-menu>li:not(:first-child):not(.shc-overflow-menu__close) {
    border-top: 1px solid var(--Border-border-tertiary)
}

.shc-overflow-menu .shc-overflow-menu__close {
    position: absolute;
    bottom: calc(100% + var(--spacing-sm));
    right: 0
}

.shc-overflow-menu .shc-overflow-menu__close button {
    vertical-align: bottom
}

.shc-overflow-menu .shc-overflow-menu__close button span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0
}

.shc-overflow-menu li:not(.shc-overflow-menu__close) button {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-lg) var(--spacing-xl);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-overflow-menu li:not(.shc-overflow-menu__close) button>span:not(:first-child),
.shc-overflow-menu li:not(.shc-overflow-menu__close) button:after {
    margin-left: var(--spacing-lg)
}

.shc-feedback-spacing {
    height: var(--spacing-4xl);
    transition: height .2s ease-in-out
}

.no-gap .shc-feedback__top .shc-toast:not(:first-child),
.no-gap .shc-feedback__top .shc-snackbar:not(:first-child),
.no-gap .shc-feedback__bottom .shc-toast:not(:first-child),
.no-gap .shc-feedback__bottom .shc-snackbar:not(:first-child) {
    margin-top: var(--spacing-md)
}

.no-gap .shc-overflow-menu button:before {
    margin-right: var(--spacing--lg)
}

.no-gap .shc-overflow-menu button:after {
    margin-left: var(--spacing--lg)
}

.shc-ul {
    display: flex;
    flex-direction: column
}

.shc-ul.gap--xs {
    gap: var(--spacing-xs)
}

.shc-ul.gap--sm {
    gap: var(--spacing-sm)
}

.shc-ul.gap--md {
    gap: var(--spacing-md)
}

.shc-ul.gap--lg {
    gap: var(--spacing-lg)
}

.shc-ul.gap--xl {
    gap: var(--spacing-xl)
}

.shc-ul.gap--2xl {
    gap: var(--spacing-2xl)
}

.shc-ul.gap--3xl {
    gap: var(--spacing-3xl)
}

.shc-ul.gap--4xl {
    gap: var(--spacing-4xl)
}

.shc-ul.gap--5xl {
    gap: var(--spacing-5xl)
}

.shc-ul.gap--6xl {
    gap: var(--spacing-6xl)
}

.shc-ul.gap--7xl {
    gap: var(--spacing-7xl)
}

.shc-ul.border-bottom>li {
    padding: var(--spacing-lg) var(--spacing-2xl);
    border-bottom: 1px solid var(--Border-border-secondary)
}

.shc-ul.type-quaternary>li {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-ul.type-quaternary>li .type-quaternary {
    margin-top: var(--spacing-md)
}

.shc-ul p[data-type]:before,
.shc-ul[data-type]>li[data-type]:before {
    content: "";
    position: absolute;
    left: 0;
    color: currentColor;
    text-align: center
}

.shc-ul p[data-type=dot],
.shc-ul[data-type]>li[data-type=dot] {
    padding-left: 10px
}

.shc-ul p[data-type=dot]:before,
.shc-ul[data-type]>li[data-type=dot]:before {
    content: "•";
    top: 0;
    width: 6px
}

.shc-ul p[data-type=dash],
.shc-ul[data-type]>li[data-type=dash] {
    padding-left: var(--spacing-lg)
}

.shc-ul p[data-type=dash]:before,
.shc-ul[data-type]>li[data-type=dash]:before {
    content: "-";
    top: 0;
    width: 8px
}

.shc-ul p[data-type=asterisk],
.shc-ul[data-type]>li[data-type=asterisk] {
    padding-left: 14px
}

.shc-ul p[data-type=asterisk]:before,
.shc-ul[data-type]>li[data-type=asterisk]:before {
    content: "*";
    top: 2px;
    width: 10px;
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300
}

.shc-ul[data-type]>li {
    position: relative
}

.shc-ul[data-type]>li:before {
    content: "";
    position: absolute;
    left: 0;
    color: currentColor;
    text-align: center
}

.shc-ul p[data-type] {
    position: relative
}

.shc-ul[data-type=dot]>li {
    padding-left: 10px
}

.shc-ul[data-type=dot]>li:before {
    content: "•";
    top: 0;
    width: 6px
}

.shc-ul[data-type=dash]>li {
    padding-left: var(--spacing-lg)
}

.shc-ul[data-type=dash]>li:before {
    content: "-";
    top: 0;
    width: 8px
}

.shc-ul[data-type=asterisk]>li {
    padding-left: 14px
}

.shc-ul[data-type=asterisk]>li:before {
    content: "*";
    top: 2px;
    width: 10px;
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300
}

.shc-ul[data-type=circleNumeric]>li {
    position: relative;
    padding-left: 1.2em;
    flex-wrap: wrap
}

.shc-ul[data-type=circleNumeric]>li:before {
    content: none
}

.shc-ul[data-type=circleNumeric]>li>span:first-child {
    position: absolute;
    left: 0;
    top: 0
}

.shc-ul[data-type=circleBlankNumeric]>li {
    position: relative;
    padding-left: 1.2em;
    flex-wrap: wrap
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(1):before {
    content: "①"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(2):before {
    content: "②"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(3):before {
    content: "③"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(4):before {
    content: "④"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(5):before {
    content: "⑤"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(6):before {
    content: "⑥"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(7):before {
    content: "⑦"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(8):before {
    content: "⑧"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(9):before {
    content: "⑨"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(10):before {
    content: "⑩"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(11):before {
    content: "⑪"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(12):before {
    content: "⑫"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(13):before {
    content: "⑬"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(14):before {
    content: "⑭"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(15):before {
    content: "⑮"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(16):before {
    content: "⑯"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(17):before {
    content: "⑰"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(18):before {
    content: "⑱"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(19):before {
    content: "⑲"
}

.shc-ul[data-type=circleBlankNumeric]>li:nth-child(20):before {
    content: "⑳"
}

.shc-ul[data-type=hangeul] {
    counter-reset: my-counter
}

.shc-ul[data-type=hangeul]>li {
    padding-left: var(--spacing-2xl);
    counter-increment: my-counter
}

.shc-ul[data-type=hangeul]>li:before {
    content: counter(my-counter, hangul) ". ";
    top: 0
}

.shc-ul[data-type=bracket]>li {
    padding-left: 1.2em;
    flex-wrap: wrap
}

.shc-ul[data-type=bracket]>li:nth-child(1):before {
    content: "1)"
}

.shc-ul[data-type=bracket]>li:nth-child(2):before {
    content: "2)"
}

.shc-ul[data-type=bracket]>li:nth-child(3):before {
    content: "3)"
}

.shc-ul[data-type=bracket]>li:nth-child(4):before {
    content: "4)"
}

.shc-ul[data-type=bracket]>li:nth-child(5):before {
    content: "5)"
}

.shc-ul[data-type=bracket]>li:nth-child(6):before {
    content: "6)"
}

.shc-ul[data-type=bracket]>li:nth-child(7):before {
    content: "7)"
}

.shc-ul[data-type=bracket]>li:nth-child(8):before {
    content: "8)"
}

.shc-ul[data-type=bracket]>li:nth-child(9):before {
    content: "9)"
}

.shc-ul[data-type=bracket]>li:nth-child(10):before {
    content: "10)"
}

.shc-ul[data-type=bracket]>li:nth-child(11):before {
    content: "11)"
}

.shc-ul[data-type=bracket]>li:nth-child(12):before {
    content: "12)"
}

.shc-ul[data-type=bracket]>li:nth-child(13):before {
    content: "13)"
}

.shc-ul[data-type=bracket]>li:nth-child(14):before {
    content: "14)"
}

.shc-ul[data-type=bracket]>li:nth-child(15):before {
    content: "15)"
}

.shc-ul[data-type=bracket]>li:nth-child(16):before {
    content: "16)"
}

.shc-ul[data-type=bracket]>li:nth-child(17):before {
    content: "17)"
}

.shc-ul[data-type=bracket]>li:nth-child(18):before {
    content: "18)"
}

.shc-ul[data-type=bracket]>li:nth-child(19):before {
    content: "19)"
}

.shc-ul[data-type=bracket]>li:nth-child(20):before {
    content: "20)"
}

.shc-ul[data-type=numeric] {
    counter-reset: number
}

.shc-ul[data-type=numeric]>li {
    padding-left: var(--spacing-2xl);
    counter-increment: number
}

.shc-ul[data-type=numeric]>li:before {
    content: counter(number) ". ";
    width: 1.5em;
    height: 24px;
    text-align: left;
    color: currentColor;
    white-space: nowrap
}

.no-gap .shc-list.gap--xs>li:not(:first-child),
.no-gap .shc-ul.gap--xs>li:not(:first-child) {
    margin-top: var(--spacing-xs)
}

.no-gap .shc-list.gap--sm>li:not(:first-child),
.no-gap .shc-ul.gap--sm>li:not(:first-child) {
    margin-top: var(--spacing-sm)
}

.no-gap .shc-list.gap--md>li:not(:first-child),
.no-gap .shc-ul.gap--md>li:not(:first-child) {
    margin-top: var(--spacing-md)
}

.no-gap .shc-list.gap--lg>li:not(:first-child),
.no-gap .shc-ul.gap--lg>li:not(:first-child) {
    margin-top: var(--spacing-lg)
}

.no-gap .shc-list.gap--xl>li:not(:first-child),
.no-gap .shc-ul.gap--xl>li:not(:first-child) {
    margin-top: var(--spacing-xl)
}

.no-gap .shc-list.gap--2xl>li:not(:first-child),
.no-gap .shc-ul.gap--2xl>li:not(:first-child) {
    margin-top: var(--spacing-2xl)
}

.no-gap .shc-list.gap--3xl>li:not(:first-child),
.no-gap .shc-ul.gap--3xl>li:not(:first-child) {
    margin-top: var(--spacing-3xl)
}

.no-gap .shc-list.gap--4xl>li:not(:first-child),
.no-gap .shc-ul.gap--4xl>li:not(:first-child) {
    margin-top: var(--spacing-4xl)
}

.no-gap .shc-list.gap--5xl>li:not(:first-child),
.no-gap .shc-ul.gap--5xl>li:not(:first-child) {
    margin-top: var(--spacing-5xl)
}

.no-gap .shc-list.gap--6xl>li:not(:first-child),
.no-gap .shc-ul.gap--6xl>li:not(:first-child) {
    margin-top: var(--spacing-6xl)
}

.no-gap .shc-list.gap--7xl>li:not(:first-child),
.no-gap .shc-ul.gap--7xl>li:not(:first-child) {
    margin-top: var(--spacing-7xl)
}

.shc-list {
    list-style: none;
    display: flex;
    flex-direction: column
}

.shc-list.gap--xs {
    gap: var(--spacing-xs)
}

.shc-list.gap--sm {
    gap: var(--spacing-sm)
}

.shc-list.gap--md {
    gap: var(--spacing-md)
}

.shc-list.gap--lg {
    gap: var(--spacing-lg)
}

.shc-list.gap--xl {
    gap: var(--spacing-xl)
}

.shc-list.gap--2xl {
    gap: var(--spacing-2xl)
}

.shc-list.gap--3xl {
    gap: var(--spacing-3xl)
}

.shc-list.gap--4xl {
    gap: var(--spacing-4xl)
}

.shc-list.gap--5xl {
    gap: var(--spacing-5xl)
}

.shc-list.gap--6xl {
    gap: var(--spacing-6xl)
}

.shc-list.gap--7xl {
    gap: var(--spacing-7xl)
}

.shc-list input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0
}

.shc-list .shc-icon {
    flex-shrink: 0
}

.shc-list.type-data>li {
    display: flex;
    justify-content: space-between
}

.shc-list.type-data.theme-box {
    border-radius: var(--radius-xl);
    padding: var(--spacing-2xl);
    background-color: var(--Background-bg-graylight)
}

.shc-list.type-data.theme-line {
    border: 1px solid var(--Border-border-secondary);
    border-radius: var(--radius-xl);
    padding: var(--spacing-2xl)
}

.shc-list.type-data .shc-list__title {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-list.type-data .shc-list__title .shc-tooltip-target {
    margin-left: var(--spacing-sm)
}

.shc-list.type-data .shc-list__subtext {
    display: block;
    width: 100%;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary);
    margin-top: var(--spacing-xs)
}

.shc-list.type-data .shc-list__details {
    word-break: break-all;
    text-align: right;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-secondary);
    margin-left: var(--spacing-lg)
}

.shc-list.type-data .shc-list__details.positive {
    color: var(--Text-text-brand)
}

.shc-list.type-data .shc-list__details.negative {
    color: var(--Text-text-negative-same)
}

.shc-list.type-data .shc-list__details .shc-list__subtext {
    margin-top: var(--spacing-xs)
}

.shc-list.line-style {
    border-top: 1px solid var(--Border-border-secondary);
    border-bottom: 1px solid var(--Border-border-secondary);
    padding: var(--spacing-xl) var(--spacing-none)
}

.shc-list.gap-xs {
    gap: var(--spacing-xs)
}

.shc-list.gap-lg {
    gap: var(--spacing-lg)
}

.shc-icon--info--secondary,
.shc-icon--info {
    width: 20px;
    height: 20px
}

.shc-box-address {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: var(--spacing-2xl);
    border: 1px solid var(--Border-border-secondary);
    border-radius: var(--radius-xl);
    text-decoration: none;
    width: 100%
}

.shc-box-address__title {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--Text-text-secondary)
}

.shc-box-address__title--number {
    font-weight: 500
}

.shc-box-address__title+.shc-box-address__detail {
    margin-top: var(--spacing-md)
}

.shc-box-address__detail {
    display: flex
}

.shc-box-address__detail p {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    position: relative;
    flex: 1;
    color: var(--Text-text-secondary)
}

.shc-box-address__detail p:not(:first-child) {
    margin-left: var(--spacing-md)
}

.shc-box-address__info {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary);
    margin-top: var(--spacing-lg)
}

button.shc-box-address,
a.shc-box-address {
    padding-right: 52px;
    text-align: left
}

button.shc-box-address:after,
a.shc-box-address:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.no-gap .shc-list.gap-xs>li:not(:first-child) {
    margin-top: var(--spacing-xs)
}

.no-gap .shc-list.gap-lg>li:not(:first-child) {
    margin-top: var(--spacing-lg)
}

.shc-complete-msg {
    margin-top: var(--spacing-5xl);
    margin-bottom: var(--spacing-6xl);
    color: var(--Text-text-quaternary);
    text-align: center;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-tab+.shc-complete-msg {
    margin-top: 60px
}

.shc-complete-msg .shc-icon {
    display: block;
    margin: 0 auto
}

.shc-complete-msg__title {
    display: block;
    color: var(--Text-text-primary);
    font-size: var(--size-headline-S);
    letter-spacing: var(--letterspace-headline-S);
    line-height: var(--lineheight-headline-S);
    font-weight: 700;
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-md)
}

.shc-complete-msg .shc-btn-group {
    margin-top: var(--spacing-xl)
}

.shc-complete-msg.size-sm {
    margin-top: var(--spacing-4xl);
    margin-bottom: var(--spacing-4xl)
}

.shc-complete-msg.size-sm .shc-complete-msg__title {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

html.app_nssol .shc-complete-msg,
html.app_shfan .shc-complete-msg {
    margin-top: calc(var(--spacing-5xl) + 56px)
}

.bottom-fixed .shc-important-note__title,
.bottom-fixed--mobile .shc-important-note__title {
    border-bottom: none
}

.shc-info-box {
    display: flex;
    padding: var(--spacing-xl);
    border-radius: var(--radius-md);
    background-color: var(--Background-bg-graylight);
    color: var(--Text-text-quaternary, #667085);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-info-box__account {
    align-items: center;
    justify-content: space-between
}

.shc-info-box__account--title {
    display: inline-flex;
    align-items: center;
    position: relative
}

.shc-info-box__account--title .shc-icon {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.shc-info-box__account--status {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-info-box__account--status.positive {
    color: var(--Text-text-brand)
}

.shc-info-box__account--status.negative {
    color: var(--Text-text-negative-same)
}

.shc-info-box__account--content {
    display: inline-flex;
    flex-direction: column;
    margin-left: var(--spacing-5xl)
}

.shc-info-box__account--desc {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-info-box__account--text {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-info-box.direction-col {
    flex-direction: column
}

.shc-card-info,
button.shc-card-info--selectable,
.shc-card-info--selectable label {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative
}

.shc-card-info__img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.shc-card-info__img.vertical-center {
    align-self: center
}

.shc-card-info__img img {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.shc-card-info__img img.is-default {
    -webkit-transform: rotate(0deg);
    transform: rotate(0)
}

.size-68 .shc-card-info__img {
    width: 68px;
    height: 68px
}

.size-68 .shc-card-info__img img {
    width: 68px
}

.size-68 .shc-card-info__img~.shc-badge--number {
    right: calc(100% - 68px)
}

.size-56 .shc-card-info__img {
    width: 56px;
    height: 56px
}

.size-56 .shc-card-info__img img {
    width: 56px
}

.size-56 .shc-card-info__img~.shc-badge--number {
    top: calc(50% + 12px);
    right: calc(100% - 56px)
}

.size-48 .shc-card-info__img {
    width: 48px;
    height: 48px
}

.size-48 .shc-card-info__img img {
    width: 48px
}

.size-28 .shc-card-info__img {
    width: 28px;
    height: 28px
}

.size-28 .shc-card-info__img img {
    width: 28px
}

.size-28 .shc-card-info__img~.shc-badge--number {
    right: calc(100% - 28px)
}

.shc-card-info__img~.shc-card-info__content {
    margin-left: var(--spacing-md)
}

.shc-card-info__img~.shc-badge--number {
    position: absolute;
    top: calc(50% + 10px);
    right: calc(100% - 48px)
}

.shc-dropdown__btn-value .shc-card-info__img~.shc-badge--number {
    top: calc(50% + 8px)
}

.shc-dropdown__btn-value .shc-card-info__img.size-56~.shc-badge--number {
    top: calc(50% + 8px)
}

.shc-card-info__content {
    display: flex;
    flex-direction: column
}

.shc-card-info__content>:not(:first-child) {
    margin-top: var(--spacing-xs)
}

.shc-card-info__content--default {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-card-info__title {
    color: var(--Text-text-secondary);
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.shc-card-info__text {
    display: inline-flex;
    align-items: center
}

.shc-card-info__text .shc-card-info__subtext {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300
}

.shc-card-info__subtext {
    color: var(--Text-text-quaternary);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300
}

.shc-card-info__bluetext {
    color: var(--Text-text-brand);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    position: relative;
    margin-left: var(--spacing-xl)
}

.shc-card-info__bluetext:before {
    content: "•";
    color: var(--Text-text-placeholder-same);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: -8px
}

.shc-card-info__redtext {
    color: var(--Text-text-negative-same);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    position: relative;
    margin-left: 13px
}

.shc-card-info__redtext:before {
    content: "•";
    color: var(--Text-text-placeholder-same);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: -7px
}

.shc-card-info--selectable {
    position: relative
}

.shc-card-info--selectable input[type=radio],
.shc-card-info--selectable input[type=checkbox] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-card-info--selectable input[type=radio]:checked+label,
.shc-card-info--selectable input[type=checkbox]:checked+label {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-card-info--selectable label {
    cursor: pointer;
    padding: var(--spacing-xl) var(--spacing-2xl);
    box-shadow: inset 0 0 0 1px var(--Border-border-secondary);
    border-radius: var(--radius-xl)
}

.shc-card-info--selectable .shc-card-info__img~.shc-badge--number {
    right: calc(100% - (48px + var(--spacing-2xl)))
}

.shc-card-info--selectable.size-56 .shc-card-info__img~.shc-badge--number {
    right: calc(100% - (56px + var(--spacing-2xl)))
}

button.shc-card-info--selectable {
    position: relative;
    cursor: pointer;
    padding: var(--spacing-xl) var(--spacing-2xl);
    box-shadow: inset 0 0 0 1px var(--Border-border-secondary);
    border-radius: var(--radius-xl);
    width: 100%;
    text-align: left
}

button.shc-card-info--selectable.is-active {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-account-info {
    width: 100%;
    display: flex;
    align-items: center
}

.shc-account-info__img {
    align-self: flex-start;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0
}

.shc-account-info__img:first-child {
    margin-right: var(--spacing-md)
}

.shc-account-info__img.vertical-center {
    align-self: center
}

.size-32 .shc-account-info__img {
    width: 32px;
    height: 32px
}

.size-24 .shc-account-info__img {
    width: 24px;
    height: 24px
}

.shc-account-info__content {
    display: flex;
    flex-direction: column;
    text-align: left
}

.shc-account-info__content>:not(:first-child) {
    margin-top: var(--spacing-xs)
}

.shc-account-info__title {
    color: var(--Text-text-secondary);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500
}

.shc-account-info__number {
    color: var(--Text-text-quaternary);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 400
}

.shc-select-btn__label .shc-account-info {
    padding: var(--spacing-md) var(--spacing-sm)
}

input:disabled+.shc-select-btn__label .shc-account-info__title,
input:disabled+.shc-select-btn__label .shc-account-info__number {
    color: var(--Text-text-disabled-same)
}

input:disabled+.shc-select-btn__label .shc-account-info__number {
    font-weight: var(--font-weight-light)
}

.shc-info-guide.bottom-fixed {
    margin-top: auto
}

@media (max-width: 1023px) {
    .shc-info-guide.bottom-fixed--mobile {
        margin-top: auto
    }
}

.shc-info-guide__title {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-info-guide__list {
    display: flex;
    flex-direction: column;
    margin-top: var(--spacing-md);
    color: var(--Text-text-tertiary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-info-guide__list>li:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-info-guide.type-box {
    background-color: var(--Background-bg-graylight);
    border-radius: var(--radius-md);
    padding: var(--spacing-xl)
}

.shc-info-guide.type-box.shc-section {
    max-width: 580px
}

@media (max-width: 1023px) {
    .shc-info-guide.type-box.shc-section {
        margin-right: auto;
        margin-left: auto;
        width: calc(100% - 2 * var(--container-padding-mobile))
    }
}

.consent-rating-guide {
    display: flex
}

.consent-rating-guide__item {
    flex: 1
}

.consent-rating-guide__item .shc-label--solid {
    width: 100%
}

.consent-rating-guide__item:not(:first-child) {
    margin-left: var(--spacing-xs)
}

.consent-rating-guide-msg {
    margin-top: var(--spacing-lg)
}

.consent-rating-guide-msg li {
    color: var(--Text-text-tertiary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-captcha {
    width: 100%;
    max-width: 620px;
    padding-left: var(--container-padding-mobile);
    padding-right: var(--container-padding-mobile);
    margin-left: auto;
    margin-right: auto;
    text-align: left
}

.shc-captcha__title {
    color: var(--Text-text-secondary);
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-captcha__content {
    display: flex;
    align-items: center;
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl)
}

.shc-captcha__content .shc-btn-group {
    width: 114px;
    flex-shrink: 0;
    margin-left: var(--spacing-lg)
}

.shc-captcha__img {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: var(--Background-bg-success);
    height: 72px;
    position: relative
}

.shc-captcha__img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.shc-captcha__img span {
    opacity: .5;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 700;
    color: var(--Text-text-brand)
}

.share-section {
    padding-top: var(--spacing-4xl);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center
}

.button-share {
    width: 70px;
    height: 96px
}

.button-share .shc-icon {
    margin-bottom: var(--spacing-md);
    width: 36px;
    height: 36px
}

.button-share__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-primary)
}

.shc-progress-step {
    --bullet-size: 32px
}

.shc-progress-step>li {
    position: relative;
    min-height: 68px;
    padding-left: 44px
}

.shc-progress-step>li:not(:last-child):after {
    content: "";
    position: absolute;
    left: calc(var(--bullet-size) / 2);
    top: calc(var(--bullet-size) + var(--spacing-md));
    bottom: 0;
    width: 1px;
    background-color: var(--Border-border-secondary)
}

.shc-progress-step>li:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-progress-step,
.shc-progress-step.type-number {
    counter-reset: number 0
}

.shc-progress-step>li,
.shc-progress-step.type-number>li {
    padding-bottom: var(--spacing-lg)
}

.shc-progress-step>li:before,
.shc-progress-step.type-number>li:before {
    content: counter(number);
    counter-increment: number 1;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
    background-color: var(--Background-bg-brand);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    color: var(--Text-text-brand)
}

.shc-progress-step__status {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px
}

.shc-progress-step__title {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-progress-step__title+.shc-progress-step__desc {
    margin-top: var(--spacing-xs)
}

@media (max-width: 1023px) {
    .shc-progress-step__title a {
        color: var(--Text-text-brand)
    }
}

.shc-progress-step__desc {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-progress-step__info {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-progress-step__list {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-progress-step.size-sm .shc-progress-step__title {
    font-size: var(--size-body-M);
    line-height: var(--lineheight-body-M);
    letter-spacing: var(--letterspace-body-M)
}

.shc-progress-step.size-sm .shc-progress-step__desc {
    font-size: var(--size-body-S);
    line-height: var(--lineheight-body-S);
    letter-spacing: var(--letterspace-body-S)
}

.shc-progress-step.size-sm {
    --bullet-size: 24px
}

.shc-progress-step.size-sm>li {
    min-height: 58px;
    padding-left: 36px;
    padding-bottom: var(--spacing-md)
}

.shc-progress-step.size-sm>li:before {
    width: 24px;
    height: 24px;
    font-size: var(--size-detail-L);
    line-height: var(--lineheight-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    font-weight: 500
}

.shc-progress-step.type-status .shc-progress-step__title {
    display: flex;
    align-items: center;
    min-height: 32px;
    color: var(--Text-text-quaternary)
}

.shc-progress-step.type-status .shc-progress-step__title .shc-label--tint {
    transform: translateY(1px)
}

.shc-progress-step.type-status .shc-progress-step__desc {
    font-size: var(--size-body-S);
    line-height: var(--lineheight-body-S);
    letter-spacing: var(--letterspace-body-S)
}

.shc-progress-step.type-status .shc-progress-step__date {
    display: block;
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-progress-step.type-status .shc-progress-step .shc-txt-btn {
    margin-top: var(--spacing-xs)
}

.shc-progress-step.type-status .shc-progress-step__status {
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: var(--radius-full);
    background-color: var(--Background-bg-gray);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500
}

.shc-progress-step.type-status>li:before {
    content: none
}

.shc-progress-step.type-status>li .shc-progress-step__status {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-indent: 100%
}

.shc-progress-step.type-status>li .shc-progress-step__status:before {
    content: "N";
    text-indent: 0;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.shc-progress-step.type-status>li .shc-progress-step__title {
    color: var(--Text-text-secondary)
}

.shc-progress-step.type-status>li[data-status=inprogress] .shc-progress-step__status {
    background-color: var(--Background-bg-brand_strong-same)
}

.shc-progress-step.type-status>li[data-status=inprogress] .shc-progress-step__status:before {
    content: "N";
    color: var(--white)
}

.shc-progress-step.type-status>li[data-status=inprogress] .shc-progress-step__status:after {
    content: "";
    width: 36px;
    height: 36px;
    border-radius: var(--radius-full);
    border: 1px solid var(--Border-border-brand-disabled)
}

.shc-progress-step.type-status>li[data-status=complete] .shc-progress-step__status {
    background-color: var(--Background-bg-brand_strong-same)
}

.shc-progress-step.type-status>li[data-status=complete] .shc-progress-step__status:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--white);
    -webkit-mask-image: url(/pconts/static/svg/check.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/check.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-progress-step.type-status>li[data-status=error] .shc-progress-step__status {
    background-color: var(--Background-bg-negative-same)
}

.shc-progress-step.type-status>li[data-status=error] .shc-progress-step__status:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--white);
    -webkit-mask-image: url(/pconts/static/svg/close.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/close.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-progress-step.type-status>li[data-status=hold] .shc-progress-step__status {
    background-color: var(--Background-bg-information-same)
}

.shc-progress-step.type-status>li[data-status=hold] .shc-progress-step__status:before {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--white);
    -webkit-mask-image: url(/pconts/static/svg/dash.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/dash.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-progress-step.type-status>li[data-status=number]:before {
    content: counter(number);
    counter-increment: number 1;
    background-color: var(--Background-bg-brand)
}

.shc-progress-step.type-status>li[data-status=number]:before:before {
    content: "N";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    color: var(--Text-text-brand);
    text-indent: 0
}

.shc-search-filter {
    display: flex;
    align-items: center
}

.shc-search-filter>:not(:first-child) {
    margin-left: var(--spacing-md)
}

.shc-search-filter:not(.type-borderless) {
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--Border-border-primary_heavy-same)
}

.shc-search-filter__main {
    display: flex;
    flex: 1
}

.shc-search-filter__main-text {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-search-filter__utils {
    flex-shrink: 0;
    display: flex;
    align-items: center
}

.shc-search-filter__utils>:not(:first-child) {
    margin-left: var(--spacing-md)
}

.shc-search-filter__btn {
    display: flex
}

.shc-search-filter__btn-text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

.shc-search-filter__btn .shc-icon {
    align-self: center;
    height: 14px;
    background-color: var(--Foreground-fg-primary)
}

.shc-search-filter__btn .shc-icon:last-child {
    margin-left: var(--spacing-xs)
}

.shc-search-filter__sort-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    background-color: var(--Background-bg-white);
    border: 1px solid var(--Border-border-tertiary);
    border-radius: var(--radius-full)
}

.shc-search-filter__sort-btn:after {
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/sort.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/sort.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-sort {
    display: flex;
    align-items: center
}

.shc-sort input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-sort input:focus-visible+label {
    transition: none;
    outline-width: 2px;
    outline-style: solid;
    outline-offset: 2px
}

.shc-sort__btn {
    position: relative
}

.shc-sort__label {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-tertiary);
    cursor: pointer
}

input:checked+.shc-sort__label {
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-sort__divider {
    display: inline-flex;
    margin: 0 var(--spacing-lg);
    width: 1px;
    height: 12px;
    border-left: 1px solid var(--Border-border-secondary)
}

.shc-address-tab.shc-tab.type-btn .shc-tab__menu {
    z-index: 2
}

.shc-address-tab.shc-tab.type-btn .shc-tab__panel {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-4xl)
}

.shc-address-tab.shc-tab.type-btn .shc-address-search {
    top: 51px;
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-2xl);
    transform: none
}

.shc-address-tab.shc-tab.type-btn .shc-address-search:after {
    display: none
}

.shc-address-search {
    margin-top: 0;
    padding: 0 var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl);
    position: sticky;
    top: 0;
    z-index: 1
}

@media (min-width: 1024px) {
    .shc-address-search {
        background-color: var(--Background-bg-canvas_white-elevated)
    }
}

@media (max-width: 1023px) {
    .shc-address-search {
        background-color: var(--Background-bg-canvas_white)
    }
}

.shc-address-search .shc-form>.shc-input:first-child {
    margin-top: 0
}

html.app_nssol .shc-address-search {
    position: static
}

.shc-address-results li+li:before {
    content: "";
    display: block;
    width: calc(100% - var(--spacing-2xl) * 2);
    margin: var(--spacing-sm) auto 0;
    padding-top: var(--spacing-sm);
    border-top: 1px solid var(--Border-border-tertiary)
}

.shc-address-tip {
    padding: var(--spacing-none) var(--spacing-2xl)
}

.shc-address-tip__title {
    color: var(--Text-text-secondary);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700
}

.shc-address-tip__text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-address-tip__example {
    margin-top: var(--spacing-md);
    color: var(--Text-text-secondary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-address-tip__example li+li {
    margin-top: var(--spacing-md)
}

.shc-address-tip__example-text {
    display: block;
    color: var(--Text-text-brand)
}

.shc-address-details .shc-form {
    margin-top: var(--spacing-2xl);
    margin-left: var(--spacing-2xl);
    margin-right: var(--spacing-2xl)
}

.shc-address-card {
    display: flex;
    flex-direction: column;
    padding: var(--spacing-lg) var(--spacing-2xl);
    text-align: left;
    width: 100%
}

.shc-address-card__title {
    margin-bottom: var(--spacing-md);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-address-card__row {
    display: flex;
    color: var(--Text-text-tertiary);
    padding: var(--spacing-xs) var(--spacing-none);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500
}

.shc-address-card__row .shc-label--line {
    min-width: 47px
}

.shc-address-card__row .shc-label--line:first-child {
    margin-right: var(--spacing-md)
}

.shc-address-card__row+.shc-address-card__row {
    margin-top: var(--spacing-xs)
}

.shc-address-card:focus-visible {
    outline-offset: -2px
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    position: relative;
    bottom: 0
}

.shc-slide__btn-pause {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-left: var(--spacing-sm);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7998 2.25C18.1866 2.25005 22.5498 6.61321 22.5498 12C22.5498 17.3868 18.1866 21.75 12.7998 21.75C7.41301 21.75 3.04985 17.3868 3.0498 12C3.0498 6.61318 7.41298 2.25 12.7998 2.25Z' fill='%23F0F4FA'/%3E %3Cpath d='M17.7495 12L10.2495 16.5V7.5L17.7495 12Z' fill='%23818DA2'/%3E %3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.shc-slide__btn-pause.is-paused {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.7998 2.25C18.1866 2.25005 22.5498 6.61321 22.5498 12C22.5498 17.3868 18.1866 21.75 12.7998 21.75C7.41301 21.75 3.04985 17.3868 3.0498 12C3.0498 6.61318 7.41298 2.25 12.7998 2.25Z' fill='%23F0F4FA'/%3E %3Cpath d='M9.0498 16.125V7.875H10.9248V16.125H9.0498Z' fill='%23818DA2'/%3E %3Cpath d='M14.6748 16.125V7.875H16.5498V16.125H14.6748Z' fill='%23818DA2'/%3E %3C/svg%3E")
}

.shc-slide.type-number .shc-slide__utils {
    display: flex;
    align-items: center;
    justify-content: center
}

.shc-slide.type-number .shc-slide__control {
    display: flex;
    align-items: center;
    min-width: 40px;
    height: 20px;
    padding: var(--spacing-none) var(--spacing-none);
    border-radius: var(--radius-md);
    background-color: var(--gray-100)
}

.shc-slide.type-number .shc-slide__btn {
    flex-shrink: 0;
    position: relative;
    width: 20px;
    height: 20px
}

.shc-slide.type-number .shc-slide__btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px
}

.shc-slide.type-number .shc-slide__btn-prev:before {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(180deg) translate(8px, 8px)
}

.shc-slide.type-number .shc-slide__btn-next:before {
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-slide.type-number .shc-slide__pagination {
    display: flex;
    padding: var(--spacing-none) var(--spacing-xs);
    color: var(--Text-text-placeholder-same);
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 300
}

.shc-slide.type-number .shc-slide__pagination .swiper-pagination-current {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs);
    font-weight: 500;
    color: var(--Text-text-quaternary)
}

.shc-slide.type-bullet .shc-slide__utils {
    display: flex;
    align-items: center;
    justify-content: center
}

.shc-slide.type-bullet .shc-slide__control {
    display: flex;
    align-items: center
}

.shc-slide.type-bullet .shc-slide__control .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0 var(--spacing-xs);
    border: 1px solid va(--Border-border-primary);
    border-radius: var(--radius-full);
    background-color: var(-Background-bg-canvas_white)
}

.shc-slide.type-bullet .shc-slide__control .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 20px;
    background-color: var(--Foreground-fg-tertiary)
}

.shc-slide.type-bullet .shc-slide__btn {
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid var(--Border-border-secondary);
    border-radius: var(--radius-full);
    background-color: var(--Background-bg-white)
}

.shc-slide.type-bullet .shc-slide__btn:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px
}

.shc-slide.type-bullet .shc-slide__btn-prev:before {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron--thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron--thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(180deg) translate(12px, 12px)
}

.shc-slide.type-bullet .shc-slide__btn-next:before {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron--thick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron--thick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-industry-search {
    padding-bottom: var(--spacing-2xl);
    position: sticky;
    z-index: 1
}

.shc-industry-search .shc-form .shc-input {
    margin-top: 0
}

@media (max-width: 1023px) {
    .shc-industry-search {
        margin-top: calc(var(--spacing-xl) * -1);
        top: calc(var(--spacing-xl) * -1);
        background-color: var(--Background-bg-canvas_white)
    }
}

@media (min-width: 1024px) {
    .shc-industry-search {
        top: 0;
        background-color: var(--Background-bg-canvas_white-elevated)
    }
}

.shc-industry-search__contents .shc-info-box {
    flex-direction: column
}

.shc-industry-search__contents .shc-info-box .sample-text {
    display: inline-block;
    margin-bottom: var(--spacing-md);
    color: var(--Text-text-quaternary);
    font-weight: var(--font-weight-light)
}

.shc-industry-search__contents .shc-info-box .shc-ul {
    margin-top: 0
}

.shc-industry-search__contents .shc-industry-results li {
    border-bottom: 1px solid var(--Border-border-tertiary)
}

.shc-industry-search__contents .shc-industry-results li:first-child .shc-industry-card {
    padding-top: var(--spacing-lg)
}

.shc-industry-search__contents .shc-industry-results li:last-child {
    border-bottom: 0 none
}

.shc-industry-search__contents .shc-industry-results li .shc-industry-card {
    min-width: 0;
    padding: var(--spacing-xl) 0
}

.shc-industry-search__contents .shc-industry-results li .shc-industry-card__row {
    display: flex;
    padding: var(--spacing-xs) var(--spacing-none);
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-industry-search__contents .shc-industry-results li .shc-industry-card__row>:not(:first-child) {
    margin-left: var(--spacing-md)
}

.shc-industry-search__contents .shc-industry-results li .shc-industry-card .shc-label--title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--Text-text-secondary)
}

.shc-bridge-menu__wrap .shc-bridge-title+.shc-ul {
    margin-top: var(--spacing-lg)
}

.shc-bridge-menu__wrap .shc-ul li+li {
    margin-top: var(--spacing-lg)
}

.shc-bridge-menu__wrap .shc-section:first-of-type {
    padding-top: var(--spacing-3xl)
}

.shc-bridge-menu__wrap .shc-section+.shc-section {
    margin-top: var(--spacing-4xl)
}

.shc-bridge-menu__wrap .shc-accordion__content .shc-ul li+li {
    margin-top: 0
}

.shc-bridge-title {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-quaternary)
}

.shc-bridge-menu {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: var(--spacing-lg) var(--spacing-2xl);
    width: 100%;
    min-height: 58px;
    border-radius: var(--radius-xl);
    background-color: var(--Background-bg-graylight);
    text-decoration: none;
    text-align: left
}

.shc-bridge-menu__title {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-bridge-menu__subtext {
    margin-top: var(--spacing-xs);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-bridge-menu__title-container {
    display: flex;
    align-items: center
}

button.shc-bridge-menu,
a.shc-bridge-menu {
    padding-right: 52px;
    text-align: left
}

button.shc-bridge-menu:after,
a.shc-bridge-menu:after {
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-accordion.type-bridge .shc-accordion__content .shc-bridge-menu {
    min-height: 48px;
    background-color: transparent
}

.shc-accordion.type-bridge .shc-accordion__content .shc-bridge-menu__title {
    color: var(--Text-text-tertiary);
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.bridge-hero-section {
    text-align: center;
    margin-bottom: var(--spacing-md);
    padding-top: var(--spacing-3xl)
}

.bridge-hero-section .detail-text {
    margin-top: var(--spacing-md);
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.bridge-link--popup {
    padding-bottom: var(--spacing-4xl)
}

.bridge-link--popup ul {
    border-top: 1px solid var(--Border-border-primary_heavy-same)
}

.bridge-link--popup ul li {
    margin: var(--spacing-sm) 0;
    padding: var(--spacing-lg) 0;
    min-height: 70px;
    border-bottom: 1px solid var(--Border-border-tertiary)
}

.bridge-link--menu {
    display: flex;
    align-items: center
}

.bridge-link--menu .shc-icon {
    margin-left: var(--spacing-sm)
}

.bridge-link--title {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.bridge-link--subtext {
    margin-top: var(--spacing-xs);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

@media (max-width: 1023px) {
    .shc-email-send {
        margin-top: calc(var(--spacing-4xl) * -1)
    }
}

@media (min-width: 1024px) {
    .shc-email-send {
        margin-top: calc(var(--spacing-xl) * -1)
    }
}

.shc-email-send__switch .shc-switch-segment__item {
    flex: 1
}

.shc-email-send__form {
    position: relative;
    overflow: visible
}

.shc-email-send__form .shc-form[data-type] {
    display: none
}

.shc-email-send__form .shc-form[data-type].is-active {
    display: flex
}

.shc-email-send__form .shc-form[data-type].is-active .shc-email {
    margin-top: var(--spacing-3xl)
}

.shc-email-send__box {
    display: flex;
    justify-content: space-between;
    margin-top: var(--spacing-2xl)
}

.shc-email-send .shc-info-box {
    margin-top: var(--spacing-3xl)
}

.shc-email-send .shc-info-box .shc-ul {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-email-send .shc-info-box .shc-ul>li:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-email-send .shc-btn-group {
    justify-content: flex-start;
    margin-top: var(--spacing-md)
}

.shc-email-send .shc-btn-group .shc-btn {
    flex: none
}

.shc-email {
    position: relative
}

.shc-email__option {
    z-index: 110;
    overflow: auto;
    max-height: 230px
}

.shc-email__option::-webkit-scrollbar {
    background: transparent
}

.shc-email__option::-webkit-scrollbar-track {
    margin: 12px
}

.shc-email__option[data-visible=hidden] {
    display: none
}

.shc-email__option:not(.in-bottomsheet) {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin-top: var(--spacing-sm);
    background-color: var(--Background-bg-canvas_white-elevated);
    border: 1px solid var(--Border-border-secondary);
    border-radius: var(--radius-md);
    box-shadow: 0 4px 16px #0c111d1a
}

.shc-email__option-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: var(--spacing-lg) var(--spacing-2xl);
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    outline: none
}

.shc-email__option-item.is-active {
    position: relative
}

.shc-email__option-item.is-active:after {
    content: "";
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-left: var(--spacing-md);
    background-color: var(--Text-text-brand);
    -webkit-mask-image: url(/pconts/static/svg/check.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/check.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-email__option-item:hover,
.shc-email__option-item:focus-visible,
.shc-email__option-item:active {
    background-color: var(--Background-bg-brand)
}

.shc-email__option-item-text {
    flex: 1;
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shc-terms {
    display: flex;
    border-radius: var(--radius-xl)
}

.shc-terms:not(.card) {
    background-color: var(--Background-bg-graylight);
    padding: var(--spacing-xl) var(--spacing-2xl)
}

.shc-terms:not(.shc-accordion.type-terms):not(.card) .shc-terms__main .shc-checkbox:not(.size-sm) .shc-checkbox__label {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500
}

.shc-terms:not(.shc-accordion.type-terms):not(.card) .shc-terms__main .shc-checkbox:not(.size-sm) .shc-checkbox__label.font--medium {
    font-weight: var(--font-weight-medium)
}

.shc-terms:not(.shc-accordion.type-terms):not(.card) .shc-terms__main .shc-checkbox.size-sm {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-terms.card {
    box-shadow: inset 0 0 0 1px var(--Border-border-secondary);
    padding: var(--spacing-md) var(--spacing-2xl)
}

.shc-terms.card .shc-terms__main {
    flex: 1;
    padding: var(--spacing-lg) var(--spacing-none)
}

.shc-terms.card .shc-terms__main .shc-checkbox__label {
    font-weight: 500
}

.shc-terms.card+.shc-terms.card {
    margin-top: var(--spacing-md)
}

.shc-terms+.shc-terms {
    margin-top: var(--spacing-xl)
}

.shc-terms--sub {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

.shc-terms--sub .shc-accordion__trigger.is-active+.shc-accordion__content {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-none);
    padding-left: 32px;
    margin-bottom: -4px
}

.shc-terms__main {
    flex: 1;
    display: flex;
    flex-direction: column
}

.shc-terms__main .shc-terms__desc {
    padding-left: var(--spacing-4xl)
}

.shc-terms__main .shc-terms__desc .shc-ico-btn {
    margin-left: var(--spacing-sm)
}

.shc-terms__main .shc-terms__desc .shc-ico-btn .shc-icon--info {
    background-image: url(/pconts/static/svg/circle-info--sm.svg);
    width: 16px;
    height: 16px
}

.shc-terms__desc {
    display: inline-flex;
    align-items: center;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-terms__desc.shc-terms__desc--column {
    flex-direction: column
}

.shc-terms__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: var(--spacing-lg) var(--spacing-none)
}

.shc-terms__row .shc-accordion__trigger {
    align-self: center;
    flex-shrink: 0;
    margin-left: var(--spacing-md);
    padding: var(--spacing-none);
    width: 24px;
    height: 24px
}

.shc-terms__row .shc-accordion__trigger:before {
    right: 0
}

.shc-terms__row .shc-accordion__content {
    width: 100%
}

.shc-terms--sub .shc-ul,
.shc-accordion.type-terms .shc-terms__row .shc-ul,
.shc-accordion.card .shc-ul {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-terms--sub .shc-info-box,
.shc-accordion.type-terms .shc-terms__row .shc-info-box,
.shc-accordion.card .shc-info-box {
    background-color: var(--Background-bg-ongray_graylight_a5);
    padding: var(--spacing-lg) var(--spacing-xl);
    border-radius: var(--radius-md)
}

.shc-terms--sub .shc-accordion__trigger.is-active+.shc-accordion__content,
.shc-accordion.type-terms .shc-terms__row .shc-accordion__trigger.is-active+.shc-accordion__content,
.shc-accordion.card .shc-accordion__trigger.is-active+.shc-accordion__content {
    display: flex;
    flex-direction: column
}

.shc-terms--sub .shc-accordion__content,
.shc-accordion.type-terms .shc-terms__row .shc-accordion__content,
.shc-accordion.card .shc-accordion__content {
    width: 100%
}

.shc-terms--sub .shc-accordion__content>:not(:first-child),
.shc-accordion.type-terms .shc-terms__row .shc-accordion__content>:not(:first-child),
.shc-accordion.card .shc-accordion__content>:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-terms--sub .shc-accordion__content .shc-checkbox .shc-checkbox__label,
.shc-accordion.type-terms .shc-terms__row .shc-accordion__content .shc-checkbox .shc-checkbox__label,
.shc-accordion.card .shc-accordion__content .shc-checkbox .shc-checkbox__label {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-accordion.card .shc-ul {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-accordion.card .shc-info-box {
    background-color: var(--Background-bg-ongray_graylight_a5);
    padding: var(--spacing-lg) var(--spacing-xl);
    border-radius: var(--radius-md)
}

.shc-accordion.card .shc-ul[data-type=numeric] {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300
}

.shc-accordion.card .shc-ul[data-type=numeric] .shc-terms__outdent {
    display: flex;
    flex-direction: column;
    margin-left: calc((1.5em + var(--spacing-sm)) * -1)
}

.shc-accordion.card .shc-ul[data-type=numeric] .shc-terms__outdent>:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-accordion.card>.shc-accordion__content .shc-terms__main .shc-checkbox .shc-checkbox__label {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-accordion.card>.shc-accordion__content .shc-terms__main--simple .shc-checkbox .shc-checkbox__label {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-terms__row>.shc-ico-btn,
.shc-terms__main+.shc-ico-btn {
    min-width: auto;
    min-height: auto;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    align-self: center;
    mask-size: contain;
    margin-left: var(--spacing-md);
    transform: translate(2px);
    mask: none;
    mask-image: none;
    mask-mode: match-source;
    mask-repeat: no-repeat;
    mask-position: 0 0;
    mask-clip: border-box;
    mask-origin: border-box;
    mask-size: auto;
    -webkit-mask: none;
    -webkit-mask-image: none;
    -webkit-mask-mode: match-source;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
    -webkit-mask-clip: border-box;
    -webkit-mask-origin: border-box;
    -webkit-mask-size: auto;
    background-color: transparent
}

.shc-terms__row>.shc-ico-btn:before,
.shc-terms__main+.shc-ico-btn:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 2px;
    width: 20px;
    height: 20px;
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

@media (min-width: 1024px) {
    .shc-layered[data-layered-name^=zipcode] {
        height: 640px
    }
}

.shc-textcard--item {
    position: relative;
    display: flex;
    align-items: flex-start;
    border-radius: var(--radius-xl);
    background-color: var(--Background-bg-graylight);
    min-height: 58px;
    padding: var(--spacing-xl) var(--spacing-2xl);
    margin-top: var(--spacing-lg)
}

.shc-textcard--item .shc-icon {
    margin-top: var(--spacing-sm);
    flex-shrink: 0
}

.shc-textcard--item .shc-icon--checked--darkgray {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/checkThick.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/checkThick.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-textcard--item__content {
    margin-left: var(--spacing-md)
}

.shc-textcard--item__text {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-textcard--item__desc {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-tertiary);
    margin-top: var(--spacing-xs)
}

.shc-textcard--item:first-of-type {
    margin-top: var(--spacing-none)
}

.shc-summary {
    counter-reset: number 0
}

.shc-summary--item {
    position: relative;
    display: flex;
    align-items: center;
    border-radius: var(--radius-xl);
    background-color: var(--Background-bg-graylight);
    min-height: 58px;
    padding: var(--spacing-xl) var(--spacing-2xl);
    margin-top: var(--spacing-lg)
}

.shc-summary--item:after {
    counter-increment: number 1;
    content: counter(number);
    position: absolute;
    left: 20px;
    top: 20px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: var(--Text-text-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 500;
    color: var(--Text-text-ondark_primary)
}

.shc-summary--item__text {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    color: var(--Text-text-blue);
    margin-left: var(--spacing-4xl)
}

.shc-summary--item:first-of-type {
    margin-top: var(--spacing-none)
}

.shc-listcard {
    width: 100%;
    min-height: 56px;
    padding: var(--spacing-xl) var(--spacing-2xl);
    border-radius: var(--radius-xl);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shc-listcard.double {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl)
}

.shc-listcard>.shc-icon {
    margin-left: var(--spacing-lg);
    flex-shrink: 0
}

.shc-listcard.type-outline {
    box-shadow: inset 0 0 0 1px var(--Border-border-secondary);
    background-color: var(--Background-bg-canvas_white)
}

.shc-listcard.type-outline[data-type=card] {
    min-height: 80px;
    height: 80px
}

.shc-listcard.type-outline:focus-within,
.shc-listcard.type-outline:focus {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-listcard.type-outline:disabled {
    box-shadow: inset 0 0 0 1px var(--Border-border-disabled);
    background-color: var(--Background-bg-disabled)
}

.shc-listcard.type-solid.white {
    background-color: var(--Background-bg-white-elevated);
    box-shadow: 0 4px 16px #0c111d0f
}

.shc-listcard.type-solid.blue {
    background-color: var(--Background-bg-brand)
}

.shc-listcard.type-solid.gray {
    background-color: var(--Background-bg-graylight)
}

.shc-listcard.type-solid.red {
    background-color: var(--Background-bg-red)
}

.shc-listcard__icon,
.shc-listcard__card {
    margin-right: var(--spacing-md)
}

.shc-listcard__card img {
    transform: rotate(90deg)
}

.shc-listcard__card.size-56 {
    width: 56px
}

.shc-listcard__card.size-56 img {
    width: 56px;
    max-width: fit-content
}

.shc-listcard__card.size-48 {
    width: 48px
}

.shc-listcard__card.size-48 img {
    width: 48px;
    max-width: fit-content
}

.shc-listcard__content {
    display: inline-flex;
    align-items: flex-start;
    min-width: 0
}

.shc-listcard__content.align-center {
    align-items: center
}

.shc-listcard__content__double {
    display: block;
    width: 100%;
    text-align: left
}

.shc-listcard__content__double>.shc-listcard__text {
    margin-top: var(--spacing-md);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: initial
}

.shc-listcard__content__double>.shc-listcard__text .shc-listcard__text--subtext {
    margin-right: var(--spacing-md)
}

.shc-listcard__text {
    display: flex;
    flex-direction: column;
    text-align: left;
    min-width: 0
}

.shc-listcard__text--title {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary);
    display: inline-flex;
    align-items: center
}

.shc-listcard__text--title .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.shc-listcard__text--title .ellipsis__etc {
    white-space: nowrap
}

.shc-listcard__text--subtext {
    font-style: normal;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-listcard__text.bottomtext {
    display: inline-flex;
    justify-content: flex-end
}

.shc-account--selectable {
    position: relative
}

.shc-account--selectable input[type=radio] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-account--selectable input[type=radio]:checked+label {
    background-color: var(--Background-bg-brand)
}

.shc-account--selectable input[type=radio]:checked+label:before {
    content: "";
    position: absolute;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
    left: initial;
    right: 20px;
    background-image: url(/pconts/static/svg/checked--blue.svg)
}

.shc-account--selectable input[type=radio]:focus-visible+label {
    outline-width: 2px;
    outline-style: solid;
    outline-offset: -2px
}

.shc-account--selectable label {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 70px;
    padding: var(--spacing-lg) var(--spacing-6xl) var(--spacing-lg) var(--spacing-2xl)
}

.shc-account--selectable__list {
    margin: 0 calc(var(--spacing-2xl) * -1)
}

.shc-account--selectable__bank {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-account--selectable__accountnumber {
    font-style: normal;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-amount--list__item {
    padding: var(--spacing-sm) 0
}

.shc-amount--list__item:last-of-type {
    border-bottom: none;
    padding-bottom: var(--spacing-none)
}

.shc-amount--list__item:first-of-type {
    padding-top: var(--spacing-none)
}

.shc-amount--list__item .shc-checkbox {
    width: 100%;
    display: initial
}

.shc-amount--list .shc-amount__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 70px
}

.shc-amount--list .shc-amount__content--text {
    display: flex;
    flex-direction: column;
    min-width: 0
}

.shc-amount--list .shc-amount__content--title {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shc-amount--list .shc-amount__content--subtext {
    margin-top: var(--spacing-xs)
}

.shc-amount--list .shc-amount__content--desc {
    font-style: normal;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-amount--list .shc-amount__content--desc+.shc-amount__content--desc {
    position: relative;
    margin-left: 13px
}

.shc-amount--list .shc-amount__content--desc+.shc-amount__content--desc:before {
    content: "•";
    color: var(--Text-text-placeholder-same);
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: -9px
}

.shc-amount--list .shc-amount__content--amount {
    display: inline-flex;
    align-items: flex-end;
    flex-direction: column;
    margin-left: var(--spacing-md);
    flex-shrink: 0
}

.shc-amount--list .shc-amount__content--amount__money {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-secondary);
    white-space: nowrap
}

.shc-amount--list .shc-amount__content--amount__date {
    font-style: normal;
    margin-top: var(--spacing-xs);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-select-list-box {
    position: relative;
    overflow: hidden
}

.shc-select-list-box input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap
}

.shc-select-list-box input:focus-visible~.shc-select-list-box__label {
    outline: auto -webkit-focus-ring-color;
    outline-offset: 2px
}

.shc-select-list-box--group .shc-select-list-box+.shc-select-list-box {
    margin-top: 12px
}

.shc-select-list-box__label {
    position: relative;
    display: flex;
    padding: var(--spacing-xl) var(--spacing-2xl);
    border-radius: var(--radius-xl);
    box-shadow: inset 0 0 0 1px var(--Border-border-secondary);
    background: transparent;
    cursor: pointer;
    transition-property: transform, opacity, color, background-color, box-shadow, border-color;
    transition-duration: .25s;
    transition-timing-function: var(--ease);
    -webkit-user-select: none;
    user-select: none
}

.shc-select-list-box__icon {
    flex-shrink: 0;
    padding-right: var(--spacing-md)
}

.shc-select-list-box__content {
    min-width: 0;
    display: flex;
    flex-direction: column
}

.shc-select-list-box__content>:not(:first-child) {
    margin-top: var(--spacing-xs)
}

.shc-select-list-box__content--group {
    flex: 1
}

.shc-select-list-box__content--group .shc-select-list-box__content:last-of-type {
    margin-top: var(--spacing-md);
    display: block;
    text-align: right
}

.shc-select-list-box__content--group .shc-select-list-box__content:last-of-type .shc-select-list-box__text {
    margin-left: var(--spacing-md)
}

.shc-select-list-box__text {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-select-list-box__desc {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

input[type=checkbox]:checked+.shc-select-list-box__label,
input[type=radio]:checked+.shc-select-list-box__label {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

input[type=checkbox]:disabled+.shc-select-list-box__label,
input[type=radio]:disabled+.shc-select-list-box__label {
    cursor: not-allowed;
    background-color: var(--Background-bg-disabled);
    box-shadow: inset 0 0 0 1px var(--Border-border-disabled)
}

input[type=checkbox]:disabled+.shc-select-list-box__label .shc-select-list-box__text,
input[type=checkbox]:disabled+.shc-select-list-box__label .shc-select-list-box__desc,
input[type=radio]:disabled+.shc-select-list-box__label .shc-select-list-box__text,
input[type=radio]:disabled+.shc-select-list-box__label .shc-select-list-box__desc {
    color: var(--Text-text-disabled-same)
}

input[type=checkbox]:checked:disabled+.shc-select-list-box__label,
input[type=radio]:checked:disabled+.shc-select-list-box__label {
    cursor: not-allowed;
    background-color: var(--Background-bg-disabled);
    box-shadow: inset 0 0 0 2px var(--Border-border-brand-disabled)
}

.shc-select-list-box.type-radio.type-btn {
    min-height: 56px
}

.shc-select-list-box.type-radio.type-btn .shc-select-list-box__content {
    width: 100%;
    flex-direction: initial;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.shc-select-list-box.type-radio.type-btn .shc-select-list-box__content .shc-select-list-box__desc {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.shc-select-list-box.type-radio,
.shc-select-list-box.type-checkbox {
    min-height: 60px
}

.shc-select-list-box.type-checkbox .shc-select-list-box__label:before,
.shc-select-list-box.type-checkbox .shc-select-list-box__label:after {
    content: "";
    position: absolute;
    top: var(--spacing-2xl);
    right: 20px;
    width: 24px;
    height: 24px;
    border-radius: var(--radius-xs);
    background-position: 50% 50%;
    background-size: 18px auto;
    background-repeat: no-repeat;
    transition: all .25s var(--ease)
}

.shc-select-list-box.type-checkbox .shc-select-list-box__label:before {
    border: 1px solid var(--Border-border-primary_strong-same);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9963 5.24634L7.125 13.1177L3.00366 8.99634L3.74634 8.25366L7.125 11.6323L14.2537 4.50366L14.9963 5.24634Z' fill='%23E4E7EC'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-checkbox .shc-select-list-box__label:after {
    opacity: 0;
    transform: scale(0);
    background-color: var(--Foreground-fg-brand-same);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.4204 5.67041L7.125 13.9658L2.57959 9.42041L4.17041 7.82959L7.125 10.7842L13.8296 4.07959L15.4204 5.67041Z' fill='white'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-checkbox input[type=checkbox]:checked+.shc-select-list-box__label:after {
    opacity: 1;
    transform: scale(1)
}

.shc-select-list-box.type-checkbox input[type=checkbox]:disabled+.shc-select-list-box__label:before {
    border-color: var(--Border-border-disabled);
    background-color: var(--Background-bg-disabled)
}

.shc-select-list-box.type-checkbox input[type=checkbox]:checked:disabled+.shc-select-list-box__label:after {
    background-color: var(--Background-bg-brand-selected_disabled)
}

.shc-select-list-box.type-checkbox.align--left .shc-select-list-box__label {
    flex-direction: column;
    padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl) calc(var(--spacing-4xl) + var(--spacing-2xl))
}

.shc-select-list-box.type-checkbox.align--left .shc-select-list-box__label:before,
.shc-select-list-box.type-checkbox.align--left .shc-select-list-box__label:after {
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.shc-select-list-box.type-checkbox.align--left .shc-select-list-box__label:after {
    opacity: 0;
    transform: translateY(-50%) scale(0)
}

.shc-select-list-box.type-checkbox.align--left input[type=checkbox]:checked+.shc-select-list-box__label:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.shc-select-list-box.type-mark {
    min-height: 78px
}

.shc-select-list-box.type-mark .shc-select-list-box__label {
    display: flex;
    flex-direction: column
}

.shc-select-list-box.type-mark .shc-select-list-box__label>:not(:first-child) {
    margin-top: var(--spacing-xs)
}

.shc-select-list-box.type-mark .shc-select-list-box__label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    background-position: 50% 50%;
    background-size: 18px auto;
    background-repeat: no-repeat;
    transition: all .25s var(--ease);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9963 5.24634L7.125 13.1177L3.00366 8.99634L3.74634 8.25366L7.125 11.6323L14.2537 4.50366L14.9963 5.24634Z' fill='%23667085'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-mark .shc-select-list-box__label:after {
    clip-path: inset(0 100% 0 0);
    transition: clip-path .5s var(--ease)
}

.shc-select-list-box.type-mark input[type=checkbox]:checked+.shc-select-list-box__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.4204 5.67041L7.125 13.9658L2.57959 9.42041L4.17041 7.82959L7.125 10.7842L13.8296 4.07959L15.4204 5.67041Z' fill='%23005DF9'/%3E %3C/svg%3E");
    clip-path: inset(0 0 0 0)
}

.shc-select-list-box.type-mark input[type=checkbox]:disabled+.shc-select-list-box__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9963 5.24634L7.125 13.1177L3.00366 8.99634L3.74634 8.25366L7.125 11.6323L14.2537 4.50366L14.9963 5.24634Z' fill='%23D0D5DD'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-mark input[type=checkbox]:checked:disabled+.shc-select-list-box__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.4204 5.67041L7.125 13.9658L2.57959 9.42041L4.17041 7.82959L7.125 10.7842L13.8296 4.07959L15.4204 5.67041Z' fill='%23C2D3FF'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-all,
.shc-select-list-box.type-account {
    min-height: 58px
}

.shc-select-list-box.type-all .shc-select-list-box__label:before,
.shc-select-list-box.type-all .shc-select-list-box__label:after,
.shc-select-list-box.type-account .shc-select-list-box__label:before,
.shc-select-list-box.type-account .shc-select-list-box__label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: var(--radius-xs);
    background-position: 50% 50%;
    background-size: 18px auto;
    background-repeat: no-repeat;
    transition: all .25s var(--ease)
}

.shc-select-list-box.type-all .shc-select-list-box__label:before,
.shc-select-list-box.type-account .shc-select-list-box__label:before {
    border: 1px solid var(--Border-border-primary_strong-same);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9963 5.24634L7.125 13.1177L3.00366 8.99634L3.74634 8.25366L7.125 11.6323L14.2537 4.50366L14.9963 5.24634Z' fill='%23E4E7EC'/%3E %3C/svg%3E")
}

@media (prefers-color-scheme: dark) {

    :root:not(.no-theme):not([data-theme=light]) .shc-select-list-box.type-all .shc-select-list-box__label:before,
    :root:not(.no-theme):not([data-theme=light]) .shc-select-list-box.type-account .shc-select-list-box__label:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9966 5.24658L7.12524 13.1179L3.00391 8.99658L3.74658 8.25391L7.12524 11.6326L14.2539 4.50391L14.9966 5.24658Z' fill='%23344054'/%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .shc-select-list-box.type-all .shc-select-list-box__label:before,
[data-theme=dark]:not(.no-theme) .shc-select-list-box.type-account .shc-select-list-box__label:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9966 5.24658L7.12524 13.1179L3.00391 8.99658L3.74658 8.25391L7.12524 11.6326L14.2539 4.50391L14.9966 5.24658Z' fill='%23344054'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-all .shc-select-list-box__label:after,
.shc-select-list-box.type-account .shc-select-list-box__label:after {
    opacity: 0;
    transform: translateY(-50%) scale(0);
    background-color: var(--Foreground-fg-brand-same);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.4204 5.67041L7.125 13.9658L2.57959 9.42041L4.17041 7.82959L7.125 10.7842L13.8296 4.07959L15.4204 5.67041Z' fill='white'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-all input[type=checkbox]:checked+.shc-select-list-box__label:after,
.shc-select-list-box.type-account input[type=checkbox]:checked+.shc-select-list-box__label:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.shc-select-list-box.type-all input[type=checkbox]:disabled+.shc-select-list-box__label:before,
.shc-select-list-box.type-account input[type=checkbox]:disabled+.shc-select-list-box__label:before {
    border-color: var(--Border-border-disabled);
    background-color: var(--Background-bg-disabled)
}

.shc-select-list-box.type-all input[type=checkbox]:checked:disabled+.shc-select-list-box__label:after,
.shc-select-list-box.type-account input[type=checkbox]:checked:disabled+.shc-select-list-box__label:after {
    background-color: var(--Background-bg-brand-selected_disabled)
}

.shc-select-list-box.type-all .shc-select-list-box__text,
.shc-select-list-box.type-account .shc-select-list-box__text {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-select-list-box.type-card {
    min-height: 58px
}

.shc-select-list-box.type-card .shc-select-list-box__label {
    align-items: center
}

.shc-select-list-box.type-card .shc-select-list-box__label:before,
.shc-select-list-box.type-card .shc-select-list-box__label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    border-radius: var(--radius-xs);
    background-position: 50% 50%;
    background-size: 18px auto;
    background-repeat: no-repeat;
    transition: all .25s var(--ease)
}

.shc-select-list-box.type-card .shc-select-list-box__label:before {
    border: 1px solid var(--Border-border-primary_strong-same);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M14.9963 5.24634L7.125 13.1177L3.00366 8.99634L3.74634 8.25366L7.125 11.6323L14.2537 4.50366L14.9963 5.24634Z' fill='%23E4E7EC'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-card .shc-select-list-box__label:after {
    opacity: 0;
    transform: translateY(-50%) scale(0);
    background-color: var(--Foreground-fg-brand-same);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M15.4204 5.67041L7.125 13.9658L2.57959 9.42041L4.17041 7.82959L7.125 10.7842L13.8296 4.07959L15.4204 5.67041Z' fill='white'/%3E %3C/svg%3E")
}

.shc-select-list-box.type-card .shc-select-list-box__label .shc-card-info__img {
    width: 48px;
    height: 48px
}

.shc-select-list-box.type-card .shc-select-list-box__label .shc-card-info__img img {
    width: 48px
}

.shc-select-list-box.type-card input[type=checkbox]:checked+.shc-select-list-box__label:after {
    opacity: 1;
    transform: translateY(-50%) scale(1)
}

.shc-select-list-box.type-card input[type=checkbox]:disabled+.shc-select-list-box__label:before {
    border-color: var(--Border-border-disabled);
    background-color: var(--Background-bg-disabled)
}

.shc-select-list-box.type-card input[type=checkbox]:checked:disabled+.shc-select-list-box__label:after {
    background-color: var(--Background-bg-brand-selected_disabled)
}

.shc-select-list-box.type-card .shc-select-list-box__text {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-select-list-box.type-card .shc-select-list-box__label {
    min-height: 86px;
    padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl) calc(var(--spacing-3xl) + var(--spacing-2xl) + var(--spacing-md))
}

.shc-select-list-box.type-card .shc-select-list-box__label .shc-account-info__img {
    position: absolute;
    top: 50%;
    left: 52px;
    transform: translateY(-50%)
}

.shc-select-list-box.type-card .shc-select-list-box__label .shc-select-list-box__content {
    margin-left: var(--spacing-md)
}

.shc-select-list-box.type-card .shc-select-list-box__label .shc-select-list-box__content .shc-select-list-box__text {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-select-list-box.type-mark .shc-select-list-box__label,
.shc-select-list-box.type-all .shc-select-list-box__label {
    padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl) calc(var(--spacing-4xl) + var(--spacing-2xl))
}

.shc-select-list-box.type-account {
    min-height: 86px
}

.shc-select-list-box.type-account .shc-select-list-box__label {
    min-height: 86px;
    padding: var(--spacing-xl) var(--spacing-2xl) var(--spacing-xl) calc(var(--spacing-4xl) * 2 + var(--spacing-2xl))
}

.shc-select-list-box.type-account .shc-select-list-box__label .shc-account-info__img {
    position: absolute;
    top: 50%;
    left: 52px;
    transform: translateY(-50%)
}

.shc-select-list-box.type-account .shc-select-list-box__label .shc-select-list-box__content {
    margin-left: var(--spacing-md)
}

.shc-select-list-box.type-account .shc-select-list-box__label .shc-select-list-box__content .shc-select-list-box__text {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-dragndrop__list {
    display: flex;
    flex-direction: column
}

.shc-dragndrop__list>li {
    position: relative;
    padding-right: 48px;
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md)
}

.shc-dragndrop__list>li .shc-dragndrop__handle {
    display: none
}

.shc-dragndrop__list>li.is-draggable .shc-dragndrop__handle {
    display: block;
    position: absolute;
    top: calc(50% - 12px);
    right: 0;
    width: 24px;
    height: 24px;
    cursor: grab
}

.shc-dragndrop__list>li.is-draggable .shc-dragndrop__handle:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: var(--Foreground-fg-quaternary);
    -webkit-mask-image: url(/pconts/static/svg/arrow-handle.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/arrow-handle.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-dragndrop__list>li.is-draggable .shc-dragndrop__handle:active {
    cursor: grabbing
}

.shc-dragndrop__sortable-chosen {
    box-shadow: 0 4px 16px #0c111d0f
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.shc-branch-search {
    position: sticky;
    top: 0;
    background-color: var(--Background-bg-canvas_white);
    padding-bottom: var(--spacing-2xl);
    z-index: 1
}

.shc-branch-search .shc-input {
    position: relative
}

.shc-branch-search .shc-input:before {
    content: "";
    position: absolute;
    top: -16px;
    left: 0;
    right: 0;
    bottom: 0;
    background: var(--Background-bg-canvas_white);
    z-index: -1
}

.shc-branch-search--tip dt {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-branch-search--tip dd {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.shc-branch-search--sample {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-secondary);
    margin-top: var(--spacing-md)
}

.shc-branch-search__result li:first-child {
    padding-top: var(--spacing-none)
}

.shc-branch-search__result li:last-child {
    padding-bottom: var(--spacing-none)
}

.shc-branch-search__result--name {
    display: block;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-branch-search__result--addr {
    display: block;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-secondary);
    margin-top: var(--spacing-md)
}

.shc-branch-search__result--content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: flex-start;
    min-height: 107px;
    padding: var(--spacing-lg) 0
}

.shc-branch-search__result--content .shc-btn {
    margin-left: var(--spacing-md);
    flex-shrink: 0;
    width: 69px
}

.shc-branch-search__result--map {
    margin: var(--spacing-md) 0 var(--spacing-3xl);
    min-height: 162px
}

.shc-branch-search__result--map.map-none {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 700;
    color: var(--Text-text-notice-alt);
    border: 2px dashed var(--Foreground-fg-notice-same);
    background-color: var(--Background-bg-negative)
}

.shc-branch-search__result li {
    padding: var(--spacing-sm) 0
}

.shc-branch-search__result li:first-of-type {
    padding-top: var(--spacing-none)
}

.shc-branch-search__result li:last-of-type {
    padding-bottom: var(--spacing-none)
}

.shc-branch-search__result li+li {
    border-top: 1px solid var(--Border-border-secondary)
}

.shc-chart--circle {
    --chart-size: 40px;
    --radius: 18;
    --stroke-width: 1.6;
    --chart-color: var(--Border-border-brand);
    --bg-color: var(--Border-border-brand-disabled);
    position: relative;
    width: var(--chart-size);
    height: var(--chart-size)
}

.shc-chart--circle svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg)
}

.shc-chart--circle__bg {
    fill: none;
    stroke: var(--bg-color);
    stroke-width: var(--stroke-width)
}

.shc-chart--circle__progress {
    fill: none;
    stroke: var(--chart-color);
    stroke-width: var(--stroke-width);
    stroke-dasharray: 0 113.1;
    transition: stroke-dasharray .6s var(--ease-in);
    stroke-dashoffset: 0
}

.shc-chart--circle__line {
    position: absolute;
    top: 0;
    bottom: 50%;
    left: calc(50% - 2px);
    width: 4px;
    transform-origin: 50% 100%;
    background-color: var(--Background-bg-canvas_gray_light);
    transform: rotate(0)
}

.shc-chart--circle__line:nth-child(1) {
    transform: rotate(0)
}

.shc-chart--circle__line:nth-child(2) {
    transform: rotate(72deg)
}

.shc-chart--circle__line:nth-child(3) {
    transform: rotate(144deg)
}

.shc-chart--circle__line:nth-child(4) {
    transform: rotate(216deg)
}

.shc-chart--circle__line:nth-child(5) {
    transform: rotate(288deg)
}

.shc-chart--circle__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--chart-color);
    font-size: 14px;
    font-weight: 700;
    background-color: var(--Background-bg-canvas_gray_light)
}

.shc-chart--circle[data-chart-value="1"] .shc-chart--circle__progress {
    stroke-dasharray: 22.62 113.1
}

.shc-chart--circle[data-chart-value="2"] .shc-chart--circle__progress {
    stroke-dasharray: 45.24 113.1
}

.shc-chart--circle[data-chart-value="3"] .shc-chart--circle__progress {
    stroke-dasharray: 67.86 113.1
}

.shc-chart--circle[data-chart-value="4"] .shc-chart--circle__progress {
    stroke-dasharray: 90.48 113.1
}

.shc-chart--circle[data-chart-value="5"] .shc-chart--circle__progress {
    stroke-dasharray: 113.1 113.1
}

.shc-process {
    --step: 0
}

.shc-process__bar {
    position: relative;
    display: flex;
    position: sticky;
    background-color: var(--Background-bg-gray);
    border: 1px solid var(--Border-border-secondary)
}

@media (max-width: 1023px) {
    .shc-process__bar {
        top: var(--spacing-none)
    }
}

@media (min-width: 1024px) {
    .shc-process__bar {
        top: var(--spacing-4xl)
    }
}

.shc-process__bar>li {
    position: relative;
    height: 2px;
    flex: 1
}

.shc-process__bar:before {
    content: "";
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 2;
    width: var(--step);
    height: 4px;
    border-left: 1px solid var(--Background-bg-brand_strong-same);
    border-right: 1px solid var(--Background-bg-brand_strong-same);
    box-sizing: content-box;
    background-color: var(--Background-bg-brand_strong-same);
    transition: all .25s var(--ease)
}

.shc-process[data-step="0"] .shc-process__bar:before {
    border: none
}

.shc-process[data-step="1"] .shc-process__bar:before,
.shc-process[data-step="2"] .shc-process__bar:before {
    border-right: none
}

.shc-process:not(.type-full) {
    width: 100%;
    max-width: 620px;
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl);
    margin-left: auto;
    margin-right: auto
}

.shc-process:not(.type-full) .shc-process__bar {
    border-radius: 2px
}

.shc-process:not(.type-full) .shc-process__bar:before {
    border-radius: 2px
}

.shc-process:not(.type-full) .shc-process__bar>li:before,
.shc-process:not(.type-full) .shc-process__bar>li:after {
    content: "";
    position: absolute;
    top: -1px;
    bottom: -1px
}

.shc-process:not(.type-full) .shc-process__bar>li:before {
    z-index: 1;
    left: 0;
    width: 100%;
    border-style: solid;
    border-width: 0 1px;
    border-color: var(--Border-border-secondary)
}

.shc-process:not(.type-full) .shc-process__bar>li:first-child:before {
    border-left: none
}

.shc-process:not(.type-full) .shc-process__bar>li:last-child:before {
    border-right: none
}

.shc-process:not(.type-full) .shc-process__bar>li:not(:last-child):after {
    z-index: 3;
    left: 100%;
    width: 2px;
    background-color: var(--Background-bg-canvas_white)
}

.shc-process.type-full {
    width: 100%;
    max-width: 580px;
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none);
    margin-left: auto;
    margin-right: auto
}

.shc-process__end {
    display: none;
    position: fixed;
    right: 18px;
    top: 10px;
    width: 32px;
    height: 32px;
    padding: 4px;
    z-index: 900
}

.shc-process__end .shc-icon {
    width: 24px;
    height: 24px
}

.shc-process__number {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary);
    margin-top: var(--spacing-md)
}

.shc-process__number .shc-process__number-current {
    color: #1f5bff;
    font-weight: var(--font-weight-medium)
}

.shc-process__number .shc-process__number-separator {
    margin: var(--spacing-none) var(--spacing-md);
    width: 1px;
    height: 10px;
    border-left: 1px solid var(--Border-border-secondary)
}

.shc-grid-btn__group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: var(--spacing-md) var(--spacing-xs) var(--spaing--none)
}

.shc-grid-btn__group>li {
    flex: 1 0 calc(33.33% - var(--spacing-md) * 2 / 3);
    max-width: calc(33.33% - var(--spacing-md) * 2 / 3)
}

.shc-grid-btn__group>li:nth-child(n+4) {
    margin-top: var(--spacing-md)
}

.shc-grid-btn__group>li:nth-child(3n+2),
.shc-grid-btn__group>li:nth-child(3n+3) {
    margin-left: var(--spacing-md)
}

.shc-grid-btn__group>li .shc-grid-btn {
    overflow: hidden;
    min-height: 100%
}

.shc-grid-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: var(--Background-bg-gray);
    border-radius: var(--radius-md);
    padding: var(--spacing-xl) var(--spacing-sm) var(--spacing-lg) var(--spacing-sm)
}

.shc-grid-btn.is-active {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.shc-grid-btn:active {
    background: var(--Background-bg-dark_a10)
}

.shc-grid-btn .shc-icon {
    width: 36px;
    height: 36px
}

.shc-grid-btn .shc-grid-btn__text {
    display: block;
    width: 100%;
    margin-top: var(--spacing-md);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.shc-grid-list {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: var(--spacing-xl)
}

.shc-grid-list:last-child {
    margin-bottom: 0
}

.shc-grid-list .shc-icon {
    width: 36px;
    height: 36px
}

.shc-grid-list .shc-grid-btn__text {
    display: block;
    width: 100%;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-primary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.event-area .lottery {
    width: 100%;
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
    padding: var(--spacing-4xl) var(--spacing-3xl) var(--spacing-2xl);
    border-radius: var(--radius-xl);
    background-color: #344054;
    background: #344054 url(/pconts/static/images/event/bg/lottery-bg.png) no-repeat 100% 0/200px 241px
}

.event-area .lottery__name {
    display: flex;
    flex-direction: column
}

.event-area .lottery__name .ci--dark {
    width: 60px;
    height: 14px;
    background-image: url(/pconts/static/svg/ci--dark.svg);
    background-size: cover
}

.event-area .lottery__name strong {
    margin-top: var(--spacing-xs);
    font-size: var(--size-headline-S);
    letter-spacing: var(--letterspace-headline-S);
    line-height: var(--lineheight-headline-S);
    font-weight: 800;
    color: #fff
}

.event-area .lottery__container {
    position: relative;
    height: 120px;
    border-radius: var(--radius-md);
    margin-top: var(--spacing-2xl);
    overflow: hidden;
    background-color: #fff
}

@media (max-width: 1023px) {
    .event-area .lottery__container {
        width: 287px
    }
}

@media (min-width: 1024px) {
    .event-area .lottery__container {
        width: 372px
    }
}

.event-area .lottery__container.is-active .lottery__result {
    display: flex
}

.event-area .lottery__result {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    display: none
}

.event-area .lottery__result span {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    color: #101828
}

.event-area .lottery__result strong {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 800;
    color: #101828
}

.event-area .lottery__scratch {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.event-area .roullet {
    overflow: hidden;
    position: relative;
    width: 300px;
    padding-top: 10px;
    margin-left: auto;
    margin-right: auto
}

.event-area .roullet:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 18px);
    z-index: 1;
    width: 36px;
    height: 42px;
    background: url(/pconts/static/images/event/bg/roulette_pin.png) no-repeat center center/contain
}

.event-area .roullet__container {
    position: relative;
    width: 300px;
    height: 300px
}

.event-area .roullet__items {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    transform: rotate(-36deg);
    transform-origin: 50% 50%;
    transition: transform 3s var(--ease-in-out);
    border: 10px solid #7fd4ff;
    box-shadow: -1px -2px 1px #1231b033 inset
}

.event-area .roullet__items>li {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    transform-origin: 0% 100%
}

.event-area .roullet__items>li:nth-child(1) {
    transform: rotate(0) skewY(-18deg)
}

.event-area .roullet__items>li:nth-child(2) {
    transform: rotate(72deg) skewY(-18deg)
}

.event-area .roullet__items>li:nth-child(3) {
    transform: rotate(144deg) skewY(-18deg)
}

.event-area .roullet__items>li:nth-child(4) {
    transform: rotate(216deg) skewY(-18deg)
}

.event-area .roullet__items>li:nth-child(5) {
    transform: rotate(288deg) skewY(-18deg)
}

.event-area .roullet__items>li span {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 30px;
    transform: skewY(18deg) rotate(36deg) translateY(32%);
    text-align: center;
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 500;
    color: #667085
}

.event-area .roullet__items>li strong {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 800;
    color: var(--gray-700, #667085)
}

.event-area .roullet__btn {
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 88px;
    height: 88px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 10;
    background: url(/pconts/static/images/event/bg/roulette_button.png) no-repeat center center/contain
}

.shc-radio__card-list {
    display: flex;
    flex-direction: column
}

.shc-radio__card-list>li {
    padding: var(--spacing-lg) 0
}

.shc-radio__card-list>li:not(:first-child) {
    margin-top: var(--spacing-sm)
}

.shc-radio__card-list>li .shc-radio {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.shc-radio__card-list>li .shc-radio .shc-label--tint {
    margin-left: var(--spacing-md)
}

.shc-radio__card-list>li .shc-radio__label {
    flex: 1
}

.shc-radio__card-list>li .shc-radio__label .shc-card-info__subtext {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300
}

.shc-radio__card-list>li .shc-radio-disabled .shc-card-info__title {
    color: var(--Text-text-disabled-same)
}

.shc-radio__card-list>li .shc-radio .shc-card-info__title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.data-box__gray {
    padding: var(--spacing-2xl);
    border-radius: var(--radius-xl);
    border: 1px solid var(--Border-border-secondary)
}

.data-box__gray .shc-btn-group {
    margin-top: var(--spacing-2xl)
}

.data-box__gray+.data-box__gray {
    margin-top: var(--spacing-lg)
}

.data-box__gray .shc-list__details {
    display: flex
}

.data-box__gray.type-solid {
    background-color: var(--Background-bg-graylight);
    border: none
}

.data-box__title {
    display: block;
    margin-bottom: var(--spacing-2xl);
    color: var(--Text-text-secondary);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500
}

.data-box__subtitle {
    display: block;
    margin-bottom: var(--spacing-lg);
    color: var(--Text-text-secondary);
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.complete__gradient-btn {
    display: inline-flex;
    align-items: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: var(--radius-full);
    background-origin: border-box;
    background-clip: content-box, border-box;
    background-image: linear-gradient(var(--Background-bg-canvas_white), var(--Background-bg-canvas_white)), linear-gradient(93deg, #02afff, #e02af4, #ff8353)
}

.complete__gradient-btn picture {
    width: 24px;
    height: 24px;
    margin-left: var(--spacing-lg)
}

.complete__gradient-btn span {
    position: relative;
    display: block;
    padding: var(--spacing-md) var(--spacing-xl) var(--spacing-md) var(--spacing-sm);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 700;
    background: linear-gradient(93deg, #02afff, #e02af4, #ff8353);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.complete__gradient-btn span.bodyL {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700
}

.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade-,
.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.-selected-.air-datepicker-cell.-day-.-other-month-,
.-selected-.air-datepicker-cell.-year-.-other-decade- {
    color: #fff;
    background: var(--adp-background-color-selected-other-month)
}

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background: var(--adp-background-color-selected-other-month-focused)
}

.-in-range-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range);
    color: var(--adp-color)
}

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-,
.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range-focused)
}

.air-datepicker-cell.-day-.-other-month-:empty,
.air-datepicker-cell.-year-.-other-decade-:empty {
    background: none;
    border: none
}

.air-datepicker-cell.-day- {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-primary);
    overflow: hidden
}

.air-datepicker-cell.-month-,
.air-datepicker-cell.-year- {
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    border-radius: var(--radius-md);
    box-shadow: inset 0 0 0 1px var(--Border-border-primary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

.air-datepicker-cell.-month-.-selected-,
.air-datepicker-cell.-year-.-current- {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand);
    font-weight: 500;
    color: var(--Text-text-brand)
}

.air-datepicker-cell.-day-.-current- {
    color: var(--Text-text-brand);
    font-weight: var(--font-weight-bold)
}

.air-datepicker-cell.-day-.-current-:before {
    content: "";
    position: absolute;
    left: calc(50% - 12px);
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    border-radius: var(--radius-full);
    border: 1px solid var(--Border-border-brand)
}

.air-datepicker-cell.-disabled- {
    cursor: default;
    color: var(--Text-text-disabled-same);
    font-weight: var(--font-weight-light);
    pointer-events: none
}

.air-datepicker-cell.-disabled-.-month- {
    background-color: var(--adp-color-disabled);
    pointer-events: none
}

.air-datepicker-cell.-disabled-.-focus-,
.air-datepicker-cell.-disabled-.-current-.-focus- {
    color: var(--Text-text-disabled-same)
}

.air-datepicker-cell.-day-.-in-range- {
    border-radius: 0
}

.-range-from-:not(.-weekend-:nth-child(7))+.air-datepicker-cell.-day-.-in-range-:before {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -50%;
    top: 50%;
    width: 50%;
    transform: translateY(-50%);
    height: 36px;
    background-color: var(--Background-bg-brand)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .-range-from-:not(.-weekend-:nth-child(7))+.air-datepicker-cell.-day-.-in-range-:before {
        background-color: var(--Background-bg-brand, rgba(0, 93, 249, .25))
    }
}

[data-theme=dark]:not(.no-theme) .-range-from-:not(.-weekend-:nth-child(7))+.air-datepicker-cell.-day-.-in-range-:before {
    background-color: var(--Background-bg-brand, rgba(0, 93, 249, .25))
}

.air-datepicker-cell.-day-.-in-range-:not(.-range-from-):after {
    content: attr(data-date);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 36px;
    background-color: var(--Background-bg-brand)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .air-datepicker-cell.-day-.-in-range-:not(.-range-from-):after {
        background-color: var(--Background-bg-brand, rgba(0, 93, 249, .25))
    }
}

[data-theme=dark]:not(.no-theme) .air-datepicker-cell.-day-.-in-range-:not(.-range-from-):after {
    background-color: var(--Background-bg-brand, rgba(0, 93, 249, .25))
}

.air-datepicker-cell.-day-.-range-from- {
    border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
    font-weight: 700
}

.air-datepicker-cell.-day-.-range-from-:before {
    content: attr(data-date);
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Text-text-ondark_primary-same);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: var(--radius-full);
    background-color: var(--Background-bg-brand_strong-same)
}

.air-datepicker-cell.-day-.-range-from-:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    height: 36px;
    background-color: var(--Background-bg-brand);
    z-index: -1
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .air-datepicker-cell.-day-.-range-from-:after {
        background-color: var(--Background-bg-brand, rgba(0, 93, 249, .25))
    }
}

[data-theme=dark]:not(.no-theme) .air-datepicker-cell.-day-.-range-from-:after {
    background-color: var(--Background-bg-brand, rgba(0, 93, 249, .25))
}

.air-datepicker-cell.-day-.-range-to- {
    border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
}

.air-datepicker-cell.-day-.-range-to-:before {
    content: attr(data-date);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Text-text-ondark_primary-same);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: var(--radius-full);
    background-color: var(--Background-bg-brand_strong-same)
}

.air-datepicker-cell.-day-.-range-to-:after {
    content: "";
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: -50%;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    height: 36px;
    background-color: var(--Background-bg-brand);
    z-index: -1
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .air-datepicker-cell.-day-.-range-to-:after {
        background-color: var(--Background-bg-brand, rgba(0, 93, 249, .25))
    }
}

[data-theme=dark]:not(.no-theme) .air-datepicker-cell.-day-.-range-to-:after {
    background-color: var(--Background-bg-brand, rgba(0, 93, 249, .25))
}

.air-datepicker-cell.-day-.-range-to-.-range-from- {
    position: relative
}

.air-datepicker-cell.-day-.-selected- {
    border: none;
    position: relative
}

.air-datepicker-cell.-day-.-selected-:before {
    content: attr(data-date);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Text-text-ondark_primary-same);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: var(--radius-full);
    background-color: var(--Background-bg-brand_strong-same)
}

.air-datepicker-cell.-day-.-range-from-.-range-to-:after {
    content: "";
    width: 42px;
    height: 42px;
    border-radius: var(--radius-full);
    box-shadow: inset 0 0 0 1.5px var(--Background-bg-brand_strong-same);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.air-datepicker-body {
    transition: all var(--adp-transition-duration) var(--adp-transition-ease)
}

.air-datepicker-body.-months-,
.air-datepicker-body.-years- {
    margin-top: 16px
}

.air-datepicker-body.-hidden- {
    display: none
}

.air-datepicker-body--day-names {
    display: grid;
    grid-template-columns: repeat(7, var(--adp-day-cell-width));
    grid-auto-rows: 50px;
    margin-top: var(--spacing-sm)
}

.air-datepicker-body--day-name {
    color: var(--Text-text-tertiary);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500
}

.air-datepicker-body--day-name.-weekend-[data-day-index="0"] {
    color: var(--Text-text-new-same)
}

.air-datepicker-body--day-name.-weekend-[data-day-index="6"] {
    color: var(--Text-text-brand)
}

.air-datepicker-body--day-name.-clickable- {
    cursor: pointer
}

.air-datepicker-body--day-name.-clickable-:hover {
    color: var(--adp-day-name-color-hover)
}

.air-datepicker-body--cells {
    display: grid
}

.air-datepicker-body--cells.-days- {
    grid-template-columns: repeat(7, var(--adp-day-cell-width));
    grid-auto-rows: 52px;
    margin-top: var(--spacing-sm)
}

.air-datepicker-body--cells.-months- {
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 48px;
    gap: var(--spacing-md)
}

.air-datepicker-body--cells.-years- {
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: var(--adp-year-cell-height);
    gap: var(--spacing-md)
}

.air-datepicker-nav {
    display: flex;
    justify-content: space-between;
    min-height: var(--adp-nav-height);
    box-sizing: content-box
}

.-only-timepicker- .air-datepicker-nav {
    display: none
}

.air-datepicker-nav--title,
.air-datepicker-nav--action {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center
}

.air-datepicker-nav--action.-disabled- {
    visibility: hidden
}

.air-datepicker-nav--title:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--title.-disabled- {
    cursor: default;
    background: none
}

.air-datepicker-buttons {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.air-datepicker-button {
    display: inline-flex;
    color: var(--adp-btn-color);
    border-radius: var(--adp-btn-border-radius);
    cursor: pointer;
    height: var(--adp-btn-height);
    border: none;
    background: #fff0
}

.air-datepicker-button:hover {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover)
}

.air-datepicker-button:focus {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
    outline: none
}

.air-datepicker-button:active {
    background: var(--adp-btn-background-color-active)
}

.air-datepicker-button span {
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.air-datepicker-time {
    display: grid;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    grid-column-gap: 12px;
    align-items: center;
    position: relative;
    padding: 0 var(--adp-time-padding-inner)
}

.-only-timepicker- .air-datepicker-time {
    border-top: none
}

.air-datepicker-time--current {
    display: flex;
    align-items: center;
    flex: 1;
    font-size: 14px;
    text-align: center
}

.air-datepicker-time--current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.air-datepicker-time--current-hours,
.air-datepicker-time--current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.air-datepicker-time--current-hours:after,
.air-datepicker-time--current-minutes:after {
    content: "";
    background: var(--adp-background-color-hover);
    border-radius: var(--adp-border-radius);
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.air-datepicker-time--current-hours.-focus-:after,
.air-datepicker-time--current-minutes.-focus-:after {
    opacity: 1
}

.air-datepicker-time--current-ampm {
    text-transform: uppercase;
    align-self: flex-end;
    color: var(--adp-time-day-period-color);
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.air-datepicker-time--row {
    display: flex;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
}

.air-datepicker-time--row:first-child {
    margin-bottom: 4px
}

.air-datepicker-time--row input[type=range] {
    background: none;
    cursor: pointer;
    flex: 1;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
    display: none
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:focus {
    outline: none
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -moz-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -ms-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    margin-top: calc(var(--adp-time-thumb-size) / 2 * -1)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: transparent
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: transparent
}

.air-datepicker-time--row input[type=range]::-ms-track {
    border: none;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: transparent
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
    background: transparent
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
    background: transparent
}

.air-datepicker {
    --adp-font-family: "Digital One Shinhan", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --adp-font-size: 14px;
    --adp-width: 246px;
    --adp-z-index: 100;
    --adp-padding: 4px;
    --adp-grid-areas: "nav" "body" "timepicker" "buttons";
    --adp-transition-duration: .3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: #f0f0f0;
    --adp-background-color-active: #eaeaea;
    --adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #4eb5e6;
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: #dedede;
    --adp-color-disabled: var(--Background-bg-disabled);
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 4px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);
    --adp-day-name-color: #ff9a19;
    --adp-day-name-color-hover: #8ad5f4;
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 32px;
    --adp-month-cell-height: 42px;
    --adp-year-cell-height: 56px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px;
    --adp-cell-background-color-selected: #5cc4ef;
    --adp-cell-background-color-selected-hover: #45bced;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, .2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px
}

.air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0, 0, 0, .3);
    --adp-overlay-transition-duration: .3s;
    --adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99
}

.air-datepicker {
    border: 1px solid var(--adp-border-color);
    box-shadow: 0 4px 12px #00000026;
    border-radius: var(--adp-border-radius);
    box-sizing: content-box;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, -webkit-max-content);
    grid-template-rows: repeat(4, max-content);
    grid-template-areas: var(--adp-grid-areas);
    font-family: var(--adp-font-family), sans-serif;
    font-size: var(--adp-font-size);
    color: var(--adp-color);
    width: var(--adp-width);
    position: absolute;
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index: var(--adp-z-index)
}

.air-datepicker:not(.-custom-position-) {
    opacity: 0
}

.air-datepicker.-from-top- {
    transform: translateY(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-from-right- {
    transform: translate(var(--adp-transition-offset))
}

.air-datepicker.-from-bottom- {
    transform: translateY(var(--adp-transition-offset))
}

.air-datepicker.-from-left- {
    transform: translate(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-active-:not(.-custom-position-) {
    transform: translate(0);
    opacity: 1
}

.air-datepicker.-active-.-custom-position- {
    transition: none
}

.air-datepicker.-inline- {
    width: 100%;
    border: var(--adp-border-color-inline);
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none
}

.air-datepicker.-inline- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile- {
    --adp-font-size: var(--adp-mobile-font-size);
    --adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);
    --adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);
    --adp-nav-action-size: var(--adp-mobile-nav-height);
    position: fixed;
    width: var(--adp-mobile-width);
    border: none
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: transparent
}

.air-datepicker.-is-mobile- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
    transform: translate(-50%, calc(-50% + var(--adp-transition-offset)))
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
    transform: translate(-50%, -50%)
}

.air-datepicker.-custom-position- {
    transition: none
}

.air-datepicker-global-container {
    position: absolute;
    left: 0;
    top: 0
}

.air-datepicker--pointer {
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    z-index: -1
}

.air-datepicker--pointer:after {
    content: "";
    position: absolute;
    background: #fff;
    border-top: 1px solid var(--adp-border-color-inline);
    border-right: 1px solid var(--adp-border-color-inline);
    border-top-right-radius: var(--adp-poiner-border-radius);
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size);
    box-sizing: border-box
}

.-top-left- .air-datepicker--pointer,
.-top-center- .air-datepicker--pointer,
.-top-right- .air-datepicker--pointer,
[data-popper-placement^=top] .air-datepicker--pointer {
    top: calc(100% - var(--pointer-half-size) + 1px)
}

.-top-left- .air-datepicker--pointer:after,
.-top-center- .air-datepicker--pointer:after,
.-top-right- .air-datepicker--pointer:after,
[data-popper-placement^=top] .air-datepicker--pointer:after {
    transform: rotate(135deg)
}

.-right-top- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer,
[data-popper-placement^=right] .air-datepicker--pointer {
    right: calc(100% - var(--pointer-half-size) + 1px)
}

.-right-top- .air-datepicker--pointer:after,
.-right-center- .air-datepicker--pointer:after,
.-right-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=right] .air-datepicker--pointer:after {
    transform: rotate(225deg)
}

.-bottom-left- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer,
[data-popper-placement^=bottom] .air-datepicker--pointer {
    bottom: calc(100% - var(--pointer-half-size) + 1px)
}

.-bottom-left- .air-datepicker--pointer:after,
.-bottom-center- .air-datepicker--pointer:after,
.-bottom-right- .air-datepicker--pointer:after,
[data-popper-placement^=bottom] .air-datepicker--pointer:after {
    transform: rotate(315deg)
}

.-left-top- .air-datepicker--pointer,
.-left-center- .air-datepicker--pointer,
.-left-bottom- .air-datepicker--pointer,
[data-popper-placement^=left] .air-datepicker--pointer {
    left: calc(100% - var(--pointer-half-size) + 1px)
}

.-left-top- .air-datepicker--pointer:after,
.-left-center- .air-datepicker--pointer:after,
.-left-bottom- .air-datepicker--pointer:after,
[data-popper-placement^=left] .air-datepicker--pointer:after {
    transform: rotate(45deg)
}

.-top-left- .air-datepicker--pointer,
.-bottom-left- .air-datepicker--pointer {
    left: var(--adp-pointer-offset)
}

.-top-right- .air-datepicker--pointer,
.-bottom-right- .air-datepicker--pointer {
    right: var(--adp-pointer-offset)
}

.-top-center- .air-datepicker--pointer,
.-bottom-center- .air-datepicker--pointer {
    left: calc(50% - var(--adp-pointer-size) / 2)
}

.-left-top- .air-datepicker--pointer,
.-right-top- .air-datepicker--pointer {
    top: var(--adp-pointer-offset)
}

.-left-bottom- .air-datepicker--pointer,
.-right-bottom- .air-datepicker--pointer {
    bottom: var(--adp-pointer-offset)
}

.-left-center- .air-datepicker--pointer,
.-right-center- .air-datepicker--pointer {
    top: calc(50% - var(--adp-pointer-size) / 2)
}

.air-datepicker--navigation {
    grid-area: nav
}

.air-datepicker--navigation[data-no-click=true] .air-datepicker-nav--title {
    pointer-events: none
}

.air-datepicker--content {
    box-sizing: content-box;
    grid-area: body
}

.-only-timepicker- .air-datepicker--content {
    display: none
}

.air-datepicker--time {
    grid-area: timepicker
}

.air-datepicker--buttons {
    grid-area: buttons
}

.air-datepicker--buttons,
.air-datepicker--time {
    padding: var(--adp-padding);
    border-top: 1px solid var(--adp-border-color-inner)
}

.air-datepicker-overlay {
    position: fixed;
    background: var(--adp-overlay-background-color);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    z-index: var(--adp-overlay-z-index)
}

.air-datepicker-overlay.-active- {
    opacity: 1;
    width: 100%;
    height: 100%;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s
}

.air-datepicker .air-datepicker-cell.-other-month- {
    visibility: hidden;
    pointer-events: none
}

.air-datepicker .air-datepicker-cell.-other-month-.-selected-,
.air-datepicker .air-datepicker-cell.-other-month-.-focus- {
    visibility: hidden
}

.shc-bottomsheet__content .shc-calendar {
    padding-bottom: 4px
}

.shc-calendar {
    position: relative
}

.shc-calendar__prev,
.shc-calendar__next {
    position: relative;
    width: 28px;
    height: 28px
}

.shc-calendar__prev:before,
.shc-calendar__next:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 28px;
    height: 28px
}

.shc-calendar__prev:before {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(180deg) translate(14px, 14px)
}

.shc-calendar__next:before {
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-calendar .air-datepicker-nav--title {
    display: flex;
    align-items: center;
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-calendar .air-datepicker-nav--title:before {
    content: "";
    order: 2;
    width: 20px;
    height: 20px;
    margin-left: var(--spacing-xs);
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    transform: rotate(90deg)
}

.shc-calendar .air-datepicker-nav--title[data-no-btn=true]:before {
    content: none
}

.shc-calendar .shc-calendar__month {
    position: absolute;
    left: 0;
    right: 0;
    top: 46px;
    bottom: 0;
    width: 100%
}

.shc-calendar .shc-calendar__month .air-datepicker.-inline- {
    position: relative;
    padding: var(--spacing-xl);
    border-radius: var(--radius-md);
    border: 1px solid var(--Border-border-secondary);
    z-index: 10;
    box-sizing: border-box;
    min-height: 100%
}

.shc-calendar__month .air-datepicker-nav--title {
    color: var(--Text-text-primary);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500
}

.shc-calendar__month .air-datepicker-nav--title:before {
    display: none
}

.shc-calendar.is-month-view .air-datepicker-nav--title:before {
    transform: rotate(270deg)
}

.shc-calendar.is-month-view .air-datepicker--content {
    opacity: 0
}

.shc-calendar.is-month-view .shc-calendar__month .air-datepicker--content {
    opacity: 1
}

.shc-calendar.is-month-view .shc-calendar__prev,
.shc-calendar.is-month-view .shc-calendar__next {
    display: none
}

.shc-calendar.is-month-view .shc-calendar__month .shc-calendar__prev,
.shc-calendar.is-month-view .shc-calendar__month .shc-calendar__next {
    display: block
}

:not(.is-month-view) .shc-calendar__month .air-datepicker-nav--title {
    pointer-events: none
}

.shc-help-list {
    margin-top: var(--spacing-md);
    color: var(--Text-text-tertiary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-help-list li {
    margin-bottom: var(--spacing-md)
}

.no-gap .air-datepicker-cell.-month-,
.no-gap .air-datepicker-cell.-year- {
    grid-auto-rows: auto
}

.no-gap .air-datepicker-cell.-month-:nth-child(3n+2),
.no-gap .air-datepicker-cell.-month-:nth-child(3n+3),
.no-gap .air-datepicker-cell.-year-:nth-child(3n+2),
.no-gap .air-datepicker-cell.-year-:nth-child(3n+3) {
    margin-left: var(--spacing-md)
}

.no-gap .air-datepicker-cell.-month-:nth-child(n+4),
.no-gap .air-datepicker-cell.-year-:nth-child(n+4) {
    margin-top: var(--spacing-md)
}

.shc-input--datepicker {
    position: relative
}

.shc-input--datepicker:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent
}

.tippy-box[data-animation=fade][data-state=hidden] {
    opacity: 0
}

.tippy-box {
    position: relative;
    outline: 0;
    transition-property: transform, visibility, opacity;
    word-break: break-all
}

.tippy-box .tippy-arrow {
    position: absolute;
    z-index: 1
}

.tippy-box .tippy-arrow:before {
    content: "";
    display: inline-flex;
    vertical-align: top;
    background-position: center;
    background-repeat: no-repeat
}

.tippy-box[data-placement^=top] .tippy-arrow {
    width: 20px;
    height: 8px
}

.tippy-box[data-placement^=top] .tippy-arrow:before {
    width: 20px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='8' viewBox='0 0 18 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.83984 1.20801C8.43995 0.474613 9.56191 0.474693 10.1621 1.20801L16.9443 9.49512L1.05469 9.49902L7.83984 1.20801Z' fill='white' stroke='%23D0D5DD'/%3E %3C/svg%3E");
    transform: rotate(180deg) translateY(1px);
    transition: center
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .tippy-box[data-placement^=top] .tippy-arrow:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_113_104228)'%3E %3Cpath d='M8.83984 1.20801C9.43995 0.474613 10.5619 0.474693 11.1621 1.20801L17.9443 9.49512L2.05469 9.49902L8.83984 1.20801Z' fill='%23344054' stroke='%23475467'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_113_104228'%3E %3Crect width='20' height='8' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .tippy-box[data-placement^=top] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_113_104228)'%3E %3Cpath d='M8.83984 1.20801C9.43995 0.474613 10.5619 0.474693 11.1621 1.20801L17.9443 9.49512L2.05469 9.49902L8.83984 1.20801Z' fill='%23344054' stroke='%23475467'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_113_104228'%3E %3Crect width='20' height='8' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E")
}

.tippy-box.shc-popover.is-black.tippy-box[data-placement^=top] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.84 0.359823L13.8389 6.35851C14.4089 7.04249 15.2532 7.43796 16.1436 7.43796L-1.33514e-05 7.43796C0.890326 7.43796 1.73467 7.04249 2.30465 6.35851L7.30356 0.359823C7.70335 -0.119931 8.4402 -0.119931 8.84 0.359823Z' fill='%23344054'/%3E %3C/svg%3E")
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .tippy-box.shc-popover.is-black.tippy-box[data-placement^=top] .tippy-arrow:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.84 0.359823L13.8389 6.35851C14.4089 7.04249 15.2532 7.43796 16.1436 7.43796L-1.33514e-05 7.43796C0.890326 7.43796 1.73467 7.04249 2.30465 6.35851L7.30356 0.359823C7.70335 -0.119931 8.4402 -0.119931 8.84 0.359823Z' fill='%23F0F4FA'/%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .tippy-box.shc-popover.is-black.tippy-box[data-placement^=top] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.84 0.359823L13.8389 6.35851C14.4089 7.04249 15.2532 7.43796 16.1436 7.43796L-1.33514e-05 7.43796C0.890326 7.43796 1.73467 7.04249 2.30465 6.35851L7.30356 0.359823C7.70335 -0.119931 8.4402 -0.119931 8.84 0.359823Z' fill='%23F0F4FA'/%3E %3C/svg%3E")
}

.tippy-box.shc-popover.is-blue.tippy-box[data-placement^=top] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.84 0.359823L13.8389 6.35851C14.4089 7.04249 15.2532 7.43796 16.1436 7.43796L-1.33514e-05 7.43796C0.890326 7.43796 1.73467 7.04249 2.30465 6.35851L7.30356 0.359823C7.70335 -0.119931 8.4402 -0.119931 8.84 0.359823Z' fill='%23005DF9'/%3E %3C/svg%3E")
}

.tippy-box[data-placement^=bottom] .tippy-arrow {
    top: -8px;
    bottom: calc(100% + 1px);
    width: 20px;
    height: 8px
}

.tippy-box[data-placement^=bottom] .tippy-arrow:before {
    width: 20px;
    height: 8px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='8' viewBox='0 0 18 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.83984 1.20801C8.43995 0.474613 9.56191 0.474693 10.1621 1.20801L16.9443 9.49512L1.05469 9.49902L7.83984 1.20801Z' fill='white' stroke='%23D0D5DD'/%3E %3C/svg%3E");
    transform: translateY(1px)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .tippy-box[data-placement^=bottom] .tippy-arrow:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_113_104228)'%3E %3Cpath d='M8.83984 1.20801C9.43995 0.474613 10.5619 0.474693 11.1621 1.20801L17.9443 9.49512L2.05469 9.49902L8.83984 1.20801Z' fill='%23344054' stroke='%23475467'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_113_104228'%3E %3Crect width='20' height='8' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .tippy-box[data-placement^=bottom] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='8' viewBox='0 0 20 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_113_104228)'%3E %3Cpath d='M8.83984 1.20801C9.43995 0.474613 10.5619 0.474693 11.1621 1.20801L17.9443 9.49512L2.05469 9.49902L8.83984 1.20801Z' fill='%23344054' stroke='%23475467'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_113_104228'%3E %3Crect width='20' height='8' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E")
}

.tippy-box.shc-popover.is-black.tippy-box[data-placement^=bottom] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.84 0.359823L13.8389 6.35851C14.4089 7.04249 15.2532 7.43796 16.1436 7.43796L-1.33514e-05 7.43796C0.890326 7.43796 1.73467 7.04249 2.30465 6.35851L7.30356 0.359823C7.70335 -0.119931 8.4402 -0.119931 8.84 0.359823Z' fill='%23344054'/%3E %3C/svg%3E")
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .tippy-box.shc-popover.is-black.tippy-box[data-placement^=bottom] .tippy-arrow:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.84 0.359823L13.8389 6.35851C14.4089 7.04249 15.2532 7.43796 16.1436 7.43796L-1.33514e-05 7.43796C0.890326 7.43796 1.73467 7.04249 2.30465 6.35851L7.30356 0.359823C7.70335 -0.119931 8.4402 -0.119931 8.84 0.359823Z' fill='%23F0F4FA'/%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .tippy-box.shc-popover.is-black.tippy-box[data-placement^=bottom] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.84 0.359823L13.8389 6.35851C14.4089 7.04249 15.2532 7.43796 16.1436 7.43796L-1.33514e-05 7.43796C0.890326 7.43796 1.73467 7.04249 2.30465 6.35851L7.30356 0.359823C7.70335 -0.119931 8.4402 -0.119931 8.84 0.359823Z' fill='%23F0F4FA'/%3E %3C/svg%3E")
}

.tippy-box.shc-popover.is-blue.tippy-box[data-placement^=bottom] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='8' viewBox='0 0 17 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M8.84 0.359823L13.8389 6.35851C14.4089 7.04249 15.2532 7.43796 16.1436 7.43796L-1.33514e-05 7.43796C0.890326 7.43796 1.73467 7.04249 2.30465 6.35851L7.30356 0.359823C7.70335 -0.119931 8.4402 -0.119931 8.84 0.359823Z' fill='%23005DF9'/%3E %3C/svg%3E")
}

.tippy-box[data-placement^=left] .tippy-arrow {
    right: -8px;
    width: 8px;
    height: 20px
}

.tippy-box[data-placement^=left] .tippy-arrow:before {
    width: 8px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='21' viewBox='0 0 9 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_11155_314290)'%3E %3Cpath d='M1.70801 11.4006C0.974612 10.8005 0.974692 9.67857 1.70801 9.07837L9.99512 2.29614L9.99902 18.1858L1.70801 11.4006Z' fill='white' stroke='%23D0D5DD'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_11155_314290'%3E %3Crect width='8' height='20' fill='white' transform='translate(0.5 0.240479)'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E");
    transform: rotate(180deg) translate(1px);
    transition: center
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .tippy-box[data-placement^=left] .tippy-arrow:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='20' viewBox='0 0 8 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_8344_394023)'%3E %3Cpath d='M1.20801 11.1602C0.474612 10.5601 0.474692 9.43809 1.20801 8.83789L9.49512 2.05566L9.49902 17.9453L1.20801 11.1602Z' fill='%23344054' stroke='%23475467'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_8344_394023'%3E %3Crect width='8' height='20' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .tippy-box[data-placement^=left] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='20' viewBox='0 0 8 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_8344_394023)'%3E %3Cpath d='M1.20801 11.1602C0.474612 10.5601 0.474692 9.43809 1.20801 8.83789L9.49512 2.05566L9.49902 17.9453L1.20801 11.1602Z' fill='%23344054' stroke='%23475467'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_8344_394023'%3E %3Crect width='8' height='20' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E")
}

.tippy-box.shc-popover.is-black.tippy-box[data-placement^=left] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.359823 8.84L6.35851 13.8389C7.04249 14.4089 7.43796 15.2532 7.43796 16.1436L7.43796 -1.33514e-05C7.43796 0.890326 7.04249 1.73467 6.35851 2.30465L0.359823 7.30356C-0.119931 7.70335 -0.119931 8.4402 0.359823 8.84Z' fill='%23344054'/%3E %3C/svg%3E")
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .tippy-box.shc-popover.is-black.tippy-box[data-placement^=left] .tippy-arrow:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.359854 8.84L6.35854 13.8389C7.04252 14.4089 7.43799 15.2532 7.43799 16.1436L7.43799 -1.33514e-05C7.43799 0.890326 7.04252 1.73467 6.35854 2.30465L0.359854 7.30356C-0.1199 7.70335 -0.1199 8.4402 0.359854 8.84Z' fill='%23F0F4FA'/%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .tippy-box.shc-popover.is-black.tippy-box[data-placement^=left] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.359854 8.84L6.35854 13.8389C7.04252 14.4089 7.43799 15.2532 7.43799 16.1436L7.43799 -1.33514e-05C7.43799 0.890326 7.04252 1.73467 6.35854 2.30465L0.359854 7.30356C-0.1199 7.70335 -0.1199 8.4402 0.359854 8.84Z' fill='%23F0F4FA'/%3E %3C/svg%3E")
}

.tippy-box.shc-popover.is-blue.tippy-box[data-placement^=left] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.359854 8.84001L6.35854 13.8389C7.04252 14.4089 7.43799 15.2532 7.43799 16.1436L7.43799 1.90735e-06C7.43799 0.890341 7.04252 1.73468 6.35854 2.30467L0.359854 7.30357C-0.1199 7.70337 -0.1199 8.44022 0.359854 8.84001Z' fill='%23005DF9'/%3E %3C/svg%3E")
}

.tippy-box[data-placement^=right] .tippy-arrow {
    left: -8px;
    width: 8px;
    height: 20px
}

.tippy-box[data-placement^=right] .tippy-arrow:before {
    width: 8px;
    height: 20px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='21' viewBox='0 0 9 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_11155_314290)'%3E %3Cpath d='M1.70801 11.4006C0.974612 10.8005 0.974692 9.67857 1.70801 9.07837L9.99512 2.29614L9.99902 18.1858L1.70801 11.4006Z' fill='white' stroke='%23D0D5DD'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_11155_314290'%3E %3Crect width='8' height='20' fill='white' transform='translate(0.5 0.240479)'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E");
    transform: translate(1px)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .tippy-box[data-placement^=right] .tippy-arrow:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='20' viewBox='0 0 8 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_8344_394023)'%3E %3Cpath d='M1.20801 11.1602C0.474612 10.5601 0.474692 9.43809 1.20801 8.83789L9.49512 2.05566L9.49902 17.9453L1.20801 11.1602Z' fill='%23344054' stroke='%23475467'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_8344_394023'%3E %3Crect width='8' height='20' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .tippy-box[data-placement^=right] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='20' viewBox='0 0 8 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cg clip-path='url(%23clip0_8344_394023)'%3E %3Cpath d='M1.20801 11.1602C0.474612 10.5601 0.474692 9.43809 1.20801 8.83789L9.49512 2.05566L9.49902 17.9453L1.20801 11.1602Z' fill='%23344054' stroke='%23475467'/%3E %3C/g%3E %3Cdefs%3E %3CclipPath id='clip0_8344_394023'%3E %3Crect width='8' height='20' fill='white'/%3E %3C/clipPath%3E %3C/defs%3E %3C/svg%3E")
}

.tippy-box.shc-popover.is-black.tippy-box[data-placement^=right] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.359823 8.84L6.35851 13.8389C7.04249 14.4089 7.43796 15.2532 7.43796 16.1436L7.43796 -1.33514e-05C7.43796 0.890326 7.04249 1.73467 6.35851 2.30465L0.359823 7.30356C-0.119931 7.70335 -0.119931 8.4402 0.359823 8.84Z' fill='%23344054'/%3E %3C/svg%3E")
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .tippy-box.shc-popover.is-black.tippy-box[data-placement^=right] .tippy-arrow:before {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.359854 8.84L6.35854 13.8389C7.04252 14.4089 7.43799 15.2532 7.43799 16.1436L7.43799 -1.33514e-05C7.43799 0.890326 7.04252 1.73467 6.35854 2.30465L0.359854 7.30356C-0.1199 7.70335 -0.1199 8.4402 0.359854 8.84Z' fill='%23F0F4FA'/%3E %3C/svg%3E")
    }
}

[data-theme=dark]:not(.no-theme) .tippy-box.shc-popover.is-black.tippy-box[data-placement^=right] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.359854 8.84L6.35854 13.8389C7.04252 14.4089 7.43799 15.2532 7.43799 16.1436L7.43799 -1.33514e-05C7.43799 0.890326 7.04252 1.73467 6.35854 2.30465L0.359854 7.30356C-0.1199 7.70335 -0.1199 8.4402 0.359854 8.84Z' fill='%23F0F4FA'/%3E %3C/svg%3E")
}

.tippy-box.shc-popover.is-blue.tippy-box[data-placement^=right] .tippy-arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='17' viewBox='0 0 8 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M0.359854 8.84001L6.35854 13.8389C7.04252 14.4089 7.43799 15.2532 7.43799 16.1436L7.43799 1.90735e-06C7.43799 0.890341 7.04252 1.73468 6.35854 2.30467L0.359854 7.30357C-0.1199 7.70337 -0.1199 8.44022 0.359854 8.84001Z' fill='%23005DF9'/%3E %3C/svg%3E")
}

.tippy-box[data-placement=top-start],
.tippy-box[data-placement=bottom-start] {
    transform: translate(-3px)
}

.tippy-box[data-placement=top-start] .tippy-content,
.tippy-box[data-placement=bottom-start] .tippy-content {
    transform: translate(-8px)
}

.tippy-box[data-placement=top-end],
.tippy-box[data-placement=bottom-end] {
    transform: translate(3px)
}

.tippy-box[data-placement=top-end] .tippy-content,
.tippy-box[data-placement=bottom-end] .tippy-content {
    transform: translate(8px)
}

.tippy-box[data-placement=left-start],
.tippy-box[data-placement=right-start] {
    transform: translateY(-3px)
}

.tippy-box[data-placement=left-start] .tippy-content,
.tippy-box[data-placement=right-start] .tippy-content {
    transform: translateY(-10px)
}

.tippy-box[data-placement=left-end],
.tippy-box[data-placement=right-end] {
    transform: translateY(3px)
}

.tippy-box[data-placement=left-end] .tippy-content,
.tippy-box[data-placement=right-end] .tippy-content {
    transform: translateY(10px)
}

.tippy-box:not(.shc-popover)[data-placement=top-start],
.tippy-box:not(.shc-popover)[data-placement=bottom-start] {
    transform: translate(-3px)
}

.tippy-box:not(.shc-popover)[data-placement=top-start] .tippy-content,
.tippy-box:not(.shc-popover)[data-placement=bottom-start] .tippy-content {
    transform: translate(-8px)
}

.tippy-box:not(.shc-popover)[data-placement=top-end],
.tippy-box:not(.shc-popover)[data-placement=bottom-end] {
    transform: translate(3px)
}

.tippy-box:not(.shc-popover)[data-placement=top-end] .tippy-content,
.tippy-box:not(.shc-popover)[data-placement=bottom-end] .tippy-content {
    transform: translate(8px)
}

.tippy-box:not(.shc-popover)[data-placement=left-start],
.tippy-box:not(.shc-popover)[data-placement=right-start] {
    transform: translateY(-3px)
}

.tippy-box:not(.shc-popover)[data-placement=left-start] .tippy-content,
.tippy-box:not(.shc-popover)[data-placement=right-start] .tippy-content {
    transform: translateY(-10px)
}

.tippy-box:not(.shc-popover)[data-placement=left-end],
.tippy-box:not(.shc-popover)[data-placement=right-end] {
    transform: translateY(3px)
}

.tippy-box:not(.shc-popover)[data-placement=left-end] .tippy-content,
.tippy-box:not(.shc-popover)[data-placement=right-end] .tippy-content {
    transform: translateY(10px)
}

.tippy-box.shc-popover[data-placement=bottom] .tippy-arrow,
.tippy-box.shc-popover[data-placement=top] .tippy-arrow {
    left: 50%;
    margin-left: -10px
}

.tippy-box.shc-popover[data-placement=top-end] .tippy-content,
.tippy-box.shc-popover[data-placement=bottom-end] .tippy-content {
    transform: translate(0)
}

.tippy-box.shc-popover[data-placement=top-end] .tippy-arrow,
.tippy-box.shc-popover[data-placement=bottom-end] .tippy-arrow {
    right: 12px
}

.tippy-box.shc-popover[data-placement=top-start] .tippy-content,
.tippy-box.shc-popover[data-placement=bottom-start] .tippy-content {
    transform: translate(0)
}

.tippy-box.shc-popover[data-placement=top-start] .tippy-arrow,
.tippy-box.shc-popover[data-placement=bottom-start] .tippy-arrow {
    left: 12px
}

.tippy-box.shc-popover[data-placement=right] .tippy-arrow,
.tippy-box.shc-popover[data-placement=left] .tippy-arrow {
    top: 50%;
    margin-top: -10px
}

.tippy-box.shc-popover[data-placement=right-start] .tippy-arrow,
.tippy-box.shc-popover[data-placement=left-start] .tippy-arrow {
    top: 0
}

.tippy-box.shc-popover[data-placement^=top] {
    transform: translateY(-5px)
}

.tippy-box.shc-popover[data-placement^=bottom] {
    transform: translateY(5px)
}

.tippy-box.shc-popover[data-placement^=left] {
    transform: translate(-2px)
}

.tippy-box.shc-popover[data-placement^=right] {
    transform: translate(2px)
}

.tippy-box[data-inertia][data-state=visible] {
    transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11)
}

.tippy-content {
    position: relative;
    z-index: 1
}

.shc-tooltip-target {
    min-width: 20px;
    min-height: 20px
}

.shc-tooltip-target:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px
}

.shc-tooltip__content {
    gap: var(--spacing-md);
    display: flex;
    background-color: var(--Background-bg-white);
    border: 1px solid var(--Border-border-primary);
    border-radius: var(--radius-xs);
    padding: var(--spacing-lg);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-tooltip__btn {
    flex-shrink: 0;
    align-self: center;
    width: 24px;
    height: 24px;
    margin: -4px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M13.6426 12.3366L12.9825 12.9967L3.6492 3.66345L4.30935 3.0033L13.6426 12.3366Z' fill='%23818DA2'/%3E %3Cpath d='M12.9809 3.00337L13.6411 3.66352L4.30783 12.9968L3.64768 12.3366L12.9809 3.00337Z' fill='%23818DA2'/%3E %3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center
}

.shc-popover__content {
    border-radius: var(--radius-xs);
    padding: var(--spacing-md) var(--spacing-lg);
    background-color: var(--Background-bg-dark);
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-ondark_primary);
    text-align: left
}

.shc-popover.is-blue .shc-popover__content {
    background-color: var(--Background-bg-brand_strong-same);
    color: var(--Text-text-ondark_primary-same)
}

.shc-popover-open * {
    transition-property: transform, opacity, color, background-color, box-shadow, border-color
}

.no-gap .shc-tooltip .shc-tooltip__btn {
    margin-left: var(--spacing-md)
}

.shc-chart {
    position: relative
}

.shc-chart .tab-able-bar-draw {
    outline-offset: 2px
}

.shc-chart__tooltip-title {
    text-align: center;
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-chart__tooltip-content {
    text-align: center;
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 500;
    color: var(--Text-text-tertiary)
}

.shc-chart .chart-bar-tooltip {
    position: absolute;
    opacity: 0;
    transition: opacity .2s ease-in-out;
    pointer-events: none;
    box-shadow: 0 10px 10px #0c111d0f;
    border-radius: var(--radius-xs, 8px);
    border: 1px solid var(--Border-border-primary);
    background-color: var(--Background-bg-canvas_white);
    padding: var(--spacing-md)
}

.shc-chart .chart-bar-tooltip:before {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translate(-50%);
    width: 8px;
    height: 5px;
    background-size: contain;
    background-image: url(/pconts/static/svg/chart-tooltip.svg)
}

@media (prefers-color-scheme: dark) {
    :root:not(.no-theme):not([data-theme=light]) .shc-chart .chart-bar-tooltip:before {
        background-image: url(/pconts/static/svg/chart-tooltip--dark.svg)
    }
}

[data-theme=dark]:not(.no-theme) .shc-chart .chart-bar-tooltip:before {
    background-image: url(/pconts/static/svg/chart-tooltip--dark.svg)
}

.shc-chart .data-list {
    position: absolute;
    bottom: 0;
    width: max-content;
    max-width: 100%;
    left: 50%;
    transform: translate(-50%)
}

.shc-chart .data-list .list {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    margin: 0 5px
}

.shc-chart .data-list .list .pattern {
    border-radius: 50%;
    width: 14px;
    height: 14px
}

.shc-chart .data-list .list .title {
    margin: 0 5px
}

.shc-chart[data-type=chart-doughnut] .chart-wrap {
    position: relative
}

.shc-chart[data-type=chart-doughnut] .doughnut-label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.shc-chart[data-type=chart-doughnut] .data-list .list .pattern {
    border-radius: 5px;
    width: 20px;
    height: 20px
}

.chart-doughnut.data-list {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    width: 100%;
    margin-top: var(--spacing-xl)
}

.chart-doughnut.data-list .list {
    display: inline-flex;
    align-items: center;
    white-space: nowrap
}

.chart-doughnut.data-list .list:not(:first-child) {
    margin-left: var(--spacing-xl)
}

.chart-doughnut.data-list .list .pattern {
    display: block;
    border-radius: 3px;
    width: 12px;
    height: 12px;
    margin-right: var(--spacing-sm)
}

.shc-chart[data-type=chart-vs] .chart-split {
    position: absolute;
    bottom: 50px;
    font-size: 14px
}

.shc-chart[data-type=chart-vs] .chart-label {
    text-align: center
}

.shc-chart[data-type=chart-vs] .chart-label.is-max {
    color: var(--Text-text-brand)
}

.shc-banner {
    display: flex;
    align-items: center;
    text-decoration: none;
    min-height: 80px;
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md)
}

.shc-banner__content {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0
}

.shc-banner picture {
    flex-shrink: 0
}

.shc-banner picture:first-child {
    margin-right: var(--spacing-lg)
}

.shc-banner picture:last-child {
    margin-left: var(--spacing-md)
}

.shc-banner .banner-img {
    width: 80px;
    height: 80px
}

.shc-banner .banner-img.size-100 {
    overflow: hidden;
    width: 100px;
    height: 70px;
    border-radius: var(--radius-md)
}

.shc-banner .banner-img.size-80 {
    width: 80px;
    height: 80px
}

.shc-banner .banner-img.size-94 {
    width: 94px;
    height: 94px
}

.shc-banner.type-a {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-lg);
    border-radius: var(--radius-xl);
    background-color: var(--Background-bg-banner_gray_solid)
}

.shc-banner.type-a .shc-banner__title {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-banner.type-a .shc-banner__text {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 500;
    color: var(--Text-text-quaternary)
}

.shc-banner.type-b {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none)
}

.shc-banner.type-b .shc-banner__title {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-banner.type-b .shc-banner__title.is-arrow:after {
    content: "";
    display: inline-flex;
    width: 20px;
    height: 20px;
    vertical-align: -4px;
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-banner.type-b .shc-banner__title.is-emphasis {
    color: var(--Text-text-brand)
}

.shc-banner.type-b .shc-banner__title.is-emphasis:after {
    background-color: var(--Foreground-fg-brand-same)
}

.shc-banner.type-b .shc-banner__text {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-quaternary)
}

.shc-banner.type-c {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg);
    border-radius: var(--radius-xl);
    background-color: var(--Background-bg-banner_gray_solid)
}

.shc-banner.type-c .banner-img {
    width: 56px;
    height: 56px
}

.shc-banner.type-c .shc-banner__title {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-banner.type-c .shc-banner__text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-secondary)
}

.shc-banner.type-c .shc-banner__text:after {
    content: "";
    display: inline-flex;
    width: 16px;
    height: 16px;
    vertical-align: -3px;
    margin-left: var(--spacing-xs);
    background-color: var(--Foreground-fg-tertiary);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-banner.type-c .shc-banner__text.is-emphasis {
    color: var(--Text-text-brand);
    font-weight: var(--font-weight-medium)
}

.shc-banner.type-c .shc-banner__text.is-emphasis:after {
    background-color: var(--Foreground-fg-brand-same)
}

.shc-banner.theme-brand--tint {
    background: var(--Background-bg-banner_brand_tint-same)
}

.shc-banner.theme-indigo--tint {
    background: var(--Background-bg-banner_indigo_tint-same)
}

.shc-banner.theme-purple--tint {
    background: var(--Background-bg-banner_purple_tint-same)
}

.shc-banner.theme-brand_solid {
    background: var(--Background-bg-banner_brand_solid)
}

.shc-banner.theme-brand {
    background-color: var(--Palette-brand-brand-100)
}

.shc-banner.theme-brand .shc-banner__title {
    color: var(--Text-text-primary-same)
}

.shc-banner.theme-brand .shc-banner__text {
    color: var(--Opacity-800-gray800-a60)
}

.shc-banner.theme-red .shc-banner__title,
.shc-banner.theme-orange .shc-banner__title,
.shc-banner.theme-yellow .shc-banner__title,
.shc-banner.theme-olive .shc-banner__title,
.shc-banner.theme-celery .shc-banner__title,
.shc-banner.theme-green .shc-banner__title,
.shc-banner.theme-seaform .shc-banner__title,
.shc-banner.theme-cyan .shc-banner__title,
.shc-banner.theme-blue .shc-banner__title,
.shc-banner.theme-indigo .shc-banner__title,
.shc-banner.theme-purple .shc-banner__title,
.shc-banner.theme-magenta .shc-banner__title,
.shc-banner.theme-monotone .shc-banner__title,
.shc-banner.theme-brown .shc-banner__title,
.shc-banner.theme-dark .shc-banner__title {
    color: var(--Text-text-ondark_primary-same)
}

.shc-banner.theme-red .shc-banner__text,
.shc-banner.theme-orange .shc-banner__text,
.shc-banner.theme-yellow .shc-banner__text,
.shc-banner.theme-olive .shc-banner__text,
.shc-banner.theme-celery .shc-banner__text,
.shc-banner.theme-green .shc-banner__text,
.shc-banner.theme-seaform .shc-banner__text,
.shc-banner.theme-cyan .shc-banner__text,
.shc-banner.theme-blue .shc-banner__text,
.shc-banner.theme-indigo .shc-banner__text,
.shc-banner.theme-purple .shc-banner__text,
.shc-banner.theme-magenta .shc-banner__text,
.shc-banner.theme-monotone .shc-banner__text,
.shc-banner.theme-brown .shc-banner__text,
.shc-banner.theme-dark .shc-banner__text {
    color: var(--Opacity-white-white-a80)
}

.shc-banner.theme-red .shc-banner__text:after,
.shc-banner.theme-orange .shc-banner__text:after,
.shc-banner.theme-yellow .shc-banner__text:after,
.shc-banner.theme-olive .shc-banner__text:after,
.shc-banner.theme-celery .shc-banner__text:after,
.shc-banner.theme-green .shc-banner__text:after,
.shc-banner.theme-seaform .shc-banner__text:after,
.shc-banner.theme-cyan .shc-banner__text:after,
.shc-banner.theme-blue .shc-banner__text:after,
.shc-banner.theme-indigo .shc-banner__text:after,
.shc-banner.theme-purple .shc-banner__text:after,
.shc-banner.theme-magenta .shc-banner__text:after,
.shc-banner.theme-monotone .shc-banner__text:after,
.shc-banner.theme-brown .shc-banner__text:after,
.shc-banner.theme-dark .shc-banner__text:after {
    background-color: var(--Opacity-white-white-a80);
    -webkit-mask-image: url(/pconts/static/svg/chevron.svg);
    -webkit-mask-size: cover;
    mask-image: url(/pconts/static/svg/chevron.svg);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    backface-visibility: hidden;
    -webkit-mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center
}

.shc-banner.theme-red {
    background-color: var(--Palette-red-red-700)
}

.shc-banner.theme-orange {
    background-color: var(--Palette-orange-orange-700)
}

.shc-banner.theme-yellow {
    background-color: var(--Palette-yellow-yellow-700)
}

.shc-banner.theme-olive {
    background-color: var(--Palette-olive-olive-700)
}

.shc-banner.theme-celery {
    background-color: var(--Palette-celery-celery-700)
}

.shc-banner.theme-green {
    background-color: var(--Palette-green-green-700)
}

.shc-banner.theme-seaform {
    background-color: var(--Palette-seaform-seafoam-700)
}

.shc-banner.theme-cyan {
    background-color: var(--Palette-cyan-cyan-700)
}

.shc-banner.theme-blue {
    background-color: var(--Palette-blue-blue-700)
}

.shc-banner.theme-indigo {
    background-color: var(--Palette-indigo-indigo-700)
}

.shc-banner.theme-purple {
    background-color: var(--Palette-purple-purple-700)
}

.shc-banner.theme-magenta {
    background-color: var(--Palette-magenta-magenta-700)
}

.shc-banner.theme-monotone {
    background-color: var(--Palette-monotone-monotone-700)
}

.shc-banner.theme-brown {
    background-color: var(--Palette-brown-brown-700)
}

.shc-banner.theme-dark {
    background-color: var(--Background-bg-dark_a90-same)
}

.shc-important-note {
    position: relative;
    width: 100%;
    max-width: 620px;
    padding-left: var(--container-padding-mobile);
    padding-right: var(--container-padding-mobile);
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl);
    word-break: break-all
}

.shc-important-note:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 10px;
    background-color: var(--Border-border-tertiary)
}

.shc-important-note.no-bd-bottom .shc-accordion:last-of-type {
    border-bottom: none
}

.shc-important-note__title {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl);
    color: var(--Text-text-secondary);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 700
}

.shc-important-note .shc-accordion__trigger {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none)
}

.shc-important-note .shc-accordion__trigger:before {
    right: 0
}

.shc-important-note .shc-accordion__content {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none)
}

.shc-important-note .shc-important-note__title:not(.shc-accordion__trigger) {
    border-bottom: 1px solid var(--Border-border-secondary)
}

.shc-important-note.title-noline .shc-important-note__title {
    border-bottom: none
}

.shc-important-note .shc-important-note__title,
.shc-important-note .shc-important-note__title .shc-accordion__text {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500
}

.shc-important-note .shc-important-note__list,
.shc-important-note .shc-important-note__list ul {
    display: flex;
    flex-direction: column
}

.shc-important-note .shc-important-note__list>li:not(:first-child) {
    margin-top: var(--spacing-xl)
}

.shc-important-note .shc-important-note__list>li>ul,
.shc-important-note .shc-important-note__list>li>ol {
    margin-top: var(--spacing-md)
}

.shc-important-note .shc-important-note__list>li>ul>li:not(:first-child),
.shc-important-note .shc-important-note__list>li>ol>li:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-important-note .shc-important-note__list>li>ul>li,
.shc-important-note .shc-important-note__list>li>ol>li {
    color: var(--Text-text-tertiary);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-important-note .shc-important-note__list>li>ul>li>ul,
.shc-important-note .shc-important-note__list>li>ul>li>ol,
.shc-important-note .shc-important-note__list>li>ol>li>ul,
.shc-important-note .shc-important-note__list>li>ol>li>ol {
    margin-top: var(--spacing-md)
}

.shc-important-note .shc-important-note__list>li>ul>li>ul>li:not(:first-child),
.shc-important-note .shc-important-note__list>li>ul>li>ol>li:not(:first-child),
.shc-important-note .shc-important-note__list>li>ol>li>ul>li:not(:first-child),
.shc-important-note .shc-important-note__list>li>ol>li>ol>li:not(:first-child) {
    margin-top: var(--spacing-md)
}

.shc-important-note .shc-important-note__list>li>ul:first-of-type,
.shc-important-note .shc-important-note__list>li>ol:first-of-type {
    margin-top: var(--spacing-none)
}

.shc-important-note .shc-important-note__list>li .shc-important-note__subtit+ul,
.shc-important-note .shc-important-note__list>li .shc-important-note__subtit+ol {
    margin-top: var(--spacing-md)
}

.shc-important-note .shc-important-note__subtit {
    margin-bottom: var(--spacing-md);
    color: var(--Text-text-secondary);
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

.shc-important-note .shc-important-note__subtit+.shc-important-note__subtit:before {
    display: block;
    width: 0;
    height: 0;
    margin-top: var(--spacing-xl);
    clear: left;
    content: ""
}

.shc-important-note .shc-important-note__content {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-3xl);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.shc-important-note .text--tiny {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.hidden-text,
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
    opacity: 0
}

.ir {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-indent: 100%
}

#app .hide_ele,
#app [hidden] {
    display: none
}

#app .headline--l {
    font-size: var(--size-headline-L);
    letter-spacing: var(--letterspace-headline-L);
    line-height: var(--lineheight-headline-L);
    font-weight: 700
}

#app .headline--m {
    font-size: var(--size-headline-M);
    letter-spacing: var(--letterspace-headline-M);
    line-height: var(--lineheight-headline-M);
    font-weight: 700
}

#app .headline--s {
    font-size: var(--size-headline-S);
    letter-spacing: var(--letterspace-headline-S);
    line-height: var(--lineheight-headline-S);
    font-weight: 700
}

#app .title--xl {
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 700
}

#app .title--l {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 700
}

#app .title--m {
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 700
}

#app .title--s {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 700
}

#app .body--l {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 400
}

#app .body--m {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 400
}

#app .body--s {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 400
}

#app .detail--l {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 400
}

#app .detail--s {
    font-size: var(--size-detail-S);
    letter-spacing: var(--letterspace-detail-S);
    line-height: var(--lineheight-detail-S);
    font-weight: 400
}

#app .mt--auto {
    margin-top: auto
}

#app .mt--none {
    margin-top: var(--spacing-none)
}

#app .mt--xs {
    margin-top: var(--spacing-xs)
}

#app .mt--sm {
    margin-top: var(--spacing-sm)
}

#app .mt--md {
    margin-top: var(--spacing-md)
}

#app .mt--lg {
    margin-top: var(--spacing-lg)
}

#app .mt--xl {
    margin-top: var(--spacing-xl)
}

#app .mt--2xl {
    margin-top: var(--spacing-2xl)
}

#app .mt--3xl {
    margin-top: var(--spacing-3xl)
}

#app .mt--4xl {
    margin-top: var(--spacing-4xl)
}

#app .mt--5xl {
    margin-top: var(--spacing-5xl)
}

#app .mt--6xl {
    margin-top: var(--spacing-6xl)
}

#app .mt--7xl {
    margin-top: var(--spacing-7xl)
}

#app .-mt--xs {
    margin-top: calc(var(--spacing-xs) * -1)
}

#app .-mt--sm {
    margin-top: calc(var(--spacing-sm) * -1)
}

#app .-mt--md {
    margin-top: calc(var(--spacing-md) * -1)
}

#app .-mt--lg {
    margin-top: calc(var(--spacing-lg) * -1)
}

#app .-mt--xl {
    margin-top: calc(var(--spacing-xl) * -1)
}

#app .-mt--2xl {
    margin-top: calc(var(--spacing-2xl) * -1)
}

#app .-mt--3xl {
    margin-top: calc(var(--spacing-3xl) * -1)
}

#app .-mt--4xl {
    margin-top: calc(var(--spacing-4xl) * -1)
}

#app .-mt--5xl {
    margin-top: calc(var(--spacing-5xl) * -1)
}

#app .-mt--6xl {
    margin-top: calc(var(--spacing-6xl) * -1)
}

#app .-mt--7xl {
    margin-top: calc(var(--spacing-7xl) * -1)
}

#app .mb--auto {
    margin-bottom: auto
}

#app .mb--none {
    margin-bottom: var(--spacing-none)
}

#app .mb--xs {
    margin-bottom: var(--spacing-xs)
}

#app .mb--sm {
    margin-bottom: var(--spacing-sm)
}

#app .mb--md {
    margin-bottom: var(--spacing-md)
}

#app .mb--lg {
    margin-bottom: var(--spacing-lg)
}

#app .mb--xl {
    margin-bottom: var(--spacing-xl)
}

#app .mb--2xl {
    margin-bottom: var(--spacing-2xl)
}

#app .mb--3xl {
    margin-bottom: var(--spacing-3xl)
}

#app .mb--4xl {
    margin-bottom: var(--spacing-4xl)
}

#app .mb--5xl {
    margin-bottom: var(--spacing-5xl)
}

#app .mb--6xl {
    margin-bottom: var(--spacing-6xl)
}

#app .mb--7xl {
    margin-bottom: var(--spacing-7xl)
}

#app .-mb--xs {
    margin-bottom: calc(var(--spacing-xs) * -1)
}

#app .-mb--sm {
    margin-bottom: calc(var(--spacing-sm) * -1)
}

#app .-mb--md {
    margin-bottom: calc(var(--spacing-md) * -1)
}

#app .-mb--lg {
    margin-bottom: calc(var(--spacing-lg) * -1)
}

#app .-mb--xl {
    margin-bottom: calc(var(--spacing-xl) * -1)
}

#app .-mb--2xl {
    margin-bottom: calc(var(--spacing-2xl) * -1)
}

#app .-mb--3xl {
    margin-bottom: calc(var(--spacing-3xl) * -1)
}

#app .-mb--4xl {
    margin-bottom: calc(var(--spacing-4xl) * -1)
}

#app .-mb--5xl {
    margin-bottom: calc(var(--spacing-5xl) * -1)
}

#app .-mb--6xl {
    margin-bottom: calc(var(--spacing-6xl) * -1)
}

#app .-mb--7xl {
    margin-bottom: calc(var(--spacing-7xl) * -1)
}

#app .ml--auto {
    margin-left: auto
}

#app .ml--none {
    margin-left: var(--spacing-none)
}

#app .ml--xs {
    margin-left: var(--spacing-xs)
}

#app .ml--sm {
    margin-left: var(--spacing-sm)
}

#app .ml--md {
    margin-left: var(--spacing-md)
}

#app .ml--lg {
    margin-left: var(--spacing-lg)
}

#app .ml--xl {
    margin-left: var(--spacing-xl)
}

#app .ml--2xl {
    margin-left: var(--spacing-2xl)
}

#app .ml--3xl {
    margin-left: var(--spacing-3xl)
}

#app .ml--4xl {
    margin-left: var(--spacing-4xl)
}

#app .ml--5xl {
    margin-left: var(--spacing-5xl)
}

#app .ml--6xl {
    margin-left: var(--spacing-6xl)
}

#app .ml--7xl {
    margin-left: var(--spacing-7xl)
}

#app .-ml--xs {
    margin-left: calc(var(--spacing-xs) * -1)
}

#app .-ml--sm {
    margin-left: calc(var(--spacing-sm) * -1)
}

#app .-ml--md {
    margin-left: calc(var(--spacing-md) * -1)
}

#app .-ml--lg {
    margin-left: calc(var(--spacing-lg) * -1)
}

#app .-ml--xl {
    margin-left: calc(var(--spacing-xl) * -1)
}

#app .-ml--2xl {
    margin-left: calc(var(--spacing-2xl) * -1)
}

#app .-ml--3xl {
    margin-left: calc(var(--spacing-3xl) * -1)
}

#app .-ml--4xl {
    margin-left: calc(var(--spacing-4xl) * -1)
}

#app .-ml--5xl {
    margin-left: calc(var(--spacing-5xl) * -1)
}

#app .-ml--6xl {
    margin-left: calc(var(--spacing-6xl) * -1)
}

#app .-ml--7xl {
    margin-left: calc(var(--spacing-7xl) * -1)
}

#app .mr--auto {
    margin-right: auto
}

#app .mr--none {
    margin-right: var(--spacing-none)
}

#app .mr--xs {
    margin-right: var(--spacing-xs)
}

#app .mr--sm {
    margin-right: var(--spacing-sm)
}

#app .mr--md {
    margin-right: var(--spacing-md)
}

#app .mr--lg {
    margin-right: var(--spacing-lg)
}

#app .mr--xl {
    margin-right: var(--spacing-xl)
}

#app .mr--2xl {
    margin-right: var(--spacing-2xl)
}

#app .mr--3xl {
    margin-right: var(--spacing-3xl)
}

#app .mr--4xl {
    margin-right: var(--spacing-4xl)
}

#app .mr--5xl {
    margin-right: var(--spacing-5xl)
}

#app .mr--6xl {
    margin-right: var(--spacing-6xl)
}

#app .mr--7xl {
    margin-right: var(--spacing-7xl)
}

#app .-mr--xs {
    margin-right: calc(var(--spacing-xs) * -1)
}

#app .-mr--sm {
    margin-right: calc(var(--spacing-sm) * -1)
}

#app .-mr--md {
    margin-right: calc(var(--spacing-md) * -1)
}

#app .-mr--lg {
    margin-right: calc(var(--spacing-lg) * -1)
}

#app .-mr--xl {
    margin-right: calc(var(--spacing-xl) * -1)
}

#app .-mr--2xl {
    margin-right: calc(var(--spacing-2xl) * -1)
}

#app .-mr--3xl {
    margin-right: calc(var(--spacing-3xl) * -1)
}

#app .-mr--4xl {
    margin-right: calc(var(--spacing-4xl) * -1)
}

#app .-mr--5xl {
    margin-right: calc(var(--spacing-5xl) * -1)
}

#app .-mr--6xl {
    margin-right: calc(var(--spacing-6xl) * -1)
}

#app .-mr--7xl {
    margin-right: calc(var(--spacing-7xl) * -1)
}

#app .mx--none {
    margin-left: var(--spacing-none);
    margin-right: var(--spacing-none)
}

#app .mx--xs {
    margin-left: var(--spacing-xs);
    margin-right: var(--spacing-xs)
}

#app .mx--sm {
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm)
}

#app .mx--md {
    margin-left: var(--spacing-md);
    margin-right: var(--spacing-md)
}

#app .mx--lg {
    margin-left: var(--spacing-lg);
    margin-right: var(--spacing-lg)
}

#app .mx--xl {
    margin-left: var(--spacing-xl);
    margin-right: var(--spacing-xl)
}

#app .mx--2xl {
    margin-left: var(--spacing-2xl);
    margin-right: var(--spacing-2xl)
}

#app .mx--3xl {
    margin-left: var(--spacing-3xl);
    margin-right: var(--spacing-3xl)
}

#app .mx--4xl {
    margin-left: var(--spacing-4xl);
    margin-right: var(--spacing-4xl)
}

#app .mx--5xl {
    margin-left: var(--spacing-5xl);
    margin-right: var(--spacing-5xl)
}

#app .mx--6xl {
    margin-left: var(--spacing-6xl);
    margin-right: var(--spacing-6xl)
}

#app .mx--7xl {
    margin-left: var(--spacing-7xl);
    margin-right: var(--spacing-7xl)
}

#app .-mx--xs {
    margin-left: calc(var(--spacing-xs) * -1);
    margin-right: calc(var(--spacing-xs) * -1)
}

#app .-mx--sm {
    margin-left: calc(var(--spacing-sm) * -1);
    margin-right: calc(var(--spacing-sm) * -1)
}

#app .-mx--md {
    margin-left: calc(var(--spacing-md) * -1);
    margin-right: calc(var(--spacing-md) * -1)
}

#app .-mx--lg {
    margin-left: calc(var(--spacing-lg) * -1);
    margin-right: calc(var(--spacing-lg) * -1)
}

#app .-mx--xl {
    margin-left: calc(var(--spacing-xl) * -1);
    margin-right: calc(var(--spacing-xl) * -1)
}

#app .-mx--2xl {
    margin-left: calc(var(--spacing-2xl) * -1);
    margin-right: calc(var(--spacing-2xl) * -1)
}

#app .-mx--3xl {
    margin-left: calc(var(--spacing-3xl) * -1);
    margin-right: calc(var(--spacing-3xl) * -1)
}

#app .-mx--4xl {
    margin-left: calc(var(--spacing-4xl) * -1);
    margin-right: calc(var(--spacing-4xl) * -1)
}

#app .-mx--5xl {
    margin-left: calc(var(--spacing-5xl) * -1);
    margin-right: calc(var(--spacing-5xl) * -1)
}

#app .-mx--6xl {
    margin-left: calc(var(--spacing-6xl) * -1);
    margin-right: calc(var(--spacing-6xl) * -1)
}

#app .-mx--7xl {
    margin-left: calc(var(--spacing-7xl) * -1);
    margin-right: calc(var(--spacing-7xl) * -1)
}

#app .my--none {
    margin-top: var(--spacing-none);
    margin-bottom: var(--spacing-none)
}

#app .my--xs {
    margin-top: var(--spacing-xs);
    margin-bottom: var(--spacing-xs)
}

#app .my--sm {
    margin-top: var(--spacing-sm);
    margin-bottom: var(--spacing-sm)
}

#app .my--md {
    margin-top: var(--spacing-md);
    margin-bottom: var(--spacing-md)
}

#app .my--lg {
    margin-top: var(--spacing-lg);
    margin-bottom: var(--spacing-lg)
}

#app .my--xl {
    margin-top: var(--spacing-xl);
    margin-bottom: var(--spacing-xl)
}

#app .my--2xl {
    margin-top: var(--spacing-2xl);
    margin-bottom: var(--spacing-2xl)
}

#app .my--3xl {
    margin-top: var(--spacing-3xl);
    margin-bottom: var(--spacing-3xl)
}

#app .my--4xl {
    margin-top: var(--spacing-4xl);
    margin-bottom: var(--spacing-4xl)
}

#app .my--5xl {
    margin-top: var(--spacing-5xl);
    margin-bottom: var(--spacing-5xl)
}

#app .my--6xl {
    margin-top: var(--spacing-6xl);
    margin-bottom: var(--spacing-6xl)
}

#app .my--7xl {
    margin-top: var(--spacing-7xl);
    margin-bottom: var(--spacing-7xl)
}

#app .-my--xs {
    margin-top: calc(var(--spacing-xs) * -1);
    margin-bottom: calc(var(--spacing-xs) * -1)
}

#app .-my--sm {
    margin-top: calc(var(--spacing-sm) * -1);
    margin-bottom: calc(var(--spacing-sm) * -1)
}

#app .-my--md {
    margin-top: calc(var(--spacing-md) * -1);
    margin-bottom: calc(var(--spacing-md) * -1)
}

#app .-my--lg {
    margin-top: calc(var(--spacing-lg) * -1);
    margin-bottom: calc(var(--spacing-lg) * -1)
}

#app .-my--xl {
    margin-top: calc(var(--spacing-xl) * -1);
    margin-bottom: calc(var(--spacing-xl) * -1)
}

#app .-my--2xl {
    margin-top: calc(var(--spacing-2xl) * -1);
    margin-bottom: calc(var(--spacing-2xl) * -1)
}

#app .-my--3xl {
    margin-top: calc(var(--spacing-3xl) * -1);
    margin-bottom: calc(var(--spacing-3xl) * -1)
}

#app .-my--4xl {
    margin-top: calc(var(--spacing-4xl) * -1);
    margin-bottom: calc(var(--spacing-4xl) * -1)
}

#app .-my--5xl {
    margin-top: calc(var(--spacing-5xl) * -1);
    margin-bottom: calc(var(--spacing-5xl) * -1)
}

#app .-my--6xl {
    margin-top: calc(var(--spacing-6xl) * -1);
    margin-bottom: calc(var(--spacing-6xl) * -1)
}

#app .-my--7xl {
    margin-top: calc(var(--spacing-7xl) * -1);
    margin-bottom: calc(var(--spacing-7xl) * -1)
}

#app .m--auto {
    margin: auto
}

#app .m--none {
    margin: var(--spacing-none)
}

#app .m--xs {
    margin: var(--spacing-xs)
}

#app .m--sm {
    margin: var(--spacing-sm)
}

#app .m--md {
    margin: var(--spacing-md)
}

#app .m--lg {
    margin: var(--spacing-lg)
}

#app .m--xl {
    margin: var(--spacing-xl)
}

#app .m--2xl {
    margin: var(--spacing-2xl)
}

#app .m--3xl {
    margin: var(--spacing-3xl)
}

#app .m--4xl {
    margin: var(--spacing-4xl)
}

#app .m--5xl {
    margin: var(--spacing-5xl)
}

#app .m--6xl {
    margin: var(--spacing-6xl)
}

#app .m--7xl {
    margin: var(--spacing-7xl)
}

#app .-m--xs {
    margin: calc(var(--spacing-xs) * -1)
}

#app .-m--sm {
    margin: calc(var(--spacing-sm) * -1)
}

#app .-m--md {
    margin: calc(var(--spacing-md) * -1)
}

#app .-m--lg {
    margin: calc(var(--spacing-lg) * -1)
}

#app .-m--xl {
    margin: calc(var(--spacing-xl) * -1)
}

#app .-m--2xl {
    margin: calc(var(--spacing-2xl) * -1)
}

#app .-m--3xl {
    margin: calc(var(--spacing-3xl) * -1)
}

#app .-m--4xl {
    margin: calc(var(--spacing-4xl) * -1)
}

#app .-m--5xl {
    margin: calc(var(--spacing-5xl) * -1)
}

#app .-m--6xl {
    margin: calc(var(--spacing-6xl) * -1)
}

#app .-m--7xl {
    margin: calc(var(--spacing-7xl) * -1)
}

#app .pt--auto {
    padding-top: auto
}

#app .pt--none {
    padding-top: var(--spacing-none)
}

#app .pt--xs {
    padding-top: var(--spacing-xs)
}

#app .pt--sm {
    padding-top: var(--spacing-sm)
}

#app .pt--md {
    padding-top: var(--spacing-md)
}

#app .pt--lg {
    padding-top: var(--spacing-lg)
}

#app .pt--xl {
    padding-top: var(--spacing-xl)
}

#app .pt--2xl {
    padding-top: var(--spacing-2xl)
}

#app .pt--3xl {
    padding-top: var(--spacing-3xl)
}

#app .pt--4xl {
    padding-top: var(--spacing-4xl)
}

#app .pt--5xl {
    padding-top: var(--spacing-5xl)
}

#app .pt--6xl {
    padding-top: var(--spacing-6xl)
}

#app .pt--7xl {
    padding-top: var(--spacing-7xl)
}

#app .-pt--xs {
    padding-top: calc(var(--spacing-xs) * -1)
}

#app .-pt--sm {
    padding-top: calc(var(--spacing-sm) * -1)
}

#app .-pt--md {
    padding-top: calc(var(--spacing-md) * -1)
}

#app .-pt--lg {
    padding-top: calc(var(--spacing-lg) * -1)
}

#app .-pt--xl {
    padding-top: calc(var(--spacing-xl) * -1)
}

#app .-pt--2xl {
    padding-top: calc(var(--spacing-2xl) * -1)
}

#app .-pt--3xl {
    padding-top: calc(var(--spacing-3xl) * -1)
}

#app .-pt--4xl {
    padding-top: calc(var(--spacing-4xl) * -1)
}

#app .-pt--5xl {
    padding-top: calc(var(--spacing-5xl) * -1)
}

#app .-pt--6xl {
    padding-top: calc(var(--spacing-6xl) * -1)
}

#app .-pt--7xl {
    padding-top: calc(var(--spacing-7xl) * -1)
}

#app .pb--auto {
    padding-bottom: auto
}

#app .pb--none {
    padding-bottom: var(--spacing-none)
}

#app .pb--xs {
    padding-bottom: var(--spacing-xs)
}

#app .pb--sm {
    padding-bottom: var(--spacing-sm)
}

#app .pb--md {
    padding-bottom: var(--spacing-md)
}

#app .pb--lg {
    padding-bottom: var(--spacing-lg)
}

#app .pb--xl {
    padding-bottom: var(--spacing-xl)
}

#app .pb--2xl {
    padding-bottom: var(--spacing-2xl)
}

#app .pb--3xl {
    padding-bottom: var(--spacing-3xl)
}

#app .pb--4xl {
    padding-bottom: var(--spacing-4xl)
}

#app .pb--5xl {
    padding-bottom: var(--spacing-5xl)
}

#app .pb--6xl {
    padding-bottom: var(--spacing-6xl)
}

#app .pb--7xl {
    padding-bottom: var(--spacing-7xl)
}

#app .-pb--xs {
    padding-bottom: calc(var(--spacing-xs) * -1)
}

#app .-pb--sm {
    padding-bottom: calc(var(--spacing-sm) * -1)
}

#app .-pb--md {
    padding-bottom: calc(var(--spacing-md) * -1)
}

#app .-pb--lg {
    padding-bottom: calc(var(--spacing-lg) * -1)
}

#app .-pb--xl {
    padding-bottom: calc(var(--spacing-xl) * -1)
}

#app .-pb--2xl {
    padding-bottom: calc(var(--spacing-2xl) * -1)
}

#app .-pb--3xl {
    padding-bottom: calc(var(--spacing-3xl) * -1)
}

#app .-pb--4xl {
    padding-bottom: calc(var(--spacing-4xl) * -1)
}

#app .-pb--5xl {
    padding-bottom: calc(var(--spacing-5xl) * -1)
}

#app .-pb--6xl {
    padding-bottom: calc(var(--spacing-6xl) * -1)
}

#app .-pb--7xl {
    padding-bottom: calc(var(--spacing-7xl) * -1)
}

#app .pl--auto {
    padding-left: auto
}

#app .pl--none {
    padding-left: var(--spacing-none)
}

#app .pl--xs {
    padding-left: var(--spacing-xs)
}

#app .pl--sm {
    padding-left: var(--spacing-sm)
}

#app .pl--md {
    padding-left: var(--spacing-md)
}

#app .pl--lg {
    padding-left: var(--spacing-lg)
}

#app .pl--xl {
    padding-left: var(--spacing-xl)
}

#app .pl--2xl {
    padding-left: var(--spacing-2xl)
}

#app .pl--3xl {
    padding-left: var(--spacing-3xl)
}

#app .pl--4xl {
    padding-left: var(--spacing-4xl)
}

#app .pl--5xl {
    padding-left: var(--spacing-5xl)
}

#app .pl--6xl {
    padding-left: var(--spacing-6xl)
}

#app .pl--7xl {
    padding-left: var(--spacing-7xl)
}

#app .-pl--xs {
    padding-left: calc(var(--spacing-xs) * -1)
}

#app .-pl--sm {
    padding-left: calc(var(--spacing-sm) * -1)
}

#app .-pl--md {
    padding-left: calc(var(--spacing-md) * -1)
}

#app .-pl--lg {
    padding-left: calc(var(--spacing-lg) * -1)
}

#app .-pl--xl {
    padding-left: calc(var(--spacing-xl) * -1)
}

#app .-pl--2xl {
    padding-left: calc(var(--spacing-2xl) * -1)
}

#app .-pl--3xl {
    padding-left: calc(var(--spacing-3xl) * -1)
}

#app .-pl--4xl {
    padding-left: calc(var(--spacing-4xl) * -1)
}

#app .-pl--5xl {
    padding-left: calc(var(--spacing-5xl) * -1)
}

#app .-pl--6xl {
    padding-left: calc(var(--spacing-6xl) * -1)
}

#app .-pl--7xl {
    padding-left: calc(var(--spacing-7xl) * -1)
}

#app .pr--auto {
    padding-right: auto
}

#app .pr--none {
    padding-right: var(--spacing-none)
}

#app .pr--xs {
    padding-right: var(--spacing-xs)
}

#app .pr--sm {
    padding-right: var(--spacing-sm)
}

#app .pr--md {
    padding-right: var(--spacing-md)
}

#app .pr--lg {
    padding-right: var(--spacing-lg)
}

#app .pr--xl {
    padding-right: var(--spacing-xl)
}

#app .pr--2xl {
    padding-right: var(--spacing-2xl)
}

#app .pr--3xl {
    padding-right: var(--spacing-3xl)
}

#app .pr--4xl {
    padding-right: var(--spacing-4xl)
}

#app .pr--5xl {
    padding-right: var(--spacing-5xl)
}

#app .pr--6xl {
    padding-right: var(--spacing-6xl)
}

#app .pr--7xl {
    padding-right: var(--spacing-7xl)
}

#app .-pr--xs {
    padding-right: calc(var(--spacing-xs) * -1)
}

#app .-pr--sm {
    padding-right: calc(var(--spacing-sm) * -1)
}

#app .-pr--md {
    padding-right: calc(var(--spacing-md) * -1)
}

#app .-pr--lg {
    padding-right: calc(var(--spacing-lg) * -1)
}

#app .-pr--xl {
    padding-right: calc(var(--spacing-xl) * -1)
}

#app .-pr--2xl {
    padding-right: calc(var(--spacing-2xl) * -1)
}

#app .-pr--3xl {
    padding-right: calc(var(--spacing-3xl) * -1)
}

#app .-pr--4xl {
    padding-right: calc(var(--spacing-4xl) * -1)
}

#app .-pr--5xl {
    padding-right: calc(var(--spacing-5xl) * -1)
}

#app .-pr--6xl {
    padding-right: calc(var(--spacing-6xl) * -1)
}

#app .-pr--7xl {
    padding-right: calc(var(--spacing-7xl) * -1)
}

#app .px--none {
    padding-left: var(--spacing-none);
    padding-right: var(--spacing-none)
}

#app .px--xs {
    padding-left: var(--spacing-xs);
    padding-right: var(--spacing-xs)
}

#app .px--sm {
    padding-left: var(--spacing-sm);
    padding-right: var(--spacing-sm)
}

#app .px--md {
    padding-left: var(--spacing-md);
    padding-right: var(--spacing-md)
}

#app .px--lg {
    padding-left: var(--spacing-lg);
    padding-right: var(--spacing-lg)
}

#app .px--xl {
    padding-left: var(--spacing-xl);
    padding-right: var(--spacing-xl)
}

#app .px--2xl {
    padding-left: var(--spacing-2xl);
    padding-right: var(--spacing-2xl)
}

#app .px--3xl {
    padding-left: var(--spacing-3xl);
    padding-right: var(--spacing-3xl)
}

#app .px--4xl {
    padding-left: var(--spacing-4xl);
    padding-right: var(--spacing-4xl)
}

#app .px--5xl {
    padding-left: var(--spacing-5xl);
    padding-right: var(--spacing-5xl)
}

#app .px--6xl {
    padding-left: var(--spacing-6xl);
    padding-right: var(--spacing-6xl)
}

#app .px--7xl {
    padding-left: var(--spacing-7xl);
    padding-right: var(--spacing-7xl)
}

#app .-px--xs {
    padding-left: calc(var(--spacing-xs) * -1);
    padding-right: calc(var(--spacing-xs) * -1)
}

#app .-px--sm {
    padding-left: calc(var(--spacing-sm) * -1);
    padding-right: calc(var(--spacing-sm) * -1)
}

#app .-px--md {
    padding-left: calc(var(--spacing-md) * -1);
    padding-right: calc(var(--spacing-md) * -1)
}

#app .-px--lg {
    padding-left: calc(var(--spacing-lg) * -1);
    padding-right: calc(var(--spacing-lg) * -1)
}

#app .-px--xl {
    padding-left: calc(var(--spacing-xl) * -1);
    padding-right: calc(var(--spacing-xl) * -1)
}

#app .-px--2xl {
    padding-left: calc(var(--spacing-2xl) * -1);
    padding-right: calc(var(--spacing-2xl) * -1)
}

#app .-px--3xl {
    padding-left: calc(var(--spacing-3xl) * -1);
    padding-right: calc(var(--spacing-3xl) * -1)
}

#app .-px--4xl {
    padding-left: calc(var(--spacing-4xl) * -1);
    padding-right: calc(var(--spacing-4xl) * -1)
}

#app .-px--5xl {
    padding-left: calc(var(--spacing-5xl) * -1);
    padding-right: calc(var(--spacing-5xl) * -1)
}

#app .-px--6xl {
    padding-left: calc(var(--spacing-6xl) * -1);
    padding-right: calc(var(--spacing-6xl) * -1)
}

#app .-px--7xl {
    padding-left: calc(var(--spacing-7xl) * -1);
    padding-right: calc(var(--spacing-7xl) * -1)
}

#app .py--none {
    padding-top: var(--spacing-none);
    padding-bottom: var(--spacing-none)
}

#app .py--xs {
    padding-top: var(--spacing-xs);
    padding-bottom: var(--spacing-xs)
}

#app .py--sm {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm)
}

#app .py--md {
    padding-top: var(--spacing-md);
    padding-bottom: var(--spacing-md)
}

#app .py--lg {
    padding-top: var(--spacing-lg);
    padding-bottom: var(--spacing-lg)
}

#app .py--xl {
    padding-top: var(--spacing-xl);
    padding-bottom: var(--spacing-xl)
}

#app .py--2xl {
    padding-top: var(--spacing-2xl);
    padding-bottom: var(--spacing-2xl)
}

#app .py--3xl {
    padding-top: var(--spacing-3xl);
    padding-bottom: var(--spacing-3xl)
}

#app .py--4xl {
    padding-top: var(--spacing-4xl);
    padding-bottom: var(--spacing-4xl)
}

#app .py--5xl {
    padding-top: var(--spacing-5xl);
    padding-bottom: var(--spacing-5xl)
}

#app .py--6xl {
    padding-top: var(--spacing-6xl);
    padding-bottom: var(--spacing-6xl)
}

#app .py--7xl {
    padding-top: var(--spacing-7xl);
    padding-bottom: var(--spacing-7xl)
}

#app .-py--xs {
    padding-top: calc(var(--spacing-xs) * -1);
    padding-bottom: calc(var(--spacing-xs) * -1)
}

#app .-py--sm {
    padding-top: calc(var(--spacing-sm) * -1);
    padding-bottom: calc(var(--spacing-sm) * -1)
}

#app .-py--md {
    padding-top: calc(var(--spacing-md) * -1);
    padding-bottom: calc(var(--spacing-md) * -1)
}

#app .-py--lg {
    padding-top: calc(var(--spacing-lg) * -1);
    padding-bottom: calc(var(--spacing-lg) * -1)
}

#app .-py--xl {
    padding-top: calc(var(--spacing-xl) * -1);
    padding-bottom: calc(var(--spacing-xl) * -1)
}

#app .-py--2xl {
    padding-top: calc(var(--spacing-2xl) * -1);
    padding-bottom: calc(var(--spacing-2xl) * -1)
}

#app .-py--3xl {
    padding-top: calc(var(--spacing-3xl) * -1);
    padding-bottom: calc(var(--spacing-3xl) * -1)
}

#app .-py--4xl {
    padding-top: calc(var(--spacing-4xl) * -1);
    padding-bottom: calc(var(--spacing-4xl) * -1)
}

#app .-py--5xl {
    padding-top: calc(var(--spacing-5xl) * -1);
    padding-bottom: calc(var(--spacing-5xl) * -1)
}

#app .-py--6xl {
    padding-top: calc(var(--spacing-6xl) * -1);
    padding-bottom: calc(var(--spacing-6xl) * -1)
}

#app .-py--7xl {
    padding-top: calc(var(--spacing-7xl) * -1);
    padding-bottom: calc(var(--spacing-7xl) * -1)
}

#app .p--auto {
    padding: auto
}

#app .p--none {
    padding: var(--spacing-none)
}

#app .p--xs {
    padding: var(--spacing-xs)
}

#app .p--sm {
    padding: var(--spacing-sm)
}

#app .p--md {
    padding: var(--spacing-md)
}

#app .p--lg {
    padding: var(--spacing-lg)
}

#app .p--xl {
    padding: var(--spacing-xl)
}

#app .p--2xl {
    padding: var(--spacing-2xl)
}

#app .p--3xl {
    padding: var(--spacing-3xl)
}

#app .p--4xl {
    padding: var(--spacing-4xl)
}

#app .p--5xl {
    padding: var(--spacing-5xl)
}

#app .p--6xl {
    padding: var(--spacing-6xl)
}

#app .p--7xl {
    padding: var(--spacing-7xl)
}

#app .-p--xs {
    padding: calc(var(--spacing-xs) * -1)
}

#app .-p--sm {
    padding: calc(var(--spacing-sm) * -1)
}

#app .-p--md {
    padding: calc(var(--spacing-md) * -1)
}

#app .-p--lg {
    padding: calc(var(--spacing-lg) * -1)
}

#app .-p--xl {
    padding: calc(var(--spacing-xl) * -1)
}

#app .-p--2xl {
    padding: calc(var(--spacing-2xl) * -1)
}

#app .-p--3xl {
    padding: calc(var(--spacing-3xl) * -1)
}

#app .-p--4xl {
    padding: calc(var(--spacing-4xl) * -1)
}

#app .-p--5xl {
    padding: calc(var(--spacing-5xl) * -1)
}

#app .-p--6xl {
    padding: calc(var(--spacing-6xl) * -1)
}

#app .-p--7xl {
    padding: calc(var(--spacing-7xl) * -1)
}

@media (min-width: 1024px) {
    #app .pc-mt--none {
        margin-top: var(--spacing-none)
    }

    #app .pc-mt--xs {
        margin-top: var(--spacing-xs)
    }

    #app .pc-mt--sm {
        margin-top: var(--spacing-sm)
    }

    #app .pc-mt--md {
        margin-top: var(--spacing-md)
    }

    #app .pc-mt--lg {
        margin-top: var(--spacing-lg)
    }

    #app .pc-mt--xl {
        margin-top: var(--spacing-xl)
    }

    #app .pc-mt--2xl {
        margin-top: var(--spacing-2xl)
    }

    #app .pc-mt--3xl {
        margin-top: var(--spacing-3xl)
    }

    #app .pc-mt--4xl {
        margin-top: var(--spacing-4xl)
    }

    #app .pc-mt--5xl {
        margin-top: var(--spacing-5xl)
    }

    #app .pc-mt--6xl {
        margin-top: var(--spacing-6xl)
    }

    #app .pc-mt--7xl {
        margin-top: var(--spacing-7xl)
    }

    #app .-pc-mt--xs {
        margin-top: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-mt--sm {
        margin-top: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-mt--md {
        margin-top: calc(var(--spacing-md) * -1)
    }

    #app .-pc-mt--lg {
        margin-top: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-mt--xl {
        margin-top: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-mt--2xl {
        margin-top: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-mt--3xl {
        margin-top: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-mt--4xl {
        margin-top: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-mt--5xl {
        margin-top: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-mt--6xl {
        margin-top: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-mt--7xl {
        margin-top: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-mb--none {
        margin-bottom: var(--spacing-none)
    }

    #app .pc-mb--xs {
        margin-bottom: var(--spacing-xs)
    }

    #app .pc-mb--sm {
        margin-bottom: var(--spacing-sm)
    }

    #app .pc-mb--md {
        margin-bottom: var(--spacing-md)
    }

    #app .pc-mb--lg {
        margin-bottom: var(--spacing-lg)
    }

    #app .pc-mb--xl {
        margin-bottom: var(--spacing-xl)
    }

    #app .pc-mb--2xl {
        margin-bottom: var(--spacing-2xl)
    }

    #app .pc-mb--3xl {
        margin-bottom: var(--spacing-3xl)
    }

    #app .pc-mb--4xl {
        margin-bottom: var(--spacing-4xl)
    }

    #app .pc-mb--5xl {
        margin-bottom: var(--spacing-5xl)
    }

    #app .pc-mb--6xl {
        margin-bottom: var(--spacing-6xl)
    }

    #app .pc-mb--7xl {
        margin-bottom: var(--spacing-7xl)
    }

    #app .-pc-mb--xs {
        margin-bottom: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-mb--sm {
        margin-bottom: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-mb--md {
        margin-bottom: calc(var(--spacing-md) * -1)
    }

    #app .-pc-mb--lg {
        margin-bottom: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-mb--xl {
        margin-bottom: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-mb--2xl {
        margin-bottom: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-mb--3xl {
        margin-bottom: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-mb--4xl {
        margin-bottom: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-mb--5xl {
        margin-bottom: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-mb--6xl {
        margin-bottom: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-mb--7xl {
        margin-bottom: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-ml--none {
        margin-left: var(--spacing-none)
    }

    #app .pc-ml--xs {
        margin-left: var(--spacing-xs)
    }

    #app .pc-ml--sm {
        margin-left: var(--spacing-sm)
    }

    #app .pc-ml--md {
        margin-left: var(--spacing-md)
    }

    #app .pc-ml--lg {
        margin-left: var(--spacing-lg)
    }

    #app .pc-ml--xl {
        margin-left: var(--spacing-xl)
    }

    #app .pc-ml--2xl {
        margin-left: var(--spacing-2xl)
    }

    #app .pc-ml--3xl {
        margin-left: var(--spacing-3xl)
    }

    #app .pc-ml--4xl {
        margin-left: var(--spacing-4xl)
    }

    #app .pc-ml--5xl {
        margin-left: var(--spacing-5xl)
    }

    #app .pc-ml--6xl {
        margin-left: var(--spacing-6xl)
    }

    #app .pc-ml--7xl {
        margin-left: var(--spacing-7xl)
    }

    #app .-pc-ml--xs {
        margin-left: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-ml--sm {
        margin-left: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-ml--md {
        margin-left: calc(var(--spacing-md) * -1)
    }

    #app .-pc-ml--lg {
        margin-left: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-ml--xl {
        margin-left: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-ml--2xl {
        margin-left: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-ml--3xl {
        margin-left: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-ml--4xl {
        margin-left: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-ml--5xl {
        margin-left: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-ml--6xl {
        margin-left: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-ml--7xl {
        margin-left: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-mr--none {
        margin-right: var(--spacing-none)
    }

    #app .pc-mr--xs {
        margin-right: var(--spacing-xs)
    }

    #app .pc-mr--sm {
        margin-right: var(--spacing-sm)
    }

    #app .pc-mr--md {
        margin-right: var(--spacing-md)
    }

    #app .pc-mr--lg {
        margin-right: var(--spacing-lg)
    }

    #app .pc-mr--xl {
        margin-right: var(--spacing-xl)
    }

    #app .pc-mr--2xl {
        margin-right: var(--spacing-2xl)
    }

    #app .pc-mr--3xl {
        margin-right: var(--spacing-3xl)
    }

    #app .pc-mr--4xl {
        margin-right: var(--spacing-4xl)
    }

    #app .pc-mr--5xl {
        margin-right: var(--spacing-5xl)
    }

    #app .pc-mr--6xl {
        margin-right: var(--spacing-6xl)
    }

    #app .pc-mr--7xl {
        margin-right: var(--spacing-7xl)
    }

    #app .-pc-mr--xs {
        margin-right: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-mr--sm {
        margin-right: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-mr--md {
        margin-right: calc(var(--spacing-md) * -1)
    }

    #app .-pc-mr--lg {
        margin-right: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-mr--xl {
        margin-right: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-mr--2xl {
        margin-right: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-mr--3xl {
        margin-right: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-mr--4xl {
        margin-right: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-mr--5xl {
        margin-right: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-mr--6xl {
        margin-right: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-mr--7xl {
        margin-right: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-mx--none {
        margin-left: var(--spacing-none);
        margin-right: var(--spacing-none)
    }

    #app .pc-mx--xs {
        margin-left: var(--spacing-xs);
        margin-right: var(--spacing-xs)
    }

    #app .pc-mx--sm {
        margin-left: var(--spacing-sm);
        margin-right: var(--spacing-sm)
    }

    #app .pc-mx--md {
        margin-left: var(--spacing-md);
        margin-right: var(--spacing-md)
    }

    #app .pc-mx--lg {
        margin-left: var(--spacing-lg);
        margin-right: var(--spacing-lg)
    }

    #app .pc-mx--xl {
        margin-left: var(--spacing-xl);
        margin-right: var(--spacing-xl)
    }

    #app .pc-mx--2xl {
        margin-left: var(--spacing-2xl);
        margin-right: var(--spacing-2xl)
    }

    #app .pc-mx--3xl {
        margin-left: var(--spacing-3xl);
        margin-right: var(--spacing-3xl)
    }

    #app .pc-mx--4xl {
        margin-left: var(--spacing-4xl);
        margin-right: var(--spacing-4xl)
    }

    #app .pc-mx--5xl {
        margin-left: var(--spacing-5xl);
        margin-right: var(--spacing-5xl)
    }

    #app .pc-mx--6xl {
        margin-left: var(--spacing-6xl);
        margin-right: var(--spacing-6xl)
    }

    #app .pc-mx--7xl {
        margin-left: var(--spacing-7xl);
        margin-right: var(--spacing-7xl)
    }

    #app .-pc-mx--xs {
        margin-left: calc(var(--spacing-xs) * -1);
        margin-right: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-mx--sm {
        margin-left: calc(var(--spacing-sm) * -1);
        margin-right: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-mx--md {
        margin-left: calc(var(--spacing-md) * -1);
        margin-right: calc(var(--spacing-md) * -1)
    }

    #app .-pc-mx--lg {
        margin-left: calc(var(--spacing-lg) * -1);
        margin-right: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-mx--xl {
        margin-left: calc(var(--spacing-xl) * -1);
        margin-right: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-mx--2xl {
        margin-left: calc(var(--spacing-2xl) * -1);
        margin-right: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-mx--3xl {
        margin-left: calc(var(--spacing-3xl) * -1);
        margin-right: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-mx--4xl {
        margin-left: calc(var(--spacing-4xl) * -1);
        margin-right: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-mx--5xl {
        margin-left: calc(var(--spacing-5xl) * -1);
        margin-right: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-mx--6xl {
        margin-left: calc(var(--spacing-6xl) * -1);
        margin-right: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-mx--7xl {
        margin-left: calc(var(--spacing-7xl) * -1);
        margin-right: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-my--none {
        margin-top: var(--spacing-none);
        margin-bottom: var(--spacing-none)
    }

    #app .pc-my--xs {
        margin-top: var(--spacing-xs);
        margin-bottom: var(--spacing-xs)
    }

    #app .pc-my--sm {
        margin-top: var(--spacing-sm);
        margin-bottom: var(--spacing-sm)
    }

    #app .pc-my--md {
        margin-top: var(--spacing-md);
        margin-bottom: var(--spacing-md)
    }

    #app .pc-my--lg {
        margin-top: var(--spacing-lg);
        margin-bottom: var(--spacing-lg)
    }

    #app .pc-my--xl {
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl)
    }

    #app .pc-my--2xl {
        margin-top: var(--spacing-2xl);
        margin-bottom: var(--spacing-2xl)
    }

    #app .pc-my--3xl {
        margin-top: var(--spacing-3xl);
        margin-bottom: var(--spacing-3xl)
    }

    #app .pc-my--4xl {
        margin-top: var(--spacing-4xl);
        margin-bottom: var(--spacing-4xl)
    }

    #app .pc-my--5xl {
        margin-top: var(--spacing-5xl);
        margin-bottom: var(--spacing-5xl)
    }

    #app .pc-my--6xl {
        margin-top: var(--spacing-6xl);
        margin-bottom: var(--spacing-6xl)
    }

    #app .pc-my--7xl {
        margin-top: var(--spacing-7xl);
        margin-bottom: var(--spacing-7xl)
    }

    #app .-pc-my--xs {
        margin-top: calc(var(--spacing-xs) * -1);
        margin-bottom: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-my--sm {
        margin-top: calc(var(--spacing-sm) * -1);
        margin-bottom: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-my--md {
        margin-top: calc(var(--spacing-md) * -1);
        margin-bottom: calc(var(--spacing-md) * -1)
    }

    #app .-pc-my--lg {
        margin-top: calc(var(--spacing-lg) * -1);
        margin-bottom: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-my--xl {
        margin-top: calc(var(--spacing-xl) * -1);
        margin-bottom: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-my--2xl {
        margin-top: calc(var(--spacing-2xl) * -1);
        margin-bottom: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-my--3xl {
        margin-top: calc(var(--spacing-3xl) * -1);
        margin-bottom: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-my--4xl {
        margin-top: calc(var(--spacing-4xl) * -1);
        margin-bottom: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-my--5xl {
        margin-top: calc(var(--spacing-5xl) * -1);
        margin-bottom: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-my--6xl {
        margin-top: calc(var(--spacing-6xl) * -1);
        margin-bottom: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-my--7xl {
        margin-top: calc(var(--spacing-7xl) * -1);
        margin-bottom: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-m--none {
        margin: var(--spacing-none)
    }

    #app .pc-m--xs {
        margin: var(--spacing-xs)
    }

    #app .pc-m--sm {
        margin: var(--spacing-sm)
    }

    #app .pc-m--md {
        margin: var(--spacing-md)
    }

    #app .pc-m--lg {
        margin: var(--spacing-lg)
    }

    #app .pc-m--xl {
        margin: var(--spacing-xl)
    }

    #app .pc-m--2xl {
        margin: var(--spacing-2xl)
    }

    #app .pc-m--3xl {
        margin: var(--spacing-3xl)
    }

    #app .pc-m--4xl {
        margin: var(--spacing-4xl)
    }

    #app .pc-m--5xl {
        margin: var(--spacing-5xl)
    }

    #app .pc-m--6xl {
        margin: var(--spacing-6xl)
    }

    #app .pc-m--7xl {
        margin: var(--spacing-7xl)
    }

    #app .-pc-m--xs {
        margin: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-m--sm {
        margin: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-m--md {
        margin: calc(var(--spacing-md) * -1)
    }

    #app .-pc-m--lg {
        margin: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-m--xl {
        margin: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-m--2xl {
        margin: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-m--3xl {
        margin: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-m--4xl {
        margin: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-m--5xl {
        margin: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-m--6xl {
        margin: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-m--7xl {
        margin: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-mt--none {
        margin-top: var(--spacing-none)
    }

    #app .mobile-mt--xs {
        margin-top: var(--spacing-xs)
    }

    #app .mobile-mt--sm {
        margin-top: var(--spacing-sm)
    }

    #app .mobile-mt--md {
        margin-top: var(--spacing-md)
    }

    #app .mobile-mt--lg {
        margin-top: var(--spacing-lg)
    }

    #app .mobile-mt--xl {
        margin-top: var(--spacing-xl)
    }

    #app .mobile-mt--2xl {
        margin-top: var(--spacing-2xl)
    }

    #app .mobile-mt--3xl {
        margin-top: var(--spacing-3xl)
    }

    #app .mobile-mt--4xl {
        margin-top: var(--spacing-4xl)
    }

    #app .mobile-mt--5xl {
        margin-top: var(--spacing-5xl)
    }

    #app .mobile-mt--6xl {
        margin-top: var(--spacing-6xl)
    }

    #app .mobile-mt--7xl {
        margin-top: var(--spacing-7xl)
    }

    #app .-mobile-mt--xs {
        margin-top: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-mt--sm {
        margin-top: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-mt--md {
        margin-top: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-mt--lg {
        margin-top: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-mt--xl {
        margin-top: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-mt--2xl {
        margin-top: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-mt--3xl {
        margin-top: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-mt--4xl {
        margin-top: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-mt--5xl {
        margin-top: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-mt--6xl {
        margin-top: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-mt--7xl {
        margin-top: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-mb--none {
        margin-bottom: var(--spacing-none)
    }

    #app .mobile-mb--xs {
        margin-bottom: var(--spacing-xs)
    }

    #app .mobile-mb--sm {
        margin-bottom: var(--spacing-sm)
    }

    #app .mobile-mb--md {
        margin-bottom: var(--spacing-md)
    }

    #app .mobile-mb--lg {
        margin-bottom: var(--spacing-lg)
    }

    #app .mobile-mb--xl {
        margin-bottom: var(--spacing-xl)
    }

    #app .mobile-mb--2xl {
        margin-bottom: var(--spacing-2xl)
    }

    #app .mobile-mb--3xl {
        margin-bottom: var(--spacing-3xl)
    }

    #app .mobile-mb--4xl {
        margin-bottom: var(--spacing-4xl)
    }

    #app .mobile-mb--5xl {
        margin-bottom: var(--spacing-5xl)
    }

    #app .mobile-mb--6xl {
        margin-bottom: var(--spacing-6xl)
    }

    #app .mobile-mb--7xl {
        margin-bottom: var(--spacing-7xl)
    }

    #app .-mobile-mb--xs {
        margin-bottom: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-mb--sm {
        margin-bottom: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-mb--md {
        margin-bottom: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-mb--lg {
        margin-bottom: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-mb--xl {
        margin-bottom: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-mb--2xl {
        margin-bottom: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-mb--3xl {
        margin-bottom: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-mb--4xl {
        margin-bottom: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-mb--5xl {
        margin-bottom: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-mb--6xl {
        margin-bottom: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-mb--7xl {
        margin-bottom: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-ml--none {
        margin-left: var(--spacing-none)
    }

    #app .mobile-ml--xs {
        margin-left: var(--spacing-xs)
    }

    #app .mobile-ml--sm {
        margin-left: var(--spacing-sm)
    }

    #app .mobile-ml--md {
        margin-left: var(--spacing-md)
    }

    #app .mobile-ml--lg {
        margin-left: var(--spacing-lg)
    }

    #app .mobile-ml--xl {
        margin-left: var(--spacing-xl)
    }

    #app .mobile-ml--2xl {
        margin-left: var(--spacing-2xl)
    }

    #app .mobile-ml--3xl {
        margin-left: var(--spacing-3xl)
    }

    #app .mobile-ml--4xl {
        margin-left: var(--spacing-4xl)
    }

    #app .mobile-ml--5xl {
        margin-left: var(--spacing-5xl)
    }

    #app .mobile-ml--6xl {
        margin-left: var(--spacing-6xl)
    }

    #app .mobile-ml--7xl {
        margin-left: var(--spacing-7xl)
    }

    #app .-mobile-ml--xs {
        margin-left: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-ml--sm {
        margin-left: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-ml--md {
        margin-left: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-ml--lg {
        margin-left: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-ml--xl {
        margin-left: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-ml--2xl {
        margin-left: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-ml--3xl {
        margin-left: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-ml--4xl {
        margin-left: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-ml--5xl {
        margin-left: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-ml--6xl {
        margin-left: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-ml--7xl {
        margin-left: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-mr--none {
        margin-right: var(--spacing-none)
    }

    #app .mobile-mr--xs {
        margin-right: var(--spacing-xs)
    }

    #app .mobile-mr--sm {
        margin-right: var(--spacing-sm)
    }

    #app .mobile-mr--md {
        margin-right: var(--spacing-md)
    }

    #app .mobile-mr--lg {
        margin-right: var(--spacing-lg)
    }

    #app .mobile-mr--xl {
        margin-right: var(--spacing-xl)
    }

    #app .mobile-mr--2xl {
        margin-right: var(--spacing-2xl)
    }

    #app .mobile-mr--3xl {
        margin-right: var(--spacing-3xl)
    }

    #app .mobile-mr--4xl {
        margin-right: var(--spacing-4xl)
    }

    #app .mobile-mr--5xl {
        margin-right: var(--spacing-5xl)
    }

    #app .mobile-mr--6xl {
        margin-right: var(--spacing-6xl)
    }

    #app .mobile-mr--7xl {
        margin-right: var(--spacing-7xl)
    }

    #app .-mobile-mr--xs {
        margin-right: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-mr--sm {
        margin-right: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-mr--md {
        margin-right: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-mr--lg {
        margin-right: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-mr--xl {
        margin-right: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-mr--2xl {
        margin-right: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-mr--3xl {
        margin-right: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-mr--4xl {
        margin-right: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-mr--5xl {
        margin-right: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-mr--6xl {
        margin-right: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-mr--7xl {
        margin-right: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-mx--none {
        margin-left: var(--spacing-none);
        margin-right: var(--spacing-none)
    }

    #app .mobile-mx--xs {
        margin-left: var(--spacing-xs);
        margin-right: var(--spacing-xs)
    }

    #app .mobile-mx--sm {
        margin-left: var(--spacing-sm);
        margin-right: var(--spacing-sm)
    }

    #app .mobile-mx--md {
        margin-left: var(--spacing-md);
        margin-right: var(--spacing-md)
    }

    #app .mobile-mx--lg {
        margin-left: var(--spacing-lg);
        margin-right: var(--spacing-lg)
    }

    #app .mobile-mx--xl {
        margin-left: var(--spacing-xl);
        margin-right: var(--spacing-xl)
    }

    #app .mobile-mx--2xl {
        margin-left: var(--spacing-2xl);
        margin-right: var(--spacing-2xl)
    }

    #app .mobile-mx--3xl {
        margin-left: var(--spacing-3xl);
        margin-right: var(--spacing-3xl)
    }

    #app .mobile-mx--4xl {
        margin-left: var(--spacing-4xl);
        margin-right: var(--spacing-4xl)
    }

    #app .mobile-mx--5xl {
        margin-left: var(--spacing-5xl);
        margin-right: var(--spacing-5xl)
    }

    #app .mobile-mx--6xl {
        margin-left: var(--spacing-6xl);
        margin-right: var(--spacing-6xl)
    }

    #app .mobile-mx--7xl {
        margin-left: var(--spacing-7xl);
        margin-right: var(--spacing-7xl)
    }

    #app .-mobile-mx--xs {
        margin-left: calc(var(--spacing-xs) * -1);
        margin-right: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-mx--sm {
        margin-left: calc(var(--spacing-sm) * -1);
        margin-right: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-mx--md {
        margin-left: calc(var(--spacing-md) * -1);
        margin-right: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-mx--lg {
        margin-left: calc(var(--spacing-lg) * -1);
        margin-right: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-mx--xl {
        margin-left: calc(var(--spacing-xl) * -1);
        margin-right: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-mx--2xl {
        margin-left: calc(var(--spacing-2xl) * -1);
        margin-right: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-mx--3xl {
        margin-left: calc(var(--spacing-3xl) * -1);
        margin-right: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-mx--4xl {
        margin-left: calc(var(--spacing-4xl) * -1);
        margin-right: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-mx--5xl {
        margin-left: calc(var(--spacing-5xl) * -1);
        margin-right: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-mx--6xl {
        margin-left: calc(var(--spacing-6xl) * -1);
        margin-right: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-mx--7xl {
        margin-left: calc(var(--spacing-7xl) * -1);
        margin-right: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-my--none {
        margin-top: var(--spacing-none);
        margin-bottom: var(--spacing-none)
    }

    #app .mobile-my--xs {
        margin-top: var(--spacing-xs);
        margin-bottom: var(--spacing-xs)
    }

    #app .mobile-my--sm {
        margin-top: var(--spacing-sm);
        margin-bottom: var(--spacing-sm)
    }

    #app .mobile-my--md {
        margin-top: var(--spacing-md);
        margin-bottom: var(--spacing-md)
    }

    #app .mobile-my--lg {
        margin-top: var(--spacing-lg);
        margin-bottom: var(--spacing-lg)
    }

    #app .mobile-my--xl {
        margin-top: var(--spacing-xl);
        margin-bottom: var(--spacing-xl)
    }

    #app .mobile-my--2xl {
        margin-top: var(--spacing-2xl);
        margin-bottom: var(--spacing-2xl)
    }

    #app .mobile-my--3xl {
        margin-top: var(--spacing-3xl);
        margin-bottom: var(--spacing-3xl)
    }

    #app .mobile-my--4xl {
        margin-top: var(--spacing-4xl);
        margin-bottom: var(--spacing-4xl)
    }

    #app .mobile-my--5xl {
        margin-top: var(--spacing-5xl);
        margin-bottom: var(--spacing-5xl)
    }

    #app .mobile-my--6xl {
        margin-top: var(--spacing-6xl);
        margin-bottom: var(--spacing-6xl)
    }

    #app .mobile-my--7xl {
        margin-top: var(--spacing-7xl);
        margin-bottom: var(--spacing-7xl)
    }

    #app .-mobile-my--xs {
        margin-top: calc(var(--spacing-xs) * -1);
        margin-bottom: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-my--sm {
        margin-top: calc(var(--spacing-sm) * -1);
        margin-bottom: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-my--md {
        margin-top: calc(var(--spacing-md) * -1);
        margin-bottom: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-my--lg {
        margin-top: calc(var(--spacing-lg) * -1);
        margin-bottom: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-my--xl {
        margin-top: calc(var(--spacing-xl) * -1);
        margin-bottom: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-my--2xl {
        margin-top: calc(var(--spacing-2xl) * -1);
        margin-bottom: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-my--3xl {
        margin-top: calc(var(--spacing-3xl) * -1);
        margin-bottom: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-my--4xl {
        margin-top: calc(var(--spacing-4xl) * -1);
        margin-bottom: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-my--5xl {
        margin-top: calc(var(--spacing-5xl) * -1);
        margin-bottom: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-my--6xl {
        margin-top: calc(var(--spacing-6xl) * -1);
        margin-bottom: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-my--7xl {
        margin-top: calc(var(--spacing-7xl) * -1);
        margin-bottom: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-m--none {
        margin: var(--spacing-none)
    }

    #app .mobile-m--xs {
        margin: var(--spacing-xs)
    }

    #app .mobile-m--sm {
        margin: var(--spacing-sm)
    }

    #app .mobile-m--md {
        margin: var(--spacing-md)
    }

    #app .mobile-m--lg {
        margin: var(--spacing-lg)
    }

    #app .mobile-m--xl {
        margin: var(--spacing-xl)
    }

    #app .mobile-m--2xl {
        margin: var(--spacing-2xl)
    }

    #app .mobile-m--3xl {
        margin: var(--spacing-3xl)
    }

    #app .mobile-m--4xl {
        margin: var(--spacing-4xl)
    }

    #app .mobile-m--5xl {
        margin: var(--spacing-5xl)
    }

    #app .mobile-m--6xl {
        margin: var(--spacing-6xl)
    }

    #app .mobile-m--7xl {
        margin: var(--spacing-7xl)
    }

    #app .-mobile-m--xs {
        margin: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-m--sm {
        margin: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-m--md {
        margin: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-m--lg {
        margin: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-m--xl {
        margin: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-m--2xl {
        margin: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-m--3xl {
        margin: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-m--4xl {
        margin: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-m--5xl {
        margin: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-m--6xl {
        margin: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-m--7xl {
        margin: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-pt--none {
        padding-top: var(--spacing-none)
    }

    #app .pc-pt--xs {
        padding-top: var(--spacing-xs)
    }

    #app .pc-pt--sm {
        padding-top: var(--spacing-sm)
    }

    #app .pc-pt--md {
        padding-top: var(--spacing-md)
    }

    #app .pc-pt--lg {
        padding-top: var(--spacing-lg)
    }

    #app .pc-pt--xl {
        padding-top: var(--spacing-xl)
    }

    #app .pc-pt--2xl {
        padding-top: var(--spacing-2xl)
    }

    #app .pc-pt--3xl {
        padding-top: var(--spacing-3xl)
    }

    #app .pc-pt--4xl {
        padding-top: var(--spacing-4xl)
    }

    #app .pc-pt--5xl {
        padding-top: var(--spacing-5xl)
    }

    #app .pc-pt--6xl {
        padding-top: var(--spacing-6xl)
    }

    #app .pc-pt--7xl {
        padding-top: var(--spacing-7xl)
    }

    #app .-pc-pt--xs {
        padding-top: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-pt--sm {
        padding-top: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-pt--md {
        padding-top: calc(var(--spacing-md) * -1)
    }

    #app .-pc-pt--lg {
        padding-top: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-pt--xl {
        padding-top: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-pt--2xl {
        padding-top: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-pt--3xl {
        padding-top: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-pt--4xl {
        padding-top: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-pt--5xl {
        padding-top: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-pt--6xl {
        padding-top: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-pt--7xl {
        padding-top: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-pb--none {
        padding-bottom: var(--spacing-none)
    }

    #app .pc-pb--xs {
        padding-bottom: var(--spacing-xs)
    }

    #app .pc-pb--sm {
        padding-bottom: var(--spacing-sm)
    }

    #app .pc-pb--md {
        padding-bottom: var(--spacing-md)
    }

    #app .pc-pb--lg {
        padding-bottom: var(--spacing-lg)
    }

    #app .pc-pb--xl {
        padding-bottom: var(--spacing-xl)
    }

    #app .pc-pb--2xl {
        padding-bottom: var(--spacing-2xl)
    }

    #app .pc-pb--3xl {
        padding-bottom: var(--spacing-3xl)
    }

    #app .pc-pb--4xl {
        padding-bottom: var(--spacing-4xl)
    }

    #app .pc-pb--5xl {
        padding-bottom: var(--spacing-5xl)
    }

    #app .pc-pb--6xl {
        padding-bottom: var(--spacing-6xl)
    }

    #app .pc-pb--7xl {
        padding-bottom: var(--spacing-7xl)
    }

    #app .-pc-pb--xs {
        padding-bottom: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-pb--sm {
        padding-bottom: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-pb--md {
        padding-bottom: calc(var(--spacing-md) * -1)
    }

    #app .-pc-pb--lg {
        padding-bottom: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-pb--xl {
        padding-bottom: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-pb--2xl {
        padding-bottom: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-pb--3xl {
        padding-bottom: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-pb--4xl {
        padding-bottom: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-pb--5xl {
        padding-bottom: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-pb--6xl {
        padding-bottom: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-pb--7xl {
        padding-bottom: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-pl--none {
        padding-left: var(--spacing-none)
    }

    #app .pc-pl--xs {
        padding-left: var(--spacing-xs)
    }

    #app .pc-pl--sm {
        padding-left: var(--spacing-sm)
    }

    #app .pc-pl--md {
        padding-left: var(--spacing-md)
    }

    #app .pc-pl--lg {
        padding-left: var(--spacing-lg)
    }

    #app .pc-pl--xl {
        padding-left: var(--spacing-xl)
    }

    #app .pc-pl--2xl {
        padding-left: var(--spacing-2xl)
    }

    #app .pc-pl--3xl {
        padding-left: var(--spacing-3xl)
    }

    #app .pc-pl--4xl {
        padding-left: var(--spacing-4xl)
    }

    #app .pc-pl--5xl {
        padding-left: var(--spacing-5xl)
    }

    #app .pc-pl--6xl {
        padding-left: var(--spacing-6xl)
    }

    #app .pc-pl--7xl {
        padding-left: var(--spacing-7xl)
    }

    #app .-pc-pl--xs {
        padding-left: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-pl--sm {
        padding-left: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-pl--md {
        padding-left: calc(var(--spacing-md) * -1)
    }

    #app .-pc-pl--lg {
        padding-left: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-pl--xl {
        padding-left: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-pl--2xl {
        padding-left: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-pl--3xl {
        padding-left: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-pl--4xl {
        padding-left: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-pl--5xl {
        padding-left: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-pl--6xl {
        padding-left: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-pl--7xl {
        padding-left: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-pr--none {
        padding-right: var(--spacing-none)
    }

    #app .pc-pr--xs {
        padding-right: var(--spacing-xs)
    }

    #app .pc-pr--sm {
        padding-right: var(--spacing-sm)
    }

    #app .pc-pr--md {
        padding-right: var(--spacing-md)
    }

    #app .pc-pr--lg {
        padding-right: var(--spacing-lg)
    }

    #app .pc-pr--xl {
        padding-right: var(--spacing-xl)
    }

    #app .pc-pr--2xl {
        padding-right: var(--spacing-2xl)
    }

    #app .pc-pr--3xl {
        padding-right: var(--spacing-3xl)
    }

    #app .pc-pr--4xl {
        padding-right: var(--spacing-4xl)
    }

    #app .pc-pr--5xl {
        padding-right: var(--spacing-5xl)
    }

    #app .pc-pr--6xl {
        padding-right: var(--spacing-6xl)
    }

    #app .pc-pr--7xl {
        padding-right: var(--spacing-7xl)
    }

    #app .-pc-pr--xs {
        padding-right: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-pr--sm {
        padding-right: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-pr--md {
        padding-right: calc(var(--spacing-md) * -1)
    }

    #app .-pc-pr--lg {
        padding-right: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-pr--xl {
        padding-right: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-pr--2xl {
        padding-right: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-pr--3xl {
        padding-right: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-pr--4xl {
        padding-right: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-pr--5xl {
        padding-right: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-pr--6xl {
        padding-right: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-pr--7xl {
        padding-right: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-px--none {
        padding-left: var(--spacing-none);
        padding-right: var(--spacing-none)
    }

    #app .pc-px--xs {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs)
    }

    #app .pc-px--sm {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm)
    }

    #app .pc-px--md {
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md)
    }

    #app .pc-px--lg {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg)
    }

    #app .pc-px--xl {
        padding-left: var(--spacing-xl);
        padding-right: var(--spacing-xl)
    }

    #app .pc-px--2xl {
        padding-left: var(--spacing-2xl);
        padding-right: var(--spacing-2xl)
    }

    #app .pc-px--3xl {
        padding-left: var(--spacing-3xl);
        padding-right: var(--spacing-3xl)
    }

    #app .pc-px--4xl {
        padding-left: var(--spacing-4xl);
        padding-right: var(--spacing-4xl)
    }

    #app .pc-px--5xl {
        padding-left: var(--spacing-5xl);
        padding-right: var(--spacing-5xl)
    }

    #app .pc-px--6xl {
        padding-left: var(--spacing-6xl);
        padding-right: var(--spacing-6xl)
    }

    #app .pc-px--7xl {
        padding-left: var(--spacing-7xl);
        padding-right: var(--spacing-7xl)
    }

    #app .-pc-px--xs {
        padding-left: calc(var(--spacing-xs) * -1);
        padding-right: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-px--sm {
        padding-left: calc(var(--spacing-sm) * -1);
        padding-right: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-px--md {
        padding-left: calc(var(--spacing-md) * -1);
        padding-right: calc(var(--spacing-md) * -1)
    }

    #app .-pc-px--lg {
        padding-left: calc(var(--spacing-lg) * -1);
        padding-right: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-px--xl {
        padding-left: calc(var(--spacing-xl) * -1);
        padding-right: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-px--2xl {
        padding-left: calc(var(--spacing-2xl) * -1);
        padding-right: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-px--3xl {
        padding-left: calc(var(--spacing-3xl) * -1);
        padding-right: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-px--4xl {
        padding-left: calc(var(--spacing-4xl) * -1);
        padding-right: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-px--5xl {
        padding-left: calc(var(--spacing-5xl) * -1);
        padding-right: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-px--6xl {
        padding-left: calc(var(--spacing-6xl) * -1);
        padding-right: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-px--7xl {
        padding-left: calc(var(--spacing-7xl) * -1);
        padding-right: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-py--none {
        padding-top: var(--spacing-none);
        padding-bottom: var(--spacing-none)
    }

    #app .pc-py--xs {
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs)
    }

    #app .pc-py--sm {
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm)
    }

    #app .pc-py--md {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md)
    }

    #app .pc-py--lg {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg)
    }

    #app .pc-py--xl {
        padding-top: var(--spacing-xl);
        padding-bottom: var(--spacing-xl)
    }

    #app .pc-py--2xl {
        padding-top: var(--spacing-2xl);
        padding-bottom: var(--spacing-2xl)
    }

    #app .pc-py--3xl {
        padding-top: var(--spacing-3xl);
        padding-bottom: var(--spacing-3xl)
    }

    #app .pc-py--4xl {
        padding-top: var(--spacing-4xl);
        padding-bottom: var(--spacing-4xl)
    }

    #app .pc-py--5xl {
        padding-top: var(--spacing-5xl);
        padding-bottom: var(--spacing-5xl)
    }

    #app .pc-py--6xl {
        padding-top: var(--spacing-6xl);
        padding-bottom: var(--spacing-6xl)
    }

    #app .pc-py--7xl {
        padding-top: var(--spacing-7xl);
        padding-bottom: var(--spacing-7xl)
    }

    #app .-pc-py--xs {
        padding-top: calc(var(--spacing-xs) * -1);
        padding-bottom: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-py--sm {
        padding-top: calc(var(--spacing-sm) * -1);
        padding-bottom: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-py--md {
        padding-top: calc(var(--spacing-md) * -1);
        padding-bottom: calc(var(--spacing-md) * -1)
    }

    #app .-pc-py--lg {
        padding-top: calc(var(--spacing-lg) * -1);
        padding-bottom: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-py--xl {
        padding-top: calc(var(--spacing-xl) * -1);
        padding-bottom: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-py--2xl {
        padding-top: calc(var(--spacing-2xl) * -1);
        padding-bottom: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-py--3xl {
        padding-top: calc(var(--spacing-3xl) * -1);
        padding-bottom: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-py--4xl {
        padding-top: calc(var(--spacing-4xl) * -1);
        padding-bottom: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-py--5xl {
        padding-top: calc(var(--spacing-5xl) * -1);
        padding-bottom: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-py--6xl {
        padding-top: calc(var(--spacing-6xl) * -1);
        padding-bottom: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-py--7xl {
        padding-top: calc(var(--spacing-7xl) * -1);
        padding-bottom: calc(var(--spacing-7xl) * -1)
    }
}

@media (min-width: 1024px) {
    #app .pc-p--none {
        padding: var(--spacing-none)
    }

    #app .pc-p--xs {
        padding: var(--spacing-xs)
    }

    #app .pc-p--sm {
        padding: var(--spacing-sm)
    }

    #app .pc-p--md {
        padding: var(--spacing-md)
    }

    #app .pc-p--lg {
        padding: var(--spacing-lg)
    }

    #app .pc-p--xl {
        padding: var(--spacing-xl)
    }

    #app .pc-p--2xl {
        padding: var(--spacing-2xl)
    }

    #app .pc-p--3xl {
        padding: var(--spacing-3xl)
    }

    #app .pc-p--4xl {
        padding: var(--spacing-4xl)
    }

    #app .pc-p--5xl {
        padding: var(--spacing-5xl)
    }

    #app .pc-p--6xl {
        padding: var(--spacing-6xl)
    }

    #app .pc-p--7xl {
        padding: var(--spacing-7xl)
    }

    #app .-pc-p--xs {
        padding: calc(var(--spacing-xs) * -1)
    }

    #app .-pc-p--sm {
        padding: calc(var(--spacing-sm) * -1)
    }

    #app .-pc-p--md {
        padding: calc(var(--spacing-md) * -1)
    }

    #app .-pc-p--lg {
        padding: calc(var(--spacing-lg) * -1)
    }

    #app .-pc-p--xl {
        padding: calc(var(--spacing-xl) * -1)
    }

    #app .-pc-p--2xl {
        padding: calc(var(--spacing-2xl) * -1)
    }

    #app .-pc-p--3xl {
        padding: calc(var(--spacing-3xl) * -1)
    }

    #app .-pc-p--4xl {
        padding: calc(var(--spacing-4xl) * -1)
    }

    #app .-pc-p--5xl {
        padding: calc(var(--spacing-5xl) * -1)
    }

    #app .-pc-p--6xl {
        padding: calc(var(--spacing-6xl) * -1)
    }

    #app .-pc-p--7xl {
        padding: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-pt--none {
        padding-top: var(--spacing-none)
    }

    #app .mobile-pt--xs {
        padding-top: var(--spacing-xs)
    }

    #app .mobile-pt--sm {
        padding-top: var(--spacing-sm)
    }

    #app .mobile-pt--md {
        padding-top: var(--spacing-md)
    }

    #app .mobile-pt--lg {
        padding-top: var(--spacing-lg)
    }

    #app .mobile-pt--xl {
        padding-top: var(--spacing-xl)
    }

    #app .mobile-pt--2xl {
        padding-top: var(--spacing-2xl)
    }

    #app .mobile-pt--3xl {
        padding-top: var(--spacing-3xl)
    }

    #app .mobile-pt--4xl {
        padding-top: var(--spacing-4xl)
    }

    #app .mobile-pt--5xl {
        padding-top: var(--spacing-5xl)
    }

    #app .mobile-pt--6xl {
        padding-top: var(--spacing-6xl)
    }

    #app .mobile-pt--7xl {
        padding-top: var(--spacing-7xl)
    }

    #app .-mobile-pt--xs {
        padding-top: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-pt--sm {
        padding-top: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-pt--md {
        padding-top: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-pt--lg {
        padding-top: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-pt--xl {
        padding-top: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-pt--2xl {
        padding-top: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-pt--3xl {
        padding-top: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-pt--4xl {
        padding-top: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-pt--5xl {
        padding-top: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-pt--6xl {
        padding-top: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-pt--7xl {
        padding-top: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-pb--none {
        padding-bottom: var(--spacing-none)
    }

    #app .mobile-pb--xs {
        padding-bottom: var(--spacing-xs)
    }

    #app .mobile-pb--sm {
        padding-bottom: var(--spacing-sm)
    }

    #app .mobile-pb--md {
        padding-bottom: var(--spacing-md)
    }

    #app .mobile-pb--lg {
        padding-bottom: var(--spacing-lg)
    }

    #app .mobile-pb--xl {
        padding-bottom: var(--spacing-xl)
    }

    #app .mobile-pb--2xl {
        padding-bottom: var(--spacing-2xl)
    }

    #app .mobile-pb--3xl {
        padding-bottom: var(--spacing-3xl)
    }

    #app .mobile-pb--4xl {
        padding-bottom: var(--spacing-4xl)
    }

    #app .mobile-pb--5xl {
        padding-bottom: var(--spacing-5xl)
    }

    #app .mobile-pb--6xl {
        padding-bottom: var(--spacing-6xl)
    }

    #app .mobile-pb--7xl {
        padding-bottom: var(--spacing-7xl)
    }

    #app .-mobile-pb--xs {
        padding-bottom: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-pb--sm {
        padding-bottom: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-pb--md {
        padding-bottom: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-pb--lg {
        padding-bottom: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-pb--xl {
        padding-bottom: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-pb--2xl {
        padding-bottom: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-pb--3xl {
        padding-bottom: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-pb--4xl {
        padding-bottom: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-pb--5xl {
        padding-bottom: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-pb--6xl {
        padding-bottom: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-pb--7xl {
        padding-bottom: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-pl--none {
        padding-left: var(--spacing-none)
    }

    #app .mobile-pl--xs {
        padding-left: var(--spacing-xs)
    }

    #app .mobile-pl--sm {
        padding-left: var(--spacing-sm)
    }

    #app .mobile-pl--md {
        padding-left: var(--spacing-md)
    }

    #app .mobile-pl--lg {
        padding-left: var(--spacing-lg)
    }

    #app .mobile-pl--xl {
        padding-left: var(--spacing-xl)
    }

    #app .mobile-pl--2xl {
        padding-left: var(--spacing-2xl)
    }

    #app .mobile-pl--3xl {
        padding-left: var(--spacing-3xl)
    }

    #app .mobile-pl--4xl {
        padding-left: var(--spacing-4xl)
    }

    #app .mobile-pl--5xl {
        padding-left: var(--spacing-5xl)
    }

    #app .mobile-pl--6xl {
        padding-left: var(--spacing-6xl)
    }

    #app .mobile-pl--7xl {
        padding-left: var(--spacing-7xl)
    }

    #app .-mobile-pl--xs {
        padding-left: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-pl--sm {
        padding-left: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-pl--md {
        padding-left: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-pl--lg {
        padding-left: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-pl--xl {
        padding-left: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-pl--2xl {
        padding-left: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-pl--3xl {
        padding-left: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-pl--4xl {
        padding-left: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-pl--5xl {
        padding-left: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-pl--6xl {
        padding-left: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-pl--7xl {
        padding-left: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-pr--none {
        padding-right: var(--spacing-none)
    }

    #app .mobile-pr--xs {
        padding-right: var(--spacing-xs)
    }

    #app .mobile-pr--sm {
        padding-right: var(--spacing-sm)
    }

    #app .mobile-pr--md {
        padding-right: var(--spacing-md)
    }

    #app .mobile-pr--lg {
        padding-right: var(--spacing-lg)
    }

    #app .mobile-pr--xl {
        padding-right: var(--spacing-xl)
    }

    #app .mobile-pr--2xl {
        padding-right: var(--spacing-2xl)
    }

    #app .mobile-pr--3xl {
        padding-right: var(--spacing-3xl)
    }

    #app .mobile-pr--4xl {
        padding-right: var(--spacing-4xl)
    }

    #app .mobile-pr--5xl {
        padding-right: var(--spacing-5xl)
    }

    #app .mobile-pr--6xl {
        padding-right: var(--spacing-6xl)
    }

    #app .mobile-pr--7xl {
        padding-right: var(--spacing-7xl)
    }

    #app .-mobile-pr--xs {
        padding-right: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-pr--sm {
        padding-right: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-pr--md {
        padding-right: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-pr--lg {
        padding-right: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-pr--xl {
        padding-right: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-pr--2xl {
        padding-right: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-pr--3xl {
        padding-right: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-pr--4xl {
        padding-right: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-pr--5xl {
        padding-right: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-pr--6xl {
        padding-right: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-pr--7xl {
        padding-right: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-px--none {
        padding-left: var(--spacing-none);
        padding-right: var(--spacing-none)
    }

    #app .mobile-px--xs {
        padding-left: var(--spacing-xs);
        padding-right: var(--spacing-xs)
    }

    #app .mobile-px--sm {
        padding-left: var(--spacing-sm);
        padding-right: var(--spacing-sm)
    }

    #app .mobile-px--md {
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md)
    }

    #app .mobile-px--lg {
        padding-left: var(--spacing-lg);
        padding-right: var(--spacing-lg)
    }

    #app .mobile-px--xl {
        padding-left: var(--spacing-xl);
        padding-right: var(--spacing-xl)
    }

    #app .mobile-px--2xl {
        padding-left: var(--spacing-2xl);
        padding-right: var(--spacing-2xl)
    }

    #app .mobile-px--3xl {
        padding-left: var(--spacing-3xl);
        padding-right: var(--spacing-3xl)
    }

    #app .mobile-px--4xl {
        padding-left: var(--spacing-4xl);
        padding-right: var(--spacing-4xl)
    }

    #app .mobile-px--5xl {
        padding-left: var(--spacing-5xl);
        padding-right: var(--spacing-5xl)
    }

    #app .mobile-px--6xl {
        padding-left: var(--spacing-6xl);
        padding-right: var(--spacing-6xl)
    }

    #app .mobile-px--7xl {
        padding-left: var(--spacing-7xl);
        padding-right: var(--spacing-7xl)
    }

    #app .-mobile-px--xs {
        padding-left: calc(var(--spacing-xs) * -1);
        padding-right: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-px--sm {
        padding-left: calc(var(--spacing-sm) * -1);
        padding-right: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-px--md {
        padding-left: calc(var(--spacing-md) * -1);
        padding-right: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-px--lg {
        padding-left: calc(var(--spacing-lg) * -1);
        padding-right: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-px--xl {
        padding-left: calc(var(--spacing-xl) * -1);
        padding-right: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-px--2xl {
        padding-left: calc(var(--spacing-2xl) * -1);
        padding-right: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-px--3xl {
        padding-left: calc(var(--spacing-3xl) * -1);
        padding-right: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-px--4xl {
        padding-left: calc(var(--spacing-4xl) * -1);
        padding-right: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-px--5xl {
        padding-left: calc(var(--spacing-5xl) * -1);
        padding-right: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-px--6xl {
        padding-left: calc(var(--spacing-6xl) * -1);
        padding-right: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-px--7xl {
        padding-left: calc(var(--spacing-7xl) * -1);
        padding-right: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-py--none {
        padding-top: var(--spacing-none);
        padding-bottom: var(--spacing-none)
    }

    #app .mobile-py--xs {
        padding-top: var(--spacing-xs);
        padding-bottom: var(--spacing-xs)
    }

    #app .mobile-py--sm {
        padding-top: var(--spacing-sm);
        padding-bottom: var(--spacing-sm)
    }

    #app .mobile-py--md {
        padding-top: var(--spacing-md);
        padding-bottom: var(--spacing-md)
    }

    #app .mobile-py--lg {
        padding-top: var(--spacing-lg);
        padding-bottom: var(--spacing-lg)
    }

    #app .mobile-py--xl {
        padding-top: var(--spacing-xl);
        padding-bottom: var(--spacing-xl)
    }

    #app .mobile-py--2xl {
        padding-top: var(--spacing-2xl);
        padding-bottom: var(--spacing-2xl)
    }

    #app .mobile-py--3xl {
        padding-top: var(--spacing-3xl);
        padding-bottom: var(--spacing-3xl)
    }

    #app .mobile-py--4xl {
        padding-top: var(--spacing-4xl);
        padding-bottom: var(--spacing-4xl)
    }

    #app .mobile-py--5xl {
        padding-top: var(--spacing-5xl);
        padding-bottom: var(--spacing-5xl)
    }

    #app .mobile-py--6xl {
        padding-top: var(--spacing-6xl);
        padding-bottom: var(--spacing-6xl)
    }

    #app .mobile-py--7xl {
        padding-top: var(--spacing-7xl);
        padding-bottom: var(--spacing-7xl)
    }

    #app .-mobile-py--xs {
        padding-top: calc(var(--spacing-xs) * -1);
        padding-bottom: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-py--sm {
        padding-top: calc(var(--spacing-sm) * -1);
        padding-bottom: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-py--md {
        padding-top: calc(var(--spacing-md) * -1);
        padding-bottom: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-py--lg {
        padding-top: calc(var(--spacing-lg) * -1);
        padding-bottom: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-py--xl {
        padding-top: calc(var(--spacing-xl) * -1);
        padding-bottom: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-py--2xl {
        padding-top: calc(var(--spacing-2xl) * -1);
        padding-bottom: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-py--3xl {
        padding-top: calc(var(--spacing-3xl) * -1);
        padding-bottom: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-py--4xl {
        padding-top: calc(var(--spacing-4xl) * -1);
        padding-bottom: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-py--5xl {
        padding-top: calc(var(--spacing-5xl) * -1);
        padding-bottom: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-py--6xl {
        padding-top: calc(var(--spacing-6xl) * -1);
        padding-bottom: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-py--7xl {
        padding-top: calc(var(--spacing-7xl) * -1);
        padding-bottom: calc(var(--spacing-7xl) * -1)
    }
}

@media (max-width: 1023px) {
    #app .mobile-p--none {
        padding: var(--spacing-none)
    }

    #app .mobile-p--xs {
        padding: var(--spacing-xs)
    }

    #app .mobile-p--sm {
        padding: var(--spacing-sm)
    }

    #app .mobile-p--md {
        padding: var(--spacing-md)
    }

    #app .mobile-p--lg {
        padding: var(--spacing-lg)
    }

    #app .mobile-p--xl {
        padding: var(--spacing-xl)
    }

    #app .mobile-p--2xl {
        padding: var(--spacing-2xl)
    }

    #app .mobile-p--3xl {
        padding: var(--spacing-3xl)
    }

    #app .mobile-p--4xl {
        padding: var(--spacing-4xl)
    }

    #app .mobile-p--5xl {
        padding: var(--spacing-5xl)
    }

    #app .mobile-p--6xl {
        padding: var(--spacing-6xl)
    }

    #app .mobile-p--7xl {
        padding: var(--spacing-7xl)
    }

    #app .-mobile-p--xs {
        padding: calc(var(--spacing-xs) * -1)
    }

    #app .-mobile-p--sm {
        padding: calc(var(--spacing-sm) * -1)
    }

    #app .-mobile-p--md {
        padding: calc(var(--spacing-md) * -1)
    }

    #app .-mobile-p--lg {
        padding: calc(var(--spacing-lg) * -1)
    }

    #app .-mobile-p--xl {
        padding: calc(var(--spacing-xl) * -1)
    }

    #app .-mobile-p--2xl {
        padding: calc(var(--spacing-2xl) * -1)
    }

    #app .-mobile-p--3xl {
        padding: calc(var(--spacing-3xl) * -1)
    }

    #app .-mobile-p--4xl {
        padding: calc(var(--spacing-4xl) * -1)
    }

    #app .-mobile-p--5xl {
        padding: calc(var(--spacing-5xl) * -1)
    }

    #app .-mobile-p--6xl {
        padding: calc(var(--spacing-6xl) * -1)
    }

    #app .-mobile-p--7xl {
        padding: calc(var(--spacing-7xl) * -1)
    }
}

#app .truncate1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#app .truncate2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#app .truncate3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#app .truncate4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden
}

#app .color--brand {
    color: var(--Text-text-brand)
}

#app .color--primary {
    color: var(--Text-text-primary)
}

#app .color--secondary {
    color: var(--Text-text-secondary)
}

#app .color--tertiary {
    color: var(--Text-text-tertiary)
}

#app .color--quaternary {
    color: var(--Text-text-quaternary)
}

#app .color--magenta {
    color: var(--Text-text-magenta)
}

#app .color--cyan {
    color: var(--Text-text-cyan)
}

#app .color--orange {
    color: var(--Text-text-orange)
}

#app .color--red {
    color: var(--Text-text-red)
}

#app .color--negative {
    color: var(--Text-text-negative-same)
}

#app .color--disabled {
    color: var(--Text-text-disabled-same)
}

#app .font--bold {
    font-weight: var(--weight-B)
}

#app .font--medium {
    font-weight: var(--weight-M)
}

#app .font--light {
    font-weight: var(--weight-L)
}

#app .text--underline {
    text-decoration: underline
}

#app .align--left {
    text-align: left
}

#app .align--center {
    text-align: center
}

#app .align--right {
    text-align: right
}

@media (min-width: 1024px) {

    #app .show--mobile,
    #app .br--mobile {
        display: none
    }
}

@media (max-width: 1023px) {

    #app .show--pc,
    #app .br--pc {
        display: none
    }
}

#app .bottom-fixed {
    margin-top: auto
}

@media (max-width: 1023px) {
    #app .bottom-fixed--mobile {
        margin-top: auto
    }
}

#app .display--inline-block {
    display: inline-block
}

#app .display--block {
    display: block
}

#app .display--flex {
    display: flex
}

#app .display--inline-flex {
    display: inline-flex
}

#app .justify-content--center {
    justify-content: center
}

#app .justify-content--between {
    justify-content: space-between
}

#app .justify-content--start {
    justify-content: flex-start
}

#app .justify-content--end {
    justify-content: flex-end
}

#app .align-items--center {
    align-items: center
}

#app .align-items--start {
    align-items: flex-start
}

#app .align-items--end {
    align-items: flex-end
}

html:not(.app_nssol):not(.app_shfan) #app .show--app {
    display: none
}

html.app_nssol #app .hide--app,
html.app_shfan #app .hide--app {
    display: none
}

.sub-text {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.user-authentication {
    margin-top: var(--spacing-4xl);
    margin-bottom: var(--spacing-3xl)
}

.user-authentication__fields {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--Border-border-secondary)
}

.user-authentication__title {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.user-authentication__desc {
    width: 100%;
    margin-top: var(--spacing-3xl);
    text-align: center;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-secondary)
}

.user-authentication.is-child .user-authentication__fields {
    justify-content: flex-start
}

.user-authentication.is-child .user-authentication__fields .shc-btn {
    margin-left: auto
}

.user-authentication.is-child .user-authentication__img {
    margin-right: var(--spacing-md)
}

.user-authentication.is-child .user-authentication__img img {
    width: 24px;
    height: auto
}

.deposit-notification__desc {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.deposit-notification .auth-desc {
    margin-top: var(--spacing-xl);
    padding: var(--spacing-xl) var(--spacing-2xl);
    border: 1px solid var(--Border-border-secondary);
    border-radius: var(--radius-xl)
}

.deposit-notification .auth-desc .title {
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary);
    margin-bottom: var(--spacing-md)
}

.deposit-notification .auth-desc .bottom {
    display: flex;
    justify-content: space-between
}

.deposit-notification .auth-desc .bottom .auth-desc__example {
    display: flex
}

.deposit-notification .auth-desc .bottom .auth-desc__example .item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 36px
}

.deposit-notification .auth-desc .bottom .auth-desc__example .item+.item {
    margin-left: var(--spacing-sm)
}

.deposit-notification .auth-desc .bottom .auth-desc__example .item img {
    width: 32px
}

.deposit-notification .auth-desc .bottom .auth-desc__example .item .star {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 500
}

.deposit-notification .auth-desc .bottom .auth-desc__example .text {
    display: flex;
    align-items: center;
    margin-left: var(--spacing-sm);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 700
}

.deposit-notification .auth-desc .bottom .example--box__text {
    display: flex;
    align-items: center;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-tertiary)
}

.deposit-notification__img {
    display: flex;
    justify-content: center;
    padding: var(--spacing-xl) var(--spacing-2xl);
    border-radius: var(--radius-xl);
    border: 1px solid var(--Border-border-secondary);
    margin-top: var(--spacing-xl)
}

.deposit-notification__img img {
    width: 100%;
    max-width: 295px
}

@media (max-width: 1023px) {
    .identity-auth-section {
        display: flex;
        flex-direction: column;
        flex: 1 1
    }

    .identity-auth-section .identity-auth {
        display: flex;
        align-items: center;
        justify-content: center;
        flex: 1 1
    }
}

.identity-auth__content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%
}

.identity-auth__qrcode {
    padding: 0 var(--spacing-2xl);
    width: 100%
}

.identity-auth__qrcode-box {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--Border-border-secondary);
    border-radius: var(--radius-xl);
    padding: var(--spacing-3xl)
}

.identity-auth__timer {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--spacing-lg)
}

.identity-auth__timer-label {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: var(--font-weight-light);
    color: var(--Text-text-secondary);
    margin-right: var(--spacing-sm)
}

.identity-auth__timer-count {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: var(--font-weight-bold);
    color: var(--Text-text-secondary);
    margin-right: var(--spacing-sm)
}

.identity-auth__image {
    width: 160px;
    height: 160px;
    margin: 0 auto var(--spacing-xl)
}

.identity-auth__txt {
    text-align: center;
    color: var(--Text-text-primary);
    font-size: 18px;
    font-weight: var(--font-weight-bold)
}

.id-card__img {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 220px;
    margin: 0 auto
}

.id-card__img.card-flip {
    flex-direction: column;
    position: relative;
    width: 100%;
    perspective: 1000px
}

.id-card__img.card-flip picture {
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transition: transform .6s ease
}

.id-card__img.card-flip picture img {
    width: 100%;
    height: auto;
    display: block
}

.id-card__img.card-flip picture:nth-of-type(1) {
    position: relative;
    transform: rotateY(0)
}

.id-card__img.card-flip picture:nth-of-type(2) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: rotateY(-180deg)
}

.id-card__img.card-flip.is-back picture:nth-of-type(1) {
    transform: rotateY(180deg)
}

.id-card__img.card-flip.is-back picture:nth-of-type(2) {
    transform: rotateY(0)
}

.id-card__form {
    margin-top: var(--spacing-3xl)
}

.id-card__form .shc-form+.shc-form {
    margin-top: var(--spacing-2xl)
}

.shc-tab__panel .id-card {
    margin-top: var(--spacing-md);
    margin-left: calc(var(--spacing-2xl) * -1);
    margin-right: calc(var(--spacing-2xl) * -1)
}

.drivers-license {
    margin-top: var(--spacing-lg)
}

.drivers-license__img {
    max-width: 225px;
    margin: 0 auto;
    padding: var(--spacing-lg) auto
}

.drivers-license__info {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-lg);
    gap: var(--spacing-2xl)
}

.drivers-license__info-title {
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.drivers-license__info-item {
    display: flex;
    flex-direction: column;
    align-items: center
}

.drivers-license__info-code {
    font-family: D2Coding, monospace;
    color: var(--Text-text-primary);
    font-size: 30px;
    font-weight: 400;
    line-height: 100%
}

.drivers-license__info-label {
    width: 100%;
    text-align: center;
    color: var(--Text-text-quaternary);
    margin-top: var(--spacing-sm);
    padding-top: var(--spacing-sm);
    border-top: 1px solid var(--Border-border-secondary);
    font-size: var(--size-detail-L);
    letter-spacing: var(--letterspace-detail-L);
    line-height: var(--lineheight-detail-L);
    font-weight: 300
}

.font-d2coding {
    font-family: D2Coding, monospace
}

.shc-form__msg .font-d2coding {
    font-size: 13px;
    margin-left: var(--spacing-sm);
    margin-right: var(--spacing-sm)
}

.card-auth {
    margin-top: var(--spacing-3xl)
}

@media (max-width: 1023px) {
    .card-auth.pc {
        display: none
    }
}

@media (min-width: 1024px) {
    .card-auth.mobile {
        display: none
    }
}

.card-auth.pc .card-auth__desc {
    text-align: center;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300;
    color: var(--Text-text-secondary)
}

.card-auth__timer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-sm);
    margin-top: var(--spacing-xl);
    text-align: center;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-brand)
}

.card-auth__timer-count {
    font-weight: var(--weight-M)
}

.card-auth__timer .shc-icon--refresh {
    position: relative;
    width: 16px;
    height: 16px;
    background-color: var(--Text-text-brand)
}

.card-auth__timer .shc-icon--refresh:after {
    content: "";
    position: absolute;
    width: 24px;
    height: 24px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.card-auth__code {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    margin-top: var(--spacing-4xl)
}

@media (max-width: 1023px) {
    .card-auth__code {
        flex-direction: column
    }
}

.card-auth__qr {
    width: 120px;
    height: 120px
}

.card-auth__or {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-secondary)
}

.card-auth__number {
    font-size: var(--size-headline-S);
    letter-spacing: var(--letterspace-headline-S);
    line-height: var(--lineheight-headline-S);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.card-auth.mobile .card-auth__desc {
    margin-top: var(--spacing-xl);
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 700;
    color: var(--Text-text-primary);
    text-align: center
}

.card-auth__img {
    width: 160px;
    height: 160px;
    margin: 0 auto
}

@media (max-width: 1023px) {
    .certificate-auth-section {
        display: flex;
        flex-direction: column;
        flex: 1 1
    }

    .certificate-auth-section .certificate-auth {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        flex: 1 1
    }
}

.certificate-auth__img {
    width: 80px;
    height: 80px;
    margin: 0 auto
}

@media (max-width: 1023px) {
    .certificate-auth {
        padding-top: 0
    }
}

.certificate-auth__desc {
    padding-top: var(--spacing-xl);
    text-align: center;
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.shc-btn-group.direction-col .width-inline {
    flex: 0 0 auto;
    width: fit-content;
    align-self: center
}

.auth-sub-desc {
    display: flex;
    margin-bottom: var(--spacing-2xl);
    font-size: var(--size-title-M);
    letter-spacing: var(--letterspace-title-M);
    line-height: var(--lineheight-title-M);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.auth-child__desc {
    text-align: center
}

.auth-child__desc p {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary);
    margin-bottom: var(--spacing-sm)
}

.multiple-auth__image {
    margin-top: var(--spacing-4xl)
}

.multiple-auth__image picture {
    display: block
}

.multiple-auth__image picture img {
    display: block;
    width: 100%;
    max-width: 280px;
    height: auto;
    margin: 0 auto
}

.multiple-auth__public .shc-txt-btn img {
    width: 20px;
    height: 20px
}

.multiple-auth .shc-section {
    max-width: 375px
}

.auth-certification-feedback {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--spacing-xl)
}

.auth-certification-feedback .auth-certification__icon {
    width: 60px;
    height: 60px
}

.auth-certification-feedback .auth-certification__icon img {
    width: 100%;
    height: 100%
}

.auth-certification-feedback .auth-certification__text {
    text-align: center;
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 700;
    color: var(--Text-text-primary);
    margin-top: var(--spacing-xl)
}

.auth-certification-feedback .auth-certification__desc {
    margin-top: var(--spacing-4xl);
    margin-bottom: var(--spacing-sm);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.certification-loader {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: var(--spacing-4xl);
    margin-top: var(--spacing-4xl)
}

.certification-loader .progress-bar {
    position: relative;
    width: 100%;
    width: 200px;
    height: 4px;
    background-color: var(--Border-border-secondary);
    margin: var(--spacing-4xl) 0;
    overflow: hidden
}

.certification-loader .progress-bar .progress-bar__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 40% !important;
    height: 100%;
    background: linear-gradient(90deg, var(--Background-bg-brand-selected_disabled, #c2d3ff) 0%, var(--Background-bg-brand, #ebf0ff) 50%, var(--Background-bg-brand-selected_disabled, #c2d3ff) 100%);
    animation: loading-move 1s linear infinite !important
}

.certification-loader__text {
    text-align: center;
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.certification-loader img {
    width: 200px;
    height: 200px
}

@keyframes loading-move {
    0% {
        transform: translate(-120%)
    }

    to {
        transform: translate(220%)
    }
}

:root {
    --Background-canvas: #fff;
    --Text-primary: #101828;
    --Text-secondary: #344054;
    --Border-secondary: #344054
}

@media (prefers-color-scheme: dark) {
    :root {
        --Background-canvas: #0c111d;
        --Text-primary: #f8f9fc;
        --Text-secondary: #e4e7ec;
        --Border-secondary: #e4e7ec
    }
}

.shc-agree legend,
.shc-agree caption {
    overflow: hidden;
    width: 1px;
    height: 1px;
    color: transparent
}

.shc-agree table:not(.shc-table) {
    word-break: break-all;
    border-spacing: 0;
    border-collapse: collapse;
    table-layout: fixed
}

.shc-agree table:not(.shc-table) th,
.shc-agree table:not(.shc-table) td {
    padding: 10px
}

.shc-agree table:not(.shc-table) th.vt_t,
.shc-agree table:not(.shc-table) td.vt_t {
    vertical-align: top
}

.shc-agree table:not(.shc-table) th {
    font-weight: 400
}

.shc-agree table:not(.shc-table) td {
    font-weight: 300
}

.shc-agree .table_wrap {
    border-top: 2px solid var(--Border-secondary);
    border-bottom: 1px solid var(--Border-secondary);
    overflow: hidden
}

.shc-agree .table_wrap.lr_none table,
.shc-agree .table_wrap.in_bdr table {
    width: calc(100% + 2px);
    margin: -1px -1px 0
}

.shc-agree .table_wrap.row table {
    text-align: left
}

.shc-agree .table_wrap.vt_t table th,
.shc-agree .table_wrap.vt_t table td {
    vertical-align: top
}

.shc-agree .table_wrap.in_bdr table th,
.shc-agree .table_wrap.in_bdr table td {
    border: 1px solid var(--Border-secondary);
    border-bottom-width: 0
}

.shc-agree .table_wrap.th_c table th {
    text-align: center;
    word-break: break-word
}

.shc-agree .table_wrap.acc table td {
    color: var(--Text-secondary)
}

.shc-agree p+.h_title,
.shc-agree .h_title+.table_wrap {
    margin-top: 10px
}

.shc-agree .c-table1,
.shc-agree .table-dx {
    text-align: left;
    table-layout: fixed;
    border-top: 1px solid var(--Border-secondary);
    position: relative
}

.shc-agree .c-table1 .w30,
.shc-agree .table-dx .w30 {
    width: 30%
}

.shc-agree .c-table1:after,
.shc-agree .table-dx:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px;
    top: 0;
    left: 0
}

.shc-agree .c-table1 th,
.shc-agree .table-dx th {
    padding: 10px;
    border-bottom: 1px solid var(--Border-secondary);
    height: 45px
}

.shc-agree .c-table1 th+td,
.shc-agree .table-dx th+td {
    border-left: 1px solid var(--Border-secondary)
}

.shc-agree .c-table1 td,
.shc-agree .table-dx td {
    color: var(--Text-secondary);
    padding: 10px;
    border-bottom: 1px solid var(--Border-secondary);
    height: 45px
}

.shc-agree .c-table1 td+td,
.shc-agree .table-dx td+td {
    border-left: 1px solid var(--Border-secondary)
}

.shc-agree .marker_refer {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 19px;
    color: var(--Text-secondary)
}

.shc-agree .marker_refer:before {
    content: "※";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    color: var(--Text-primary)
}

.shc-agree .marker_dot {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 12px;
    color: var(--Text-secondary)
}

.shc-agree .marker_dot:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--Text-secondary)
}

.shc-agree .align_r {
    text-align: right !important
}

.shc-agree .align_c {
    text-align: center !important
}

.shc-agree .c-center {
    text-align: center
}

.shc-agree .underline {
    text-decoration: underline
}

.shc-agree .wgt_md {
    font-weight: 700 !important
}

.shc-agree .agree_group {
    padding-bottom: 30px
}

.shc-agree .h_wrap>h3,
.shc-agree .h_wrap>h4,
.shc-agree .h_wrap>p {
    display: inline-block;
    position: relative
}

.shc-agree .h_wrap .h_title24 {
    margin-bottom: 14px
}

.shc-agree .h_title.gap20_15 {
    margin-bottom: 15px !important
}

.shc-agree .c-bull1,
.shc-agree .c-bull1>li {
    display: block;
    position: relative;
    padding-left: 12px
}

.shc-agree .c-bull1:before,
.shc-agree .c-bull1>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%
}

.shc-agree ul.c-bull1 {
    padding-left: 0
}

.shc-agree ul.c-bull1:before {
    display: none
}

.shc-agree .c-bull2,
.shc-agree .c-bull2>li {
    display: block;
    position: relative;
    padding-left: 12px
}

.shc-agree .c-bull2:before,
.shc-agree .c-bull2>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 5px;
    height: 1px;
    border-radius: 50%
}

.shc-agree ul.c-bull2 {
    padding-left: 0
}

.shc-agree ul.c-bull2:before {
    display: none
}

.shc-agree ul.c-bull3 {
    padding-left: 0;
    text-indent: 0px
}

.shc-agree .bg_line.dx-bgwrap {
    border: 1px solid var(--Border-secondary);
    margin: 0;
    padding: 20px
}

.shc-agree .shc-agree__title {
    color: var(--Text-primary);
    margin-bottom: 20px
}

@media (max-width: 1023px) {
    .shc-agree .shc-agree__title {
        font-size: var(--size-title-M, 16px);
        letter-spacing: var(--letterspace-title-M, -.32px);
        line-height: var(--lineheight-title-M, 26px);
        font-weight: 500
    }
}

@media (min-width: 1024px) {
    .shc-agree .shc-agree__title {
        font-size: var(--size-title-L, 18px);
        letter-spacing: var(--letterspace-title-L, -.36px);
        line-height: var(--lineheight-title-L, 29px);
        font-weight: 500
    }
}

.shc-agree .h_title {
    font-size: var(--size-title-M, 16px);
    letter-spacing: var(--letterspace-title-M, -.32px);
    line-height: var(--lineheight-title-M, 26px);
    font-weight: 500
}

.shc-agree .c-scroll-x {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%
}

.shc-agree .c-scroll-x .c-table1 {
    width: 680px
}

.shc-agree .c-scroll-x .c-table1 th {
    padding: 10px;
    border-bottom: 1px solid var(--Border-secondary);
    height: 45px;
    font-weight: 400;
    text-align: center;
    font-size: 13px
}

.shc-agree .c-scroll-x .c-table1 th+td {
    border-left: 1px solid var(--Border-secondary)
}

.shc-agree .c-scroll-x .c-table1 td {
    color: var(--Text-secondary);
    padding: 10px;
    border-bottom: 1px solid var(--Border-secondary);
    font-size: 13px;
    height: 45px
}

.shc-agree .c-scroll-x .c-table1 td+td {
    border-left: 1px solid var(--Border-secondary)
}

.shc-agree .c-scroll-x .c-table1.c-center td {
    text-align: center
}

.shc-agree .gap0,
.shc-agree .gap0_05,
.shc-agree .gap0_10,
.shc-agree .gap0_20,
.shc-agree .gap0_30,
.shc-agree .gap0_60,
.shc-agree .gap0_100 {
    margin-bottom: 0 !important
}

.shc-agree .gap05 {
    margin-bottom: 5px !important
}

.shc-agree .gap07_18 {
    margin-bottom: 7px !important
}

.shc-agree .gap8 {
    margin-bottom: 8px !important
}

.shc-agree .gap9 {
    margin-bottom: 9px !important
}

.shc-agree .gap10,
.shc-agree .gap10_5,
.shc-agree .gap10_0,
.shc-agree .gap10_10,
.shc-agree .gap10_15,
.shc-agree .gap10_20 {
    margin-bottom: 10px !important
}

.shc-agree .gap11 {
    margin-bottom: 11px !important
}

.shc-agree .gap12 {
    margin-bottom: 12px !important
}

.shc-agree .gap15 {
    margin-bottom: 15px !important
}

.shc-agree .gapt15 {
    margin-top: 15px !important
}

.shc-agree .gap15_5,
.shc-agree .gap15_8,
.shc-agree .gap15_10,
.shc-agree .gap15_15,
.shc-agree .gap15_20,
.shc-agree .gap15_24 {
    margin-bottom: 15px !important
}

.shc-agree .gap17 {
    margin-bottom: 17px !important
}

.shc-agree .gap18_6 {
    margin-bottom: 18px !important
}

.shc-agree .gap20,
.shc-agree .gap20_0,
.shc-agree .gap20_5,
.shc-agree .gap20_10,
.shc-agree .gap20_15,
.shc-agree .gap20_20 {
    margin-bottom: 20px !important
}

.shc-agree .gapt20 {
    margin-top: 20px
}

.shc-agree .gap24 {
    margin-bottom: 24px !important
}

.shc-agree .gap20_30,
.shc-agree .gap20_40 {
    margin-bottom: 20px !important
}

.shc-agree .gap25,
.shc-agree .gap25_0,
.shc-agree .gap25_15,
.shc-agree .gap25_20,
.shc-agree .gap25_90 {
    margin-bottom: 25px !important
}

.shc-agree .gap26_13 {
    margin-bottom: 26px !important
}

.shc-agree .gap30,
.shc-agree .gap30_0,
.shc-agree .gap30_10,
.shc-agree .gap30_15,
.shc-agree .gap30_16,
.shc-agree .gap30_20,
.shc-agree .gap30_34,
.shc-agree .gap30_40,
.shc-agree .gap30_47 {
    margin-bottom: 30px !important
}

.shc-agree .gap32_9 {
    margin-bottom: 32px !important
}

.shc-agree .gap34 {
    margin-bottom: 34px !important
}

.shc-agree .gap35,
.shc-agree .gap35_25,
.shc-agree .gap35_30 {
    margin-bottom: 35px !important
}

.shc-agree .gap36_26 {
    margin-bottom: 36px !important
}

.shc-agree .gap40,
.shc-agree .gap40_10,
.shc-agree .gap40_20,
.shc-agree .gap40_30,
.shc-agree .gap40_50,
.shc-agree .gap40_60 {
    margin-bottom: 40px !important
}

.shc-agree .gap60_40 {
    margin-bottom: 60px !important
}

.shc-agree .btn_wrap .btn {
    display: inline-block;
    padding: 15px 20px;
    border: 1px solid var(--Border-secondary);
    font-size: 15px;
    border-radius: 10px;
    transition: all .25s var(--ease, cubic-bezier(.2, 0, 0, 1))
}

.shc-agree .btn_wrap .btn:active {
    transform: scale(.96)
}

.shc-agree .btn_wrap .btn span {
    position: relative;
    display: inline-flex;
    align-items: center
}

.shc-agree .btn_wrap .btn span:after {
    display: inline-block;
    margin-left: 14px
}

.shc-agree .btn_wrap .btn.download span:after {
    display: inline-block;
    content: "";
    width: 20px;
    height: 20px;
    background-color: var(--Foreground-fg-primary);
    -webkit-mask-image: url(/pconts/static/svg/arrow_align_bottom.svg);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(/pconts/static/svg/arrow_align_bottom.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center
}

.shc-agree>p>b {
    font-weight: 500;
    color: var(--Text-primary)
}

.shc-agree .t-tit-1 {
    font-size: 24px;
    margin-top: 50px
}

.shc-agree .t-tit0 {
    font-size: 20px
}

.shc-agree .t-tit0.hide,
.shc-agree .hide {
    display: none !important
}

.shc-agree .t-tit1 {
    font-size: var(--size-title-M, 16px);
    letter-spacing: var(--letterspace-title-M, -.32px);
    line-height: var(--lineheight-title-M, 26px);
    font-weight: 500;
    color: var(--Text-primary);
    margin-top: 10px
}

.shc-agree .t-tit1.has-img {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.shc-agree .t-tit1.has-img .img {
    width: 36px;
    min-width: 36px;
    margin-left: 8px
}

.shc-agree .t-tit1.has-img .img+.img {
    margin-left: 4px
}

.shc-agree p+table:not(.shc-table),
.shc-agree table:not(.shc-table)+p,
.shc-agree table:not(.shc-table)+table:not(.shc-table),
.shc-agree table:not(.shc-table)+ul:not(.shc-ul),
.shc-agree .t-tit1+table,
.shc-agree ul:not(.shc-ul)+table:not(.shc-table) {
    margin-top: 12px;
    color: var(--Text-secondary)
}

.shc-agree .t-tit1+p,
.shc-agree .t-tit1+ul {
    margin-top: 7px;
    font-weight: 300
}

.shc-agree ul:not(.shc-ul)>li {
    padding-left: 12px;
    text-indent: 0;
    color: var(--Text-secondary)
}

.shc-agree ul:not(.shc-ul)>li+li {
    margin-top: 3px
}

.shc-agree ul:not(.shc-ul)>li>li {
    padding-left: 16px
}

.shc-agree ul:not(.shc-ul)>li .c-bull1 {
    margin-top: 3px
}

.shc-agree ul:not(.shc-ul)>li>* {
    text-indent: 0
}

.shc-agree ul:not(.shc-ul)>li>.c-bull3 {
    text-indent: -19px
}

.shc-agree ul:not(.shc-ul).c-bull1 {
    padding-left: 0
}

.shc-agree ul:not(.shc-ul).num2>li {
    padding-left: 29px;
    text-indent: -26px
}

.shc-agree .c-bull3>* {
    text-indent: 0
}

.shc-agree .c-bull3,
.shc-agree .c-bull3>li {
    display: block;
    position: relative;
    padding-left: 19px;
    text-indent: -19px
}

.shc-agree .c-bull3>li>* {
    text-indent: 0
}

.shc-agree .c-bull3>li>.c-bull3 {
    text-indent: -19px
}

.shc-agree ul.c-bull3 {
    padding-left: 0;
    text-indent: 0
}

.shc-agree ul.c-bull3:before {
    display: none
}

.shc-agree ul:not(.shc-ul)+br+.t-tit0,
.shc-agree p+br+.t-tit0,
.shc-agree p+.t-tit0 {
    margin-top: 50px;
    margin-bottom: 20px
}

.shc-agree p.hide+.t-tit0 {
    margin-top: 0
}

.shc-agree b {
    color: var(--Text-primary)
}

.shc-agree table:not(.shc-table) {
    margin: 10px 0;
    width: 100%
}

.shc-agree .table-inner table:after {
    height: 1px
}

.shc-agree .table-inner table th {
    background-color: transparent
}

.shc-agree .c-bull1,
.shc-agree .c-bull1>li,
.shc-agree .c-bull2>li {
    position: relative;
    padding-left: 12px;
    text-indent: 0
}

.shc-agree .c-bull1:before,
.shc-agree .c-bull1>li:before,
.shc-agree .c-bull2>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--Text-secondary)
}

.shc-agree .c-bull1:before {
    display: none
}

.shc-agree p+p,
.shc-agree p+ul:not(.shc-ul),
.shc-agree ul:not(.shc-ul)+p {
    margin-top: 10px
}

.shc-agree p>ul:not(.shc-ul) {
    margin-top: 3px
}

.shc-agree .t-box1 {
    padding: 20px;
    margin: 10px 0
}

.shc-agree .btn-cover3 {
    margin-top: 10px
}

.shc-agree strong {
    font-size: 1.15em
}

.shc-agree .termsConts-btm {
    padding: 30px
}

.shc-agree .termsConts-btm .flex-box {
    display: flex
}

.shc-agree .termsConts-btm .text-sec {
    flex: 1;
    width: 86px;
    position: relative
}

.shc-agree .termsConts-btm .text-sec * {
    font-size: 13px;
    color: var(--Text-secondary)
}

.shc-agree .termsConts-btm .text-sec .c-bull1 li:before {
    top: 6px
}

.shc-agree .termsConts-btm .img-sec {
    flex: none;
    position: relative;
    width: 86px;
    margin-left: 10px
}

.shc-agree .termsConts-btm .img-sec img {
    position: absolute;
    right: 0;
    top: 0;
    width: 86px;
    height: 86px
}

.shc-agree .termsConts-btm .btn-sec {
    margin-top: 10px;
    clear: both
}

.shc-agree .termsConts-btm .ods-show {
    display: none
}

.shc-agree [class*=btn-terms] {
    display: inline-block;
    height: 28px;
    padding: 0 10px;
    border: 1px solid var(--Border-secondary);
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: var(--Text-secondary);
    line-height: 26px;
    position: relative
}

.shc-agree .btn-terms3:after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-left: 8px;
    margin-bottom: 0;
    -webkit-mask-image: url(/pconts/static/svg/outlink_2.svg);
    -webkit-mask-size: cover;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-image: url(/pconts/static/svg/outlink_2.svg);
    mask-size: cover;
    mask-repeat: no-repeat;
    mask-position: center;
    background-size: contain;
    background-color: var(--Foreground-fg-primary);
    vertical-align: -3px
}

.shc-agree [class*=c-bull] .c-bull3>li,
.shc-agree [class*=c-bull] p.c-bull3 {
    text-indent: -19px !important
}

.shc-agree p.marker_dot {
    display: block;
    position: relative;
    margin: 0;
    padding: 0 0 0 12px;
    text-indent: 0 !important
}

.shc-agree .termsConts .t-tit-1 {
    font-size: 24px;
    margin-top: 50px
}

.shc-agree .termsConts .t-tit0 {
    font-size: 20px
}

.shc-agree .termsConts .t-tit1 {
    font-size: var(--size-title-M, 16px);
    letter-spacing: var(--letterspace-title-M, -.32px);
    line-height: var(--lineheight-title-M, 26px);
    font-weight: 500;
    color: var(--Text-primary);
    margin-top: 10px
}

.shc-agree .termsConts .t-tit1.has-img {
    display: flex;
    align-items: center;
    margin-bottom: 12px
}

.shc-agree .termsConts .t-tit1.has-img .img {
    width: 36px;
    min-width: 36px;
    margin-left: 8px
}

.shc-agree .termsConts .t-tit1.has-img .img+.img {
    margin-left: 4px
}

.shc-agree .termsConts p+table:not(.shc-table),
.shc-agree .termsConts table:not(.shc-table)+p,
.shc-agree .termsConts table:not(.shc-table)+table:not(.shc-table),
.shc-agree .termsConts table:not(.shc-table)+ul:not(.shc-ul),
.shc-agree .termsConts .t-tit1+table:not(.shc-table),
.shc-agree .termsConts ul:not(.shc-ul)+table:not(.shc-table) {
    margin-top: 12px;
    color: var(--Text-secondary);
    width: 100%
}

.shc-agree .termsConts .t-tit1+p,
.shc-agree .termsConts .t-tit1+ul {
    margin-top: 7px
}

.shc-agree .termsConts ul:not(.shc-ul)>li {
    padding-left: 14px;
    color: var(--Text-secondary)
}

.shc-agree .termsConts ul:not(.shc-ul)>li+li {
    margin-top: 3px
}

.shc-agree .termsConts ul:not(.shc-ul)>li>li {
    padding-left: 16px
}

.shc-agree .termsConts ul:not(.shc-ul)>li .c-bull1 {
    margin-top: 3px
}

.shc-agree .termsConts ul:not(.shc-ul)>li>* {
    text-indent: 0
}

.shc-agree .termsConts ul:not(.shc-ul)>li>.c-bull3 {
    text-indent: -19px
}

.shc-agree .termsConts ul:not(.shc-ul).c-bull1 {
    padding-left: 0
}

.shc-agree .termsConts ul:not(.shc-ul).num2>li {
    padding-left: 29px;
    text-indent: -26px
}

.shc-agree .termsConts .c-bull3>* {
    text-indent: 0
}

.shc-agree .termsConts .c-bull3,
.shc-agree .termsConts .c-bull3>li {
    display: block;
    position: relative;
    padding-left: 19px;
    text-indent: -19px
}

.shc-agree .termsConts .c-bull3>li>* {
    text-indent: 0
}

.shc-agree .termsConts .c-bull3>li>.c-bull3 {
    text-indent: -19px
}

.shc-agree .termsConts ul.c-bull3 {
    padding-left: 0;
    text-indent: 0
}

.shc-agree .termsConts ul.c-bull3:before {
    display: none
}

.shc-agree .termsConts ul:not(.shc-ul)+br+.t-tit0,
.shc-agree .termsConts p+br+.t-tit0,
.shc-agree .termsConts p+.t-tit0 {
    margin-top: 50px;
    margin-bottom: 20px
}

.shc-agree .termsConts p.hide+.t-tit0 {
    margin-top: 0
}

.shc-agree .termsConts b {
    color: var(--Text-primary)
}

.shc-agree .termsConts table:not(.shc-table) {
    margin: 10px 0
}

.shc-agree .termsConts .table-inner table:after {
    height: 1px
}

.shc-agree .termsConts .table-inner table th {
    background-color: transparent
}

.shc-agree .termsConts .c-bull1,
.shc-agree .termsConts .c-bull1>li,
.shc-agree .termsConts .c-bull2>li {
    position: relative;
    padding-left: 12px;
    text-indent: 0
}

.shc-agree .termsConts .c-bull1:before,
.shc-agree .termsConts .c-bull1>li:before,
.shc-agree .termsConts .c-bull2>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%
}

.shc-agree .termsConts .c-bull1:before {
    display: none
}

.shc-agree .termsConts p+p,
.shc-agree .termsConts p+ul:not(.shc-ul),
.shc-agree .termsConts ul:not(.shc-ul)+p {
    margin-top: 10px
}

.shc-agree .termsConts p>ul:not(.shc-ul) {
    margin-top: 3px
}

.shc-agree .termsConts .t-box1 {
    padding: 20px;
    margin: 10px 0
}

.shc-agree .termsConts .btn-cover3 {
    margin-top: 10px
}

.shc-agree .termsConts strong {
    font-size: 1.15em
}

.shc-agree .termsConts .termsConts-btm {
    padding: 30px
}

.shc-agree .termsConts .termsConts-btm .flex-box {
    display: flex
}

.shc-agree .termsConts .termsConts-btm .text-sec {
    flex: 1;
    width: 86px;
    position: relative
}

.shc-agree .termsConts .termsConts-btm .text-sec * {
    font-size: 13px;
    color: var(--Text-secondary)
}

.shc-agree .termsConts .termsConts-btm .text-sec .c-bull1 li:before {
    top: 6px
}

.shc-agree .termsConts .termsConts-btm .img-sec {
    flex: none;
    position: relative;
    width: 86px;
    margin-left: 10px
}

.shc-agree .termsConts .termsConts-btm .img-sec img {
    position: absolute;
    right: 0;
    top: 0;
    width: 86px;
    height: 86px
}

.shc-agree .termsConts .termsConts-btm .btn-sec {
    margin-top: 10px;
    clear: both
}

.shc-agree .termsConts .termsConts-btm .ods-show {
    display: none
}

.shc-agree .termsConts [class*=btn-terms] {
    display: inline-block;
    height: 28px;
    padding: 0 10px;
    border: 1px solid var(--Border-secondary);
    border-radius: 3px;
    font-weight: 400;
    font-size: 13px;
    color: var(--Text-secondary);
    line-height: 26px;
    position: relative
}

.shc-agree .termsConts .btn-terms3:after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 8px;
    margin-bottom: 0;
    background: url(/pconts/images/icon/ico_outlink05.png) no-repeat center
}

.shc-agree .termsConts [class*=c-bull] .c-bull3>li,
.shc-agree .termsConts [class*=c-bull] p.c-bull3 {
    text-indent: -19px !important
}

.shc-agree .sh_agreement .s_title {
    margin-top: 20px;
    margin-bottom: 12px;
    display: block;
    position: relative;
    font-weight: 700;
    font-size: 13px;
    color: var(--Text-primary)
}

.shc-agree .sh_agreement legend,
.shc-agree .sh_agreement caption {
    overflow: hidden;
    width: 1px;
    height: 1px;
    color: transparent
}

.shc-agree .sh_agreement .table_scroll_area {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto
}

.shc-agree .sh_agreement .table_scroll_area .table_wrap {
    min-width: 1080px
}

.shc-agree .sh_agreement ul.marker_dot {
    padding-left: 0
}

.shc-agree .sh_agreement ul.marker_dot:before {
    display: none
}

.shc-agree .sh_agreement ul.marker_dot li {
    padding-left: 12px
}

.shc-agree .sh_agreement ul.marker_dot li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--Text-secondary)
}

.shc-agree .sh_agreement .h_title {
    font-size: var(--size-title-L, 18px);
    letter-spacing: var(--letterspace-title-L, -.36px);
    line-height: var(--lineheight-title-L, 29px);
    font-weight: 500
}

.shc-agree .sh_agreement .h_title24 {
    font-size: var(--size-title-L, 18px);
    letter-spacing: var(--letterspace-title-L, -.36px);
    line-height: var(--lineheight-title-L, 29px);
    font-weight: 700
}

.shc-agree .sh_agreement .c_title {
    font-size: var(--size-body-L, 16px);
    letter-spacing: var(--letterspace-body-L, -.32px);
    line-height: var(--lineheight-body-L, 27px);
    font-weight: 700
}

.shc-agree .sh_agreement .c_title+.c_title {
    margin-top: 12px
}

.shc-agree .sh_agreement .c_title+p {
    margin-bottom: 12px
}

.shc-agree .sh_agreement .font_basic {
    font-size: var(--size-body-M, 14px);
    letter-spacing: var(--letterspace-body-M, -.28px);
    line-height: var(--lineheight-body-M, 24px);
    color: var(--Text-secondary)
}

.shc-agree .sh_agreement .font_basic strong {
    font-weight: 500
}

.shc-agree .sh_agreement .font_basic+.font_basic {
    margin-top: 4px
}

.shc-agree .sh_agreement .marker_number+.c_title,
.shc-agree .sh_agreement .marker_dot+.c_title,
.shc-agree .sh_agreement .marker_refer+.c_title,
.shc-agree .sh_agreement .marker_hyphen+.c_title,
.shc-agree .sh_agreement .marker_txt+.c_title,
.shc-agree .sh_agreement .font_basic+.c_title,
.shc-agree .sh_agreement .table_scroll_area+.c_title,
.shc-agree .sh_agreement .bg_gray+.c_title,
.shc-agree .sh_agreement .btn_wrap+.c_title,
.shc-agree .sh_agreement .link_group+.c_title {
    margin-top: 20px;
    margin-bottom: 12px
}

.shc-agree .sh_agreement .text+.c_title {
    margin-top: 20px
}

.shc-agree .sh_agreement .font_md+.h_title,
.shc-agree .sh_agreement .marker_number+.h_title,
.shc-agree .sh_agreement .marker_dot+.h_title,
.shc-agree .sh_agreement .marker_refer+.h_title,
.shc-agree .sh_agreement .marker_hyphen+.h_title,
.shc-agree .sh_agreement .marker_txt+.h_title,
.shc-agree .sh_agreement .font_basic+.h_title,
.shc-agree .sh_agreement .dl_agree+.h_title,
.shc-agree .sh_agreement .link_group+.h_title,
.shc-agree .sh_agreement .bg_gray+.h_title,
.shc-agree .sh_agreement .btn_wrap+.h_title,
.shc-agree .sh_agreement .text+.h_title {
    margin-top: 80px
}

.shc-agree .sh_agreement .font_md+.c_title {
    margin-top: 40px
}

.shc-agree .sh_agreement .h_title+.font_basic,
.shc-agree .sh_agreement .h_title+.c_title,
.shc-agree .sh_agreement .h_title+.marker_number {
    margin-top: 25px;
    margin-bottom: 15px
}

.shc-agree .sh_agreement .h_title24+.c_title,
.shc-agree .sh_agreement .h_title24+.c_title_m15 {
    margin-top: 14px
}

.shc-agree .sh_agreement .table_wrap+.c_title,
.shc-agree .sh_agreement .h_title24+.h_title,
.shc-agree .sh_agreement .h_title24+.marker_number,
.shc-agree .sh_agreement .h_title24+.font_basic,
.shc-agree .sh_agreement [class^=marker_]+.bg_gray {
    margin-top: 20px
}

.shc-agree .sh_agreement .table_wrap+.c_title,
.shc-agree .sh_agreement .h_title24+.c_title {
    margin-bottom: 12px
}

.shc-agree .sh_agreement .font_basic+[class^=marker_],
.shc-agree .sh_agreement .font_basic+.link_group {
    margin-top: 10px
}

.shc-agree .sh_agreement [class^=marker_] [class^=marker_]+.bg_gray,
.shc-agree .sh_agreement [class^=marker_]>li>.bg_gray,
.shc-agree .sh_agreement [class^=marker_]+.btn_wrap {
    margin: 15px 0
}

.shc-agree .sh_agreement [class^=marker_] [class^=marker_] {
    margin-top: 4px
}

.shc-agree .sh_agreement [class^=marker_]>li [class^=marker_]+.bg_gray .btn_wrap {
    margin-bottom: 0
}

.shc-agree .sh_agreement .marker_number li,
.shc-agree .sh_agreement .marker_txt>li {
    padding-left: 18px;
    text-indent: -16px;
    color: var(--Text-secondary)
}

.shc-agree .sh_agreement .marker_number li:not(:first-child),
.shc-agree .sh_agreement .marker_txt>li:not(:first-child) {
    margin-top: 2px
}

.shc-agree .sh_agreement .marker_number li p,
.shc-agree .sh_agreement .marker_txt>li p {
    text-indent: 0
}

.shc-agree .sh_agreement .marker_number li.color_darkgray {
    color: var(--Text-secondary)
}

.shc-agree .sh_agreement .marker_dot>li {
    text-indent: 0;
    color: var(--Text-secondary)
}

.shc-agree .sh_agreement .marker_dot+.marker_number li {
    text-indent: 0
}

.shc-agree .sh_agreement .marker_hyphen li {
    text-indent: 0;
    position: relative
}

.shc-agree .sh_agreement .marker_hyphen li:before {
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 12px;
    width: 6px;
    height: 1px;
    border-radius: 50%;
    background-color: var(--Text-secondary)
}

.shc-agree .sh_agreement .marker_hyphen>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 1px;
    border-radius: 50%;
    background-color: var(--Text-secondary)
}

.shc-agree .sh_agreement .marker_number li table {
    text-indent: 0
}

.shc-agree .sh_agreement .marker_number li>.marker_number,
.shc-agree .sh_agreement .marker_txt li>.marker_txt {
    margin-top: 8px;
    margin-bottom: 12px
}

.shc-agree .sh_agreement .marker_number li>.marker_dot li {
    text-indent: 0
}

.shc-agree .sh_agreement .marker_txt li>.marker_number li,
.shc-agree .sh_agreement [class^=marker_]>li [class^=marker_]+.bg_gray,
.shc-agree .sh_agreement [class^=marker_]>li>.bg_gray,
.shc-agree .sh_agreement .marker_number li ul.marker_dot {
    text-indent: 0
}

.shc-agree .sh_agreement+.btn_wrap {
    margin: 80px 0 0
}

.shc-agree .sh_agreement .marker_number li>.marker_txt li>.marker_number li {
    text-indent: inherit
}

.shc-agree .sh_agreement .dl_agree dt {
    display: block;
    position: relative;
    margin: 20px 0 13px;
    font-weight: 700;
    font-size: 16px;
    color: var(--Text-secondary)
}

.shc-agree .sh_agreement .indent0 {
    text-indent: 0
}

.shc-agree .sh_agreement .marker_txt>li {
    padding-left: 18px
}

.shc-agree .sh_agreement .link_group>li+li {
    margin-top: 7px
}

.shc-agree .sh_agreement .help_box {
    border: 1px solid #ccc;
    padding: 10px;
    text-indent: 0;
    margin: 10px 0
}

.shc-agree .personal_info.sh_agreement .h_title24+[class^=marker_],
.shc-agree .personal_info.sh_agreement .h_title24+.btn_wrap,
.shc-agree .personal_info.sh_agreement .h_title24+.font_basic,
.shc-agree .personal_info.sh_agreement .h_title+[class^=marker_],
.shc-agree .personal_info.sh_agreement .h_title+.btn_wrap,
.shc-agree .personal_info.sh_agreement .h_title+.font_basic {
    margin-top: 10px
}

.shc-agree .personal_info.sh_agreement .h_title24+[class^=marker_]+.h_title24,
.shc-agree .personal_info.sh_agreement .h_title24+.btn_wrap+.h_title24,
.shc-agree .personal_info.sh_agreement .h_title24+.font_basic+.h_title24 {
    margin-top: 80px
}

.shc-agree .personal_info.sh_agreement .h_title {
    margin-top: 60px
}

.shc-agree .personal_info.sh_agreement .marker_txt li>.marker_number>li {
    padding: 0
}

.shc-agree .personal_info.sh_agreement .marker_number>li .btn_wrap {
    margin-bottom: 0
}

.shc-agree .personal_info.sh_agreement .marker_number>li>.c_title {
    margin-top: 20px;
    margin-bottom: 13px
}

.shc-agree .personal_info.sh_agreement .h_title+.table_wrap {
    margin-top: 15px
}

.shc-agree .personal_info.sh_agreement p.font_basic+.h_title24 {
    margin-top: 53px
}

.shc-agree .personal_info.sh_agreement p.marker_dot .depth_3 {
    display: inline-block;
    padding-top: 10px;
    padding-left: 20px
}

.shc-agree .personal_info.sh_agreement a[href^="mailto:"],
.shc-agree .personal_info.sh_agreement a[href^=http]:not(.btn) {
    color: #4868e1
}

.shc-agree .personal_info.sh_agreement [class^=marker_]>li p.font_basic {
    margin-left: -3px
}

.shc-agree .personal_info.sh_agreement .table_wrap.row th {
    vertical-align: top
}

.shc-agree .personal_info.sh_agreement .table_wrap [class^=marker_] {
    color: var(--Text-secondary)
}

#pop_cont_trems .popup .pop_cont .termsConts {
    outline: 0
}

.shc-agree {
    word-break: break-all;
    color: var(--Text-secondary);
    font-size: var(--size-body-M, 14px);
    letter-spacing: var(--letterspace-body-M, -.28px);
    line-height: var(--lineheight-body-M, 24px)
}

.shc-agree__title {
    font-size: var(--size-headline-M, 28px);
    letter-spacing: var(--letterspace-headline-M, -.56px);
    line-height: var(--lineheight-headline-M, 42px);
    color: var(--Text-primary);
    margin-bottom: 20px
}

.shc-agree__section {
    color: var(--Text-secondary);
    font-size: var(--size-body-M, 14px);
    line-height: var(--lineheight-body-M, 24px);
    letter-spacing: var(--letterspace-body-M, -.28px)
}

.shc-agree__section-title {
    color: var(--Text-primary);
    font-size: var(--size-body-L, 16px);
    font-weight: 700;
    line-height: var(--lineheight-body-L, 27px);
    letter-spacing: var(--letterspace-body-L, -.32px)
}

.shc-agree__block-title {
    color: var(--Text-primary);
    font-size: var(--size-title-M, 16px);
    font-weight: 500;
    line-height: var(--lineheight-title-M, 26px);
    letter-spacing: var(--letterspace-title-M, -.32px)
}

.shc-agree .shc-agree__section+.shc-agree__section {
    margin-top: var(--space-3xl, 24px)
}

.shc-agree .shc-agree__block+.shc-agree__block {
    margin-top: var(--space-2xl, 20px)
}

.shc-agree .shc-agree__section-title+.shc-agree__block-title {
    margin-top: var(--space-lg, 12px)
}

.shc-agree .shc-agree__section-title,
.shc-agree .shc-agree__block-title {
    margin-bottom: var(--space-md, 8px)
}

.shc-agree .external-only {
    display: none
}

.shc-layered__title {
    font-size: 16px;
    font-weight: 500
}

.pop_cont ul.marker_dot,
.pop_cont ol.marker_dot {
    padding-left: 0 !important
}

.pop_cont ul.marker_dot:before,
.pop_cont ol.marker_dot:before {
    display: none !important;
    text-indent: 0 !important
}

.pop_cont ul.marker_dot>li,
.pop_cont ol.marker_dot>li {
    display: block;
    position: relative;
    margin: 0;
    padding-left: 12px;
    text-indent: 0 !important
}

.pop_cont ul.marker_dot>li:before,
.pop_cont ol.marker_dot>li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--Text-secondary)
}

.popcard_img>img {
    width: 24px;
    height: auto
}

.brand_list {
    margin: 0 -1px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.brand_list li {
    overflow: hidden;
    width: 100%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0 !important
}

.brand_list li span {
    display: inline-block
}

.brand_list li .popcard_img {
    width: 15%;
    text-align: center;
    vertical-align: middle;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: none
}

.brand_list li .text {
    padding: 10px 7px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    flex: 1 1 auto
}

.tit_type1 {
    font-size: var(--size-body-L, 16px);
    letter-spacing: var(--letterspace-body-L, -.32px);
    line-height: var(--lineheight-body-L, 27px);
    margin: 10px 0
}

.shc-agree .img-sec img {
    margin: 0 auto
}

.login-type {
    max-width: 440px;
    padding: 0
}

@media (max-width: 1023px) {
    .login-type .shc-tab__menu {
        display: none
    }
}

.login-type .login-body__panel {
    display: none;
    min-height: 412px;
    padding: var(--spacing-2xl);
    margin-top: var(--spacing-xl);
    border-radius: var(--radius-xl);
    border: 1px solid var(--Border-border-secondary)
}

.login-type .login-body__panel.is-active {
    display: block
}

@media (max-width: 1023px) {
    .login-type .login-body__panel {
        min-height: auto;
        border: none;
        padding-bottom: 0;
        padding-top: var(--spacing-2xl);
        margin-top: 0
    }
}

.login-type .login-body {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    color: var(--Text-text-primary)
}

@media (min-width: 1024px) {
    .login-type .login-body__panel.is-active {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .login-type .login-body__panel.login-simple,
    .login-type .login-body__panel.login-solpay,
    .login-type .login-body__panel.login-shinhan,
    .login-type .login-body__panel.login-joint {
        height: 412px
    }

    .login-type .login-body__panel.login-id {
        min-height: 412px
    }
}

@media (max-width: 1023px) {
    .login-type {
        max-width: 620px
    }
}

.login-type .login-head {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.login-type .login-head__title {
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 700
}

@media (max-width: 1023px) {
    .login-type .login-head {
        display: none
    }
}

.login-type-cta {
    max-width: 440px
}

@media (max-width: 1023px) {
    .login-type-cta {
        max-width: 620px
    }
}

.login__other-btn {
    display: flex;
    justify-content: space-between;
    max-width: 440px
}

@media (min-width: 1024px) {
    .login__other-btn {
        margin-top: var(--spacing-xl);
        padding-left: var(--spacing-md);
        padding-right: var(--spacing-md)
    }
}

@media (max-width: 1023px) {
    .login__other-btn {
        max-width: 620px
    }
}

.login__other-btn .shc-txt-btn {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm)
}

.login__other-btn .shc-txt-btn.btn-app-download img {
    margin-right: 6px;
    border-radius: var(--radius-xxs)
}

.login-select__btn--mobile {
    display: flex;
    justify-content: center;
    margin-top: var(--spacing-2xl)
}

@media (min-width: 1024px) {
    .login-select__btn--mobile {
        display: none
    }
}

.login-select__btn--mobile .shc-icon {
    transform: rotate(90deg)
}

.shc-section-dev {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-shrink: 0;
    flex-grow: 1;
    margin-bottom: 0 !important
}

.shc-section-dev .shc-section:first-of-type {
    padding-top: 0
}

.shc-section-dev .shc-section:first-of-type.login-type.mb--4xl {
    margin-bottom: 0 !important
}

.login-solpay .in-time {
    font-weight: 300
}

.login-solpay .in-time__msg strong {
    font-weight: 700
}

.login-solpay .in-time .remain-time {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--Text-text-brand);
    margin-top: var(--spacing-xl)
}

.login-solpay .in-time .remain-time .btn-refresh {
    flex: 0 0 24px;
    height: 24px;
    padding: 4px
}

.login-solpay .in-time .remain-time>*+*:not(.btn-refresh) {
    margin-left: var(--spacing-sm)
}

.login-solpay .in-time .connect-mobile {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: var(--spacing-4xl)
}

.login-solpay .in-time .connect-mobile .or {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-secondary)
}

.login-solpay .in-time .connect-mobile .certification-code {
    font-size: var(--size-headline-S);
    letter-spacing: var(--letterspace-headline-S);
    line-height: var(--lineheight-headline-S);
    font-weight: 700;
    color: var(--Text-text-primary)
}

.login-solpay .out-time__msg {
    margin-bottom: var(--spacing-2xl)
}

.login-solpay .out-time__remain-time {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-secondary);
    margin-top: var(--spacing-2xl)
}

.login-solpay .out-time__remain-time strong {
    font-weight: 700;
    margin-left: var(--spacing-sm)
}

@media (max-width: 1023px) {

    .login-solpay--pc,
    .login-solpay__btn--pc {
        display: none
    }

    .login-solpay__msg {
        text-align: center;
        padding-bottom: var(--spacing-4xl);
        font-size: var(--size-title-XL);
        letter-spacing: var(--letterspace-title-XL);
        line-height: var(--lineheight-title-XL);
        font-weight: 700
    }

    .login-solpay__msg+.identity-auth__image {
        width: 120px;
        height: 120px
    }

    .login-solpay__btn--pc {
        margin-top: var(--spacing-4xl)
    }
}

@media (min-width: 1024px) {

    .login-solpay--mobile,
    .login-solpay__btn--mobile {
        display: none
    }

    .login-solpay__msg {
        text-align: center;
        padding-top: 80px;
        padding-bottom: 80px
    }

    .login-solpay--pc .in-time .connect-mobile {
        gap: 28px
    }

    .login-solpay--pc .in-time .connect-mobile .qr-code {
        flex: 0 0 120px;
        height: 120px
    }
}

@media (max-width: 1023px) {
    .login-id__btn--pc {
        display: none
    }

    .login-id__msg {
        font-size: var(--size-title-XL);
        letter-spacing: var(--letterspace-title-XL);
        line-height: var(--lineheight-title-XL);
        font-weight: 700;
        margin-bottom: var(--spacing-4xl)
    }
}

@media (min-width: 1024px) {
    .login-id__btn--mobile {
        display: none
    }

    .login-id__msg {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
        opacity: 0
    }
}

.login-id .shc-form {
    margin-top: var(--spacing-2xl)
}

.login-id__msg+.shc-form {
    margin-top: 0
}

.login-id .login-id__btn--pc {
    margin-top: auto
}

.login-id .shc-captcha {
    padding-left: 0;
    padding-right: 0;
    border-top: 1px solid var(--Border-border-secondary);
    padding-top: var(--spacing-3xl);
    margin-top: var(--spacing-3xl);
    margin-bottom: var(--spacing-3xl)
}

.login-id .shc-captcha__title {
    color: var(--Text-text-tertiary)
}

.login-id .shc-captcha__content {
    margin: var(--spacing-lg) 0
}

.login-id .shc-captcha__img {
    height: 80px
}

@media (max-width: 1023px) {
    .login-id .shc-captcha {
        margin-bottom: 0
    }
}

.login-id .id-cert-box {
    display: flex;
    flex-direction: column;
    margin-top: auto
}

@media (max-width: 1023px) {
    .login-id .id-cert-box {
        flex-direction: column-reverse
    }
}

.login-id .shc-txt-btn-group {
    justify-content: space-evenly;
    padding-left: 0;
    padding-right: 0
}

.login-id .shc-txt-btn-group>.shc-txt-btn__item {
    flex: 1
}

.login-id .shc-txt-btn-group .shc-txt-btn.theme-tertiary.size-sm .shc-txt-btn__text {
    font-weight: var(--font-weight-light);
    color: var(--Text-text-tertiary)
}

.login-id .shc-txt-btn-group .divider {
    background-color: var(--Border-border-secondary)
}

@media (min-width: 1024px) {
    .login-simple__btn--mobile {
        display: none
    }
}

@media (max-width: 1023px) {
    .login-simple__btn--pc {
        display: none
    }
}

.login-simple-auth__description {
    display: flex;
    flex-direction: column
}

.login-simple-auth__description .identity-auth__image {
    width: 100px;
    height: 100px;
    margin-bottom: var(--spacing-lg)
}

.login-simple__notyet {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 372px;
    padding-top: 66px
}

@media (max-width: 1023px) {
    .login-simple__notyet {
        height: auto;
        padding-top: 0
    }

    .login-simple__notyet .login-simple-auth__description {
        flex-direction: column-reverse
    }

    .login-simple__notyet .login-simple-auth__description .identity-auth__image {
        width: 120px;
        height: 120px;
        margin-top: var(--spacing-4xl)
    }

    .login-simple__notyet .login-simple-auth__description p,
    .login-simple__notyet .login-simple-auth__description h1 {
        font-size: var(--size-title-XL);
        letter-spacing: var(--letterspace-title-XL);
        line-height: var(--lineheight-title-XL);
        font-weight: 700
    }
}

@media (min-width: 1024px) {
    .login-simple__notyet .login-simple__btn--pc {
        margin-left: auto;
        margin-right: auto
    }
}

.login-simple__already h1 {
    color: var(--Text-text-primary)
}

@media (max-width: 1023px) {
    .login-simple__already h1 {
        font-size: var(--size-title-XL);
        letter-spacing: var(--letterspace-title-XL);
        line-height: var(--lineheight-title-XL);
        font-weight: 700
    }
}

@media (min-width: 1024px) {
    .login-simple__already h1 {
        font-size: var(--size-body-L);
        letter-spacing: var(--letterspace-body-L);
        line-height: var(--lineheight-body-L);
        font-weight: 500
    }
}

@media (min-width: 1024px) {
    .login-simple__already {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-top: 77px
    }

    .login-simple__already .login-simple__btn--pc {
        margin-top: auto
    }
}

.login-simple__already .shc-input.mask {
    position: relative;
    box-shadow: none;
    padding: 0;
    min-height: 20px;
    margin-top: var(--spacing-4xl)
}

.login-simple__already .shc-input.mask input {
    height: 20px
}

.login-simple__already .shc-input.mask .shc-input__password {
    transform: none;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 20px;
    top: 0;
    z-index: -1
}

.login-simple__already .shc-input.mask .shc-input__password-dot {
    height: 20px;
    margin-left: 10px;
    margin-right: 10px
}

.login-simple__already .shc-input.mask .shc-input__password-dot:before {
    content: "";
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--Text-text-placeholder-same);
    display: inline-block
}

.login-simple__already .shc-input.mask .shc-input__password-dot.is-filled:before {
    background-color: var(--Background-bg-brand_strong-same);
    border-color: var(--Background-bg-brand_strong-same)
}

.login-simple__already .shc-input.mask[data-focus=true] {
    box-shadow: none
}

.login-simple__already .shc-input.mask[data-focus=true] .shc-input__password-dot:before {
    border-color: var(--Background-bg-brand_strong-same);
    border-width: 2px
}

.login-simple__already .shc-txt-btn-group .shc-txt-btn {
    padding-top: 4px;
    padding-bottom: 4px
}

.login-simple__already .shc-txt-btn-group .divider {
    background-color: var(--Border-border-secondary)
}

.login-simple__already .shc-txt-btn-group .shc-txt-btn.theme-tertiary.size-sm .shc-txt-btn__text {
    font-weight: var(--font-weight-light);
    color: var(--Text-text-tertiary)
}

@media (max-width: 1023px) {
    .login-simple__already .shc-txt-btn-group {
        margin-top: 52px
    }
}

@media (min-width: 1024px) {
    .login-simple__already .shc-txt-btn-group {
        margin-top: var(--spacing-xl)
    }
}

.login-shinhan__box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 372px;
    padding: 66px 0 0
}

@media (max-width: 1023px) {
    .login-shinhan__box {
        height: auto;
        padding: 0
    }
}

@media (min-width: 1024px) {
    .login-shinhan__btn--mobile {
        display: none
    }
}

@media (max-width: 1023px) {
    .login-shinhan__btn--pc {
        display: none
    }
}

.login-shinhan .identity-auth__image {
    width: 100px;
    height: 100px;
    margin: 0 auto var(--spacing-lg) auto
}

.login-shinhan__description {
    display: flex;
    flex-direction: column
}

@media (max-width: 1023px) {
    .login-shinhan__description {
        flex-direction: column-reverse
    }

    .login-shinhan__description h1 {
        margin-bottom: var(--spacing-4xl);
        font-size: var(--size-title-XL);
        letter-spacing: var(--letterspace-title-XL);
        line-height: var(--lineheight-title-XL);
        font-weight: 700
    }

    .login-shinhan__description .identity-auth__image {
        width: 120px;
        height: auto
    }
}

@media (min-width: 1024px) {
    .login-joint__btn--mobile {
        display: none
    }
}

@media (max-width: 1023px) {
    .login-joint__btn--pc {
        display: none
    }
}

.login-joint__box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 372px
}

@media (max-width: 1023px) {
    .login-joint__box {
        height: auto;
        padding: 0;
        justify-content: flex-start
    }
}

.login-joint__bottom .shc-txt-btn-group {
    min-height: 32px;
    margin-top: var(--spacing-xl)
}

.login-joint .identity-auth__image {
    width: 100px;
    height: 100px;
    margin: var(--spacing-xl) auto var(--spacing-lg) auto
}

@media (max-width: 1023px) {
    .login-joint .identity-auth__image {
        width: 120px;
        height: 120px;
        margin: var(--spacing-4xl) auto var(--spacing-3xl) auto
    }
}

.login-joint__description {
    display: flex;
    flex-direction: column
}

.login-joint__description p.text {
    font-size: var(--size-title-L);
    letter-spacing: var(--letterspace-title-L);
    line-height: var(--lineheight-title-L);
    font-weight: 500
}

.login-joint__description p.text-sub {
    margin-top: var(--spacing-md);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

@media (max-width: 1023px) {
    .login-joint__description {
        flex-direction: column-reverse
    }

    .login-joint__description h1.text {
        font-size: var(--size-title-XL);
        letter-spacing: var(--letterspace-title-XL);
        line-height: var(--lineheight-title-XL);
        font-weight: 700
    }

    .login-joint__description p.text-sub {
        display: none
    }
}

.login-joint .shc-txt-btn-group .shc-btn.theme-quaternary.size-sm .shc-btn__text {
    color: var(--Text-text-primary)
}

@media (min-width: 1024px) {
    .login-joint .shc-txt-btn-group .shc-btn.theme-quaternary.size-sm {
        box-shadow: none
    }

    .login-joint .shc-txt-btn-group .shc-btn.theme-quaternary.size-sm .shc-btn__text {
        font-size: var(--size-body-M);
        letter-spacing: var(--letterspace-body-M);
        line-height: var(--lineheight-body-M);
        font-weight: 300;
        color: var(--Text-text-tertiary)
    }
}

.login-type--solpay .login-id__btn--mobile,
.login-type--solpay .login-simple__btn--mobile,
.login-type--solpay .login-shinhan__btn--mobile,
.login-type--solpay .login-joint__btn--mobile,
.login-type--id .login-solpay__btn--mobile,
.login-type--id .login-simple__btn--mobile,
.login-type--id .login-shinhan__btn--mobile,
.login-type--id .login-joint__btn--mobile,
.login-type--simple .login-solpay__btn--mobile,
.login-type--simple .login-id__btn--mobile,
.login-type--simple .login-shinhan__btn--mobile,
.login-type--simple .login-joint__btn--mobile,
.login-type--shinhan .login-solpay__btn--mobile,
.login-type--shinhan .login-id__btn--mobile,
.login-type--shinhan .login-simple__btn--mobile,
.login-type--shinhan .login-joint__btn--mobile,
.login-type--joint .login-solpay__btn--mobile,
.login-type--joint .login-id__btn--mobile,
.login-type--joint .login-simple__btn--mobile,
.login-type--joint .login-shinhan__btn--mobile {
    display: none
}

.login-select-sheet .shc-select-btn__label {
    padding: var(--spacing-xl) var(--spacing-2xl);
    box-shadow: inset 0 0 0 1px var(--Border-border-secondary)
}

.login-select-sheet .shc-select-btn__label span {
    padding: 0
}

.login-select-sheet .shc-select-btn__label .shc-account-info__content {
    margin-left: var(--spacing-md)
}

.login-select-sheet .shc-card-info--selectable.is-selected {
    box-shadow: inset 0 0 0 2px var(--Border-border-brand)
}

.login-select-sheet .shc-card-info__title {
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500
}

@media (max-width: 1023px) {
    .login-select-sheet [class*=__btn--pc] {
        display: none
    }
}

.auto-logout {
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 500
}

.auto-logout .timer {
    color: var(--Text-text-brand)
}

.password-change-guide {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.password-change-guide .shc-ul {
    margin-top: var(--spacing-lg);
    color: var(--Text-text-tertiary)
}

.password-making-guide h3 {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 500;
    color: var(--Text-text-primary)
}

.password-making-guide dl {
    border-top: 1px solid var(--Border-border-secondary);
    margin-top: var(--spacing-2xl);
    padding-top: var(--spacing-2xl)
}

.password-making-guide dl dt {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--size-title-S);
    letter-spacing: var(--letterspace-title-S);
    line-height: var(--lineheight-title-S);
    font-weight: 500;
    color: var(--Text-text-secondary)
}

.password-making-guide dl dd {
    margin-top: var(--spacing-md)
}

.password-making-guide dl dd .shc-ul {
    gap: var(--spacing-md);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300
}

.shc-flowcontrols {
    display: none;
    overflow: hidden;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - var(--spacing-2xl) * 2);
    padding-top: var(--spacing-5xl);
    padding-bottom: var(--spacing-3xl);
    padding-left: var(--spacing-3xl);
    padding-right: var(--spacing-3xl);
    background: var(--Background-bg-canvas_white-elevated);
    border-radius: var(--radius-2xl)
}

@media (max-width: 1023px) {
    .shc-flowcontrols {
        max-width: 580px
    }
}

@media (min-width: 1024px) {
    .shc-flowcontrols {
        max-width: 327px
    }
}

.shc-flowcontrols.is-active {
    display: flex
}

.shc-flowcontrols h2 {
    font-size: var(--size-title-XL);
    letter-spacing: var(--letterspace-title-XL);
    line-height: var(--lineheight-title-XL);
    font-weight: 900;
    text-align: center
}

.shc-flowcontrols h2+p {
    margin-top: var(--spacing-md);
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 300;
    text-align: center;
    color: var(--Text-text-tertiary)
}

.shc-flowcontrols__content {
    border-radius: var(--radius-2xl);
    background: var(--Background-bg-graylight);
    padding: var(--spacing-2xl);
    margin-top: var(--spacing-4xl);
    display: flex;
    flex-direction: column;
    text-align: center
}

.shc-flowcontrols__content .title {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-flowcontrols__content .remain-number {
    font-size: var(--size-headline-L);
    letter-spacing: var(--letterspace-headline-L);
    line-height: var(--lineheight-headline-L);
    font-weight: 900;
    color: var(--Text-text-brand);
    margin-top: var(--spacing-md)
}

.shc-flowcontrols__content .meter-wrapper,
.shc-flowcontrols__content .eta {
    max-width: 239px;
    margin-left: auto;
    margin-right: auto
}

.shc-flowcontrols__content .meter-wrapper {
    margin-top: var(--spacing-md);
    width: 100%;
    height: var(--spacing-md);
    background-color: var(--Background-bg-graylight);
    border-radius: var(--radius-xs);
    background: linear-gradient(0deg, var(--Background-bg-ongray_graylight_a5) 0%, var(--Background-bg-ongray_graylight_a5) 100%), var(--Background-bg-ongray_gray_a10)
}

.shc-flowcontrols__content .meter-wrapper .meter {
    height: 8px;
    background-color: var(--Background-bg-brand_strong-same);
    border-radius: var(--radius-xs)
}

.shc-flowcontrols__content .eta {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300;
    color: var(--Text-text-tertiary);
    margin-top: var(--spacing-md)
}

.shc-flowcontrols__content .eta .eta-time {
    margin-left: var(--spacing-md);
    font-weight: 700;
    color: var(--Text-text-secondary)
}

.shc-flowcontrols__content .closed {
    display: none
}

.shc-flowcontrols__content.is-closed {
    position: relative
}

.shc-flowcontrols__content.is-closed .closed {
    display: block;
    position: absolute;
    top: -30px;
    left: calc(50% - 51px);
    padding: var(--spacing-md) var(--spacing-lg);
    border-radius: var(--radius-xs);
    background-color: var(--Background-bg-dark);
    text-align: center;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 500;
    color: var(--Text-text-ondark_primary)
}

.shc-flowcontrols__content.is-closed .closed:after {
    content: "";
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    transform: translate(-50%);
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-top: 9px solid var(--Background-bg-dark)
}

.shc-flowcontrols__footer {
    margin-top: var(--spacing-2xl)
}

.shc-flowcontrols__footer a {
    width: 100%
}

.online-member-agreement {
    display: flex;
    flex-direction: column
}

@media (max-width: 1023px) {
    .online-member-agreement {
        padding-bottom: var(--spacing-4xl)
    }
}

@media (min-width: 1024px) {
    .online-member-agreement {
        padding-bottom: var(--spacing-5xl)
    }
}

.online-member-agreement .ben-guide__section {
    font-size: var(--size-body-M);
    letter-spacing: var(--letterspace-body-M);
    line-height: var(--lineheight-body-M);
    font-weight: 500;
    color: var(--Text-text-quaternary)
}

@media (max-width: 1023px) {
    .online-member-agreement .ben-guide__section {
        margin-top: auto
    }
}

@media (min-width: 1024px) {
    .online-member-agreement .ben-guide__section {
        margin-top: var(--spacing-4xl)
    }
}

.online-member-agreement:not(.with-tab):after {
    height: 0
}

.icon--card {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

.icon--card:not(.local):not(.ct06) {
    overflow: hidden;
    display: inline-block;
    white-space: nowrap;
    text-indent: 100%
}

.icon--card.ct01,
.icon--card.visa {
    background-image: url(/pconts/static/svg/card/brand/visa.svg)
}

.icon--card.ct02,
.icon--card.master {
    background-image: url(/pconts/static/svg/card/brand/master.svg)
}

.icon--card.ct03,
.icon--card.amex {
    background-image: url(/pconts/static/svg/card/brand/amex.svg)
}

.icon--card.ct04,
.icon--card.jcb {
    background-image: url(/pconts/static/svg/card/brand/jcb.svg)
}

.icon--card.ct05,
.icon--card.urs {
    background-image: url(/pconts/static/svg/card/brand/urs.svg)
}

.icon--card.ct06,
.icon--card.local {
    width: auto;
    font-size: var(--size-body-S);
    letter-spacing: var(--letterspace-body-S);
    line-height: var(--lineheight-body-S);
    font-weight: 300;
    color: var(--Text-text-quaternary)
}

.icon--card.ct07,
.icon--card.unionpay {
    background-image: url(/pconts/static/svg/card/brand/upi.svg)
}

.icon--card.ct08,
.icon--card.sand {
    background-image: url(/pconts/static/svg/card/brand/sand.svg)
}

.icon--card.ct09,
.icon--card.bc {
    background-image: url(/pconts/static/svg/card/brand/bc.svg)
}

.print-content {
    display: none;
    justify-content: space-between;
    align-items: flex-end;
    margin: 0 auto;
    padding: var(--spacing-2xl) 0 var(--spacing-lg);
    border-bottom: 1px solid var(--Border-border-primary_heavy-same)
}

.print-content__ci {
    width: 85px;
    height: 20px;
    flex-shrink: 0
}

.print-content__date {
    color: var(--Text-text-secondary);
    font-size: 8px;
    font-weight: 300;
    line-height: 11.156px;
    letter-spacing: -.132px
}

.shc-print {
    position: relative
}

.shc-print:before {
    position: absolute;
    display: block;
    content: "";
    width: 100%;
    height: 72px;
    background: var(--Background-bg-gray);
    z-index: -1
}

.shc-print__inner {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 var(--spacing-2xl)
}

.shc-print__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 72px
}

.shc-print__header .shc-btn-group {
    width: auto
}

.shc-print__header .shc-btn-group:not(.align-left):not(.align-right) {
    margin: 0
}

.shc-print__header .shc-btn-group button {
    border: 1px solid var(--Border-border-secondary)
}

.shc-print .print-content {
    display: flex;
    padding: var(--spacing-5xl) 0 var(--spacing-3xl)
}

.shc-print .print-content__ci {
    width: 170px;
    height: 40px
}

.shc-print .print-content__date {
    font-size: var(--size-body-L);
    letter-spacing: var(--letterspace-body-L);
    line-height: var(--lineheight-body-L);
    font-weight: 300;
    color: var(--Text-text-secondary)
}

.shc-print__content {
    padding: var(--spacing-4xl) 0
}

@media print {
    body {
        print-color-adjust: exact;
        -webkit-print-color-adjust: exact
    }

    .print-content {
        display: flex
    }

    .shc-print:before {
        content: none
    }

    .shc-print__header {
        display: none
    }

    .shc-header,
    .shc-footer,
    .shc-btn,
    .shc-btn-group,
    .print_hide {
        display: none !important
    }

    [inert]:not(.print-content) {
        display: none !important
    }

    .shc-layered.is-active,
    .shc-bottomsheet.is-active,
    .shc-modal.is-active {
        position: static !important;
        transform: none !important;
        opacity: 1 !important;
        max-height: none !important;
        box-shadow: none !important;
        margin-left: auto !important;
        margin-right: auto !important
    }

    .shc-layered__footer,
    .shc-layered .shc-layered__close,
    .shc-bottomsheet__footer,
    .shc-bottomsheet .shc-layered__close,
    .shc-modal__footer,
    .shc-modal .shc-layered__close {
        display: none !important
    }
}