.unexpected-error_container__JEWuw {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--color_bg_auth0-cta)
}

.unexpected-error_container__JEWuw:before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(https://cdn.auth0.com/website/passkeys-playground/assets/cta-mobile.png) no-repeat;
    background-size: cover
}

@media only screen and (min-width: 480px) {
    .unexpected-error_container__JEWuw:before {
        background: url(https://cdn.auth0.com/website/passkeys-playground/assets/cta-mobile.png) no-repeat;
        background-size: cover
    }
}

@media only screen and (min-width: 768px) {
    .unexpected-error_container__JEWuw:before {
        background: url(/images/auth0-background.svg) no-repeat 100%;
        background-size: cover
    }
}

@media only screen and (min-width: 992px) {
    .unexpected-error_container__JEWuw {
        background: unset;
        min-height: 40rem
    }

    .unexpected-error_container__JEWuw:before {
        background: none
    }

    .unexpected-error_container__JEWuw:after {
        display: none;
        background: none
    }
}

.unexpected-error_wrapper__3c3xp {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
    border-radius: 0;
    overflow: hidden
}

@media only screen and (min-width: 1400px) {
    .unexpected-error_wrapper__3c3xp {
        border-radius: 1.5rem
    }
}

.unexpected-error_content__EC67V {
    display: flex;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    position: relative;
    padding: 3rem 0
}

@media only screen and (min-width: 768px) {
    .unexpected-error_content__EC67V {
        width: calc(100% - 4rem)
    }
}

@media only screen and (min-width: 1200px) {
    .unexpected-error_content__EC67V {
        width: calc(100% - 128px)
    }
}

@media only screen and (min-width: 576px) {
    .unexpected-error_content__EC67V {
        column-gap: 0
    }
}

@media only screen and (min-width: 992px) {
    .unexpected-error_content__EC67V {
        background: var(--color_bg_auth0-cta);
        padding: 2rem 2.5rem;
        border-radius: 1rem;
        overflow: hidden
    }

    .unexpected-error_content__EC67V:before {
        position: absolute;
        bottom: 0;
        right: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-size: contain;
        background: url(/images/auth0-background.svg) no-repeat 100% 100%;
        background-size: cover
    }
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");
    unicode-range: u+0370 -0377, u+037a-037f, u+0384 -038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+0300 -0301, u+0303 -0304, u+0308 -0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/6d93bde91c0c2823-s.p.woff2) format("woff2");
    unicode-range: u+0100 -02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000 -206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");
    unicode-range: u+0370 -0377, u+037a-037f, u+0384 -038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+0300 -0301, u+0303 -0304, u+0308 -0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/6d93bde91c0c2823-s.p.woff2) format("woff2");
    unicode-range: u+0100 -02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000 -206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/55c55f0601d81cf3-s.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/26a46d62cd723877-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/97e0cb1ae144a2a9-s.woff2) format("woff2");
    unicode-range: u+1f ? ?
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/581909926a08bbc8-s.woff2) format("woff2");
    unicode-range: u+0370 -0377, u+037a-037f, u+0384 -038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+0300 -0301, u+0303 -0304, u+0308 -0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/6d93bde91c0c2823-s.p.woff2) format("woff2");
    unicode-range: u+0100 -02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Inter_62d770;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/a34f9d1faa5f3315-s.p.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000 -206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Inter_Fallback_62d770;
    src: local("Arial");
    ascent-override: 90.49%;
    descent-override: 22.56%;
    line-gap-override: 0.00%;
    size-adjust: 107.06%
}

.__className_62d770 {
    font-family: __Inter_62d770, __Inter_Fallback_62d770;
    font-style: normal
}

.__variable_62d770 {
    --font-primary: "__Inter_62d770", "__Inter_Fallback_62d770"
}

@font-face {
    font-family: __SecondaryFont_6968a0;
    src: url(/_next/static/media/71f3735817dbe64b-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: __SecondaryFont_6968a0;
    src: url(/_next/static/media/0111709e9c3a944f-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: __SecondaryFont_6968a0;
    src: url(/_next/static/media/87978b877048b6ce-s.p.woff2) format("woff2");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: __SecondaryFont_Fallback_6968a0;
    src: local("Arial");
    ascent-override: 91.72%;
    descent-override: 20.71%;
    line-gap-override: 0.00%;
    size-adjust: 101.40%
}

.__className_6968a0 {
    font-family: __SecondaryFont_6968a0, __SecondaryFont_Fallback_6968a0
}

.__variable_6968a0 {
    --font-secondary: "__SecondaryFont_6968a0", "__SecondaryFont_Fallback_6968a0"
}

.error-page_header__sK_P4 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9001;
    -webkit-backdrop-filter: blur(32px);
    backdrop-filter: blur(32px)
}

.error-page_main__UU3Mo {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 5.5rem
}

@media only screen and (min-width: 992px) {
    .error-page_main__UU3Mo {
        margin-top: 5.5rem;
        padding: 2rem 0
    }
}

.ribbon_container__KZVWJ {
    width: 100%;
    background: var(--color_bg_app_bar);
    border-bottom: 1px solid;
    border-image-slice: 1;
    border-image-source: linear-gradient(135deg, #4cb7a3, #3f59e4 50%, #4016a0)
}

.ribbon_wrapper__YR_gm {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto;
    height: 2.5rem
}

.ribbon_content__CbdZ9 {
    position: relative;
    display: flex;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    height: 100%;
    grid-column: 1/-1;
    align-items: center;
    justify-content: space-between;
    color: #fffefa
}

@media only screen and (min-width: 768px) {
    .ribbon_content__CbdZ9 {
        width: calc(100% - 4rem)
    }
}

@media only screen and (min-width: 1200px) {
    .ribbon_content__CbdZ9 {
        width: calc(100% - 128px)
    }
}

.ribbon_cta__2foOn {
    display: flex;
    font-size: .75rem;
    line-height: 1.25rem;
    color: #fff;
    gap: .375rem
}

@media only screen and (min-width: 576px) {
    .ribbon_cta__2foOn {
        font-size: .875rem;
        line-height: 1.375rem
    }
}

.ribbon_cta__title__o2Rct {
    display: none;
    color: var(--color_fg_bold)
}

@media only screen and (min-width: 768px) {
    .ribbon_cta__title__o2Rct {
        display: unset
    }
}

.ribbon_cta__description__pMK2B {
    display: flex;
    align-items: center;
    gap: .125rem;
    color: var(--color_fg_bold)
}

.ribbon_cta__description__pMK2B:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

@media only screen and (min-width: 768px) {
    .ribbon_cta__description__pMK2B {
        text-decoration: underline
    }
}

.ribbon_cta__arrow__FXM45 {
    display: flex;
    align-items: center;
    height: .625rem;
    width: .625rem
}

.ribbon_cta__arrow__FXM45 svg {
    height: 100%;
    width: 100%
}

.ribbon_cta__arrow__FXM45 svg path {
    stroke: var(--color_fg_bold)
}

@media only screen and (min-width: 992px) {
    .ribbon_cta__arrow__FXM45 {
        height: .75rem;
        width: .75rem
    }
}

.ribbon_actions__iucQW {
    display: flex;
    gap: .5rem
}

@media only screen and (min-width: 992px) {
    .ribbon_actions__iucQW {
        gap: 1rem
    }
}

.ribbon-picker_picker__xymJ0 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color_fg_bold);
    cursor: pointer;
    gap: .25rem;
    width: 3.25rem
}

@media only screen and (min-width: 992px) {
    .ribbon-picker_picker__xymJ0[data-has-label=true] {
        width: 5rem
    }
}

.ribbon-picker_picker__xymJ0:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

.ribbon-picker_picker__icon__Q151N {
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.ribbon-picker_picker__icon__Q151N svg {
    margin-top: -1px;
    height: 100%;
    width: 100%
}

.ribbon-picker_picker__icon__Q151N svg path {
    stroke: var(--color_fg_bold)
}

.ribbon-picker_picker__label__EIV5T {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    list-style-type: none;
    margin: 0;
    gap: .5rem;
    font-size: .8125rem;
    line-height: 1.3125rem;
    letter-spacing: -.05px;
    width: 100%;
    height: 100%
}

.ribbon-picker_picker__label__EIV5T svg {
    stroke: var(--color_fg_bold)
}

.ribbon-picker_picker__list__veYkB {
    position: absolute;
    top: 1.4285714286rem;
    list-style-type: none;
    background-color: var(--color_bg_layer_alternate-bold);
    color: var(--color_fg_bold);
    border: 1px solid var(--color_border_bold);
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: .875rem;
    z-index: 9009;
    cursor: default;
    border-radius: .5rem;
    overflow: hidden;
    width: 4.75rem;
    right: -.75rem
}

@media only screen and (min-width: 992px) {
    .ribbon-picker_picker__list__veYkB {
        right: -1.875rem;
        width: 7rem
    }

    .ribbon-picker_picker__list__veYkB[data-has-label=true] {
        right: -1rem;
        width: 7rem
    }
}

.ribbon-picker_picker__listItem__ym2vb {
    color: var(--color_fg_default);
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    height: 2.5rem;
    border-bottom: 1px solid var(--color_border_bold);
    padding: .75rem 1rem
}

.ribbon-picker_picker__listItem__ym2vb:last-child {
    border-bottom: unset
}

.ribbon-picker_picker__listItem__ym2vb:hover {
    cursor: pointer
}

.ribbon-picker_picker__listItem__ym2vb[data-active=true] {
    color: var(--color_fg_bold);
    font-weight: 500
}

.ribbon-picker_picker__listItem__ym2vb[data-active=true] .ribbon-picker_picker__listItem__label__J4Fuv:before {
    position: absolute;
    content: "";
    display: inline-block;
    vertical-align: middle;
    right: -.75rem;
    height: .375rem;
    width: .375rem;
    background-color: var(--color_fg_selected);
    border-radius: 50%
}

.ribbon-picker_picker__listItem__ym2vb:focus-visible {
    background-color: var(--color_bg_layer_bold)
}

.ribbon-picker_picker__listItem__ym2vb svg {
    height: 1rem;
    width: 1rem
}

.ribbon-picker_picker__listItem__label__J4Fuv {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem
}

.ribbon-picker_picker__shortName__yCeDE {
    position: relative;
    font-weight: 500;
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: .75rem
}

@media only screen and (min-width: 992px) {
    .ribbon-picker_picker__shortName__yCeDE {
        display: none
    }
}

.ribbon-picker_picker__fullName__X9yj2 {
    display: none
}

@media only screen and (min-width: 992px) {
    .ribbon-picker_picker__fullName__X9yj2 {
        display: flex
    }
}

.error-banner_banner__A3IEZ {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    z-index: 1
}

.error-banner_banner__header__pF2Y_ {
    display: flex;
    align-items: center;
    gap: .75rem
}

.error-banner_banner__title__zIKem {
    width: 100%;
    margin: 0;
    color: var(--color_fg_default);
    font-size: 2rem;
    line-height: 2.5rem;
    letter-spacing: -.8px
}

html[lang=ja] .error-banner_banner__title__zIKem {
    line-height: 2.875rem
}

@media only screen and (min-width: 768px) {
    .error-banner_banner__title__zIKem {
        font-size: 2.25rem;
        line-height: 2.75rem
    }

    html[lang=ja] .error-banner_banner__title__zIKem {
        line-height: 3.125rem
    }
}

.error-banner_banner__actions___q62F {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media only screen and (min-width: 576px) {
    .error-banner_banner__actions___q62F {
        flex-direction: row
    }
}

.error-banner_banner__action__iruiL {
    width: -moz-fit-content;
    width: fit-content
}

.error-banner_banner__actionLabel__k5dUg {
    display: flex;
    padding: .75rem 2rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    align-self: stretch;
    border-radius: .375rem;
    background: var(--color_bg_button_primary);
    color: var(--color_fg_on_button_primary);
    font-size: 1rem;
    line-height: 1.5rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .2px
}

html[lang=ja] .error-banner_banner__actionLabel__k5dUg {
    line-height: 1.875rem
}

@media only screen and (min-width: 768px) {
    .error-banner_banner__actionLabel__k5dUg {
        width: -moz-fit-content;
        width: fit-content
    }
}

.error-banner_banner__actionIcon__nVcr9 {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: .75rem;
    width: .75rem
}

.error-banner_banner__actionIcon__nVcr9 svg {
    height: .75rem;
    width: .75rem;
    fill: var(--color_fg_on_button_primary)
}

@media only screen and (min-width: 768px) {
    .error-banner_banner__actionIcon__nVcr9 {
        height: 1rem;
        width: 1rem
    }

    .error-banner_banner__actionIcon__nVcr9 svg {
        height: .875rem;
        width: .875rem
    }
}

@font-face {
    font-family: __JapaneseFont_4d1e98;
    src: url(/_next/static/media/8f79b5d43ab6c157-s.p.otf) format("opentype");
    font-display: swap;
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: __JapaneseFont_4d1e98;
    src: url(/_next/static/media/ecb3937a6c50da62-s.p.otf) format("opentype");
    font-display: swap;
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: __JapaneseFont_4d1e98;
    src: url(/_next/static/media/6a4f0eb6d9723919-s.p.otf) format("opentype");
    font-display: swap;
    font-weight: 600;
    font-style: normal
}

@font-face {
    font-family: __JapaneseFont_Fallback_4d1e98;
    src: local("Arial");
    ascent-override: 110.24%;
    descent-override: 27.37%;
    line-gap-override: 0.00%;
    size-adjust: 105.22%
}

.__className_4d1e98 {
    font-family: __JapaneseFont_4d1e98, __JapaneseFont_Fallback_4d1e98
}

.__variable_4d1e98 {
    --font-japanese: "__JapaneseFont_4d1e98", "__JapaneseFont_Fallback_4d1e98"
}

.card-tabs_cardTabs__container__tWFYg {
    grid-column: 1/-1;
    display: flex;
    height: 100%;
    width: 100%;
    max-height: -moz-fit-content;
    max-height: fit-content;
    flex-direction: column;
    row-gap: .5rem;
    cursor: default
}

.card-tabs_cardTabs__title__ihIdl {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: .25rem;
    text-transform: uppercase;
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .24px
}

.card-tabs_cardTabs__isRuz {
    position: relative;
    grid-column: span 6;
    display: flex;
    height: 100%;
    width: 100%;
    flex-direction: column;
    border-radius: .5rem;
    border: 1px solid var(--color_border_bold);
    background: var(--color_bg_layer_alternate);
    overflow: hidden
}

.card-tabs_cardTabs__tabList__V1J4h {
    position: relative;
    display: flex;
    border-bottom: 1px solid var(--color_border_bold);
    height: 2.5rem;
    flex-shrink: 0
}

.card-tabs_cardTab__title__BpK67 {
    position: relative;
    display: flex;
    align-items: center;
    gap: .25rem;
    text-transform: uppercase;
    padding: .5rem .75rem;
    border-bottom: .125rem solid transparent;
    color: var(--color_fg_default);
    font-size: .75rem;
    line-height: 1.125rem;
    font-weight: 500;
    letter-spacing: .24px;
    cursor: pointer
}

.card-tabs_cardTab__title__BpK67[data-selected=true] {
    color: var(--color_fg_selected);
    border-bottom: .125rem solid var(--color_border_selected)
}

.card-tabs_cardTab__title__BpK67[data-focus-visible]:after {
    content: "";
    position: absolute;
    inset: 4px;
    border-radius: .125rem;
    border: 1px solid var(--color_border_selected)
}

.card-tabs_cardTab__title__full__e0FXu {
    display: none
}

@media only screen and (min-width: 768px) {
    .card-tabs_cardTab__title__full__e0FXu {
        display: flex
    }

    .card-tabs_cardTab__title__compact__mSWcH {
        display: none
    }
}

.card-tabs_cardTabs__actionButtons__HHv2n {
    position: absolute;
    right: .75rem;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    height: 2.5rem
}

.card-tabs_cardTabs__body__6BJPp {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    overflow: hidden;
    padding: 0
}

.card-tabs_cardTabs__footer__dpKig {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 1;
    padding: .25rem 1rem;
    border-top: 1px solid var(--color_border_bold)
}

.card-tabs_indicator__qcr0u {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: .5rem 1rem;
    gap: .25rem;
    font-size: .875rem;
    color: var(--color_fg_default);
    border-top: 1px solid var(--color_border_bold)
}

.card-tabs_indicator__success__60cV_ {
    background-color: var(--color_bg_state_success_subtle);
    color: var(--color_fg_on_state_success_subtle);
    flex-direction: row;
    align-items: center;
    gap: .5rem
}

.card-tabs_indicator__error__3hfcn {
    background-color: var(--color_bg_state_danger_subtle);
    color: var(--color_fg_on_state_danger_subtle)
}

.card-tabs_indicator__warning__4Jp2k {
    background-color: var(--color_bg_state_caution_subtle);
    color: var(--color_fg_on_state_caution_subtle)
}

.card-tabs_modal__qJcsB {
    justify-content: center;
    align-items: center
}

.card-tabs_dialog__Xofme, .card-tabs_modal__qJcsB {
    display: flex;
    flex-direction: column;
    width: 100%;
    overflow: hidden
}

.card-tabs_dialog__Xofme {
    height: 100%;
    max-width: 84rem;
    z-index: 300;
    cursor: pointer
}

.card_cardHeadline__title__9QO4z {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: .25rem;
    text-transform: uppercase;
    padding: .5rem 0;
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .24px
}

.card_cardHeadline__title__9QO4z * {
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit
}

@media only screen and (min-width: 768px) {
    .card_cardHeadline__title__9QO4z {
        grid-column: span 12;
        scroll-margin-top: 8rem
    }
}

.card_cardHeadline__titleTag__LVdY8 {
    color: var(--color_fg_default);
    opacity: .64
}

.card_cardHeadline__description__9pwsY {
    grid-column: span 6;
    width: 100%;
    color: var(--color_fg_default);
    display: flex;
    flex-direction: column;
    gap: .625rem;
    font-size: .875rem;
    line-height: 1.375rem;
    margin-bottom: .5rem
}

.card_cardHeadline__description__9pwsY strong {
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .card_cardHeadline__description__9pwsY {
        grid-column: span 12;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

.card_card__20sau {
    isolation: isolate;
    grid-column: span 6;
    display: flex;
    flex: 1 1;
    flex-direction: column;
    border-radius: .5rem;
    border: 1px solid var(--color_border_bold);
    background: var(--color_bg_code-editor);
    overflow: hidden
}

.card_card__20sau[data-type=output] {
    background: var(--color_bg_layer_alternate)
}

.card_card__20sau[data-frameless=true] {
    border-radius: 0;
    border: none
}

.card_card__hasFullWidth__rVCj4 {
    grid-column: 1/-1
}

.card_card__hasFullHeight__SMWCO {
    height: 100%
}

.card_card__exampleBar__n_t9E {
    padding: 1rem;
    height: 3.5rem;
    background-color: var(--color_bg_layer)
}

.card_card__exampleBar__n_t9E, .card_card__headline__AWfE_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--color_border_bold);
    gap: .25rem;
    text-transform: uppercase
}

.card_card__headline__AWfE_ {
    flex-shrink: 0;
    padding: .5rem 1rem;
    height: 3rem
}

.card_card__fullTitle__DeUJd {
    display: none
}

@media only screen and (min-width: 430px) {
    .card_card__fullTitle__DeUJd {
        display: block
    }
}

@media only screen and (min-width: 768px) {
    .card_card__fullTitle__DeUJd {
        display: none
    }
}

@media only screen and (min-width: 900px) {
    .card_card__fullTitle__DeUJd {
        display: block
    }
}

@media only screen and (min-width: 430px) {
    .card_card__compactTitle__28zRV {
        display: none
    }
}

@media only screen and (min-width: 768px) {
    .card_card__compactTitle__28zRV {
        display: block
    }
}

@media only screen and (min-width: 900px) {
    .card_card__compactTitle__28zRV {
        display: none
    }
}

.card_card__titleKey__KoTOv {
    font-style: normal
}

.card_card__titleKey__KoTOv, .card_card__titleValue__IW8zh {
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .24px;
    text-transform: uppercase
}

.card_card__action__jj26Q {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-shrink: 0;
    padding: .25rem 1rem;
    height: 3.5rem;
    border-top: 1px solid var(--color_border_bold)
}

.card_card__body__Xb_oa {
    display: flex;
    flex: 1 1;
    flex-direction: column;
    padding: 1rem;
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    min-height: 4rem
}

.card_card__body__Xb_oa[data-no-padding] {
    padding: 0
}

.card_card__body__buttons__Z03J7 {
    position: absolute;
    top: .5rem;
    right: 1rem;
    z-index: 2
}

.card_card__status__HyHXD {
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: .5rem 1rem;
    gap: .25rem;
    font-size: .875rem;
    line-height: 1.375rem;
    color: var(--color_fg_default);
    border-top: 1px solid var(--color_border_bold)
}

.card_card__success__ifJEa {
    background-color: var(--color_bg_state_success_subtle)
}

.card_card__success__ifJEa a, .card_card__success__ifJEa code, .card_card__success__ifJEa p, .card_card__success__ifJEa span, .card_card__success__ifJEa strong {
    color: var(--color_fg_on_state_success_subtle)
}

.card_card__error__4vri_ {
    background-color: var(--color_bg_state_danger_subtle)
}

.card_card__error__4vri_ a, .card_card__error__4vri_ code, .card_card__error__4vri_ p, .card_card__error__4vri_ span, .card_card__error__4vri_ strong {
    color: var(--color_fg_on_state_danger_subtle)
}

.card_card__warning__tp1_J {
    background-color: var(--color_bg_state_caution_subtle)
}

.card_card__warning__tp1_J a, .card_card__warning__tp1_J code, .card_card__warning__tp1_J p, .card_card__warning__tp1_J span, .card_card__warning__tp1_J strong {
    color: var(--color_fg_on_state_caution_subtle)
}

.card_cardTabs__actionButtons__rZ9_i {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.card-message_code__QxAyG, .card-message_p__Z0wMx, .card-message_span__lQ5Q0 {
    font-size: .75rem;
    line-height: 1.125rem
}

.card-message_strong__s2P5G {
    font-weight: 600
}

.card-message_a__kG_S8 {
    text-decoration: underline
}

.card-message_a__kG_S8:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/77ce01c003603e77-s.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/ccd5f404b5d91fc0-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/78bcd7d80ba05af5-s.woff2) format("woff2");
    unicode-range: u+0370 -0377, u+037a-037f, u+0384 -038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/a9ae0bb0e1e9484e-s.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+0300 -0301, u+0303 -0304, u+0308 -0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/5269767769affeeb-s.p.woff2) format("woff2");
    unicode-range: u+0100 -02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/_next/static/media/0a7d1127b1849c3a-s.p.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000 -206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/77ce01c003603e77-s.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/ccd5f404b5d91fc0-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/78bcd7d80ba05af5-s.woff2) format("woff2");
    unicode-range: u+0370 -0377, u+037a-037f, u+0384 -038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/a9ae0bb0e1e9484e-s.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+0300 -0301, u+0303 -0304, u+0308 -0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/5269767769affeeb-s.p.woff2) format("woff2");
    unicode-range: u+0100 -02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(/_next/static/media/0a7d1127b1849c3a-s.p.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000 -206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/77ce01c003603e77-s.woff2) format("woff2");
    unicode-range: u+0460 -052f, u+1c80-1c8a, u+20b4, u+2de0-2dff, u+a640-a69f, u+fe2e-fe2f
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/ccd5f404b5d91fc0-s.woff2) format("woff2");
    unicode-range: u+0301, u+0400 -045f, u+0490 -0491, u+04b0-04b1, u+2116
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/78bcd7d80ba05af5-s.woff2) format("woff2");
    unicode-range: u+0370 -0377, u+037a-037f, u+0384 -038a, u+038c, u+038e-03a1, u+03a3-03ff
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/a9ae0bb0e1e9484e-s.woff2) format("woff2");
    unicode-range: u+0102 -0103, u+0110 -0111, u+0128 -0129, u+0168 -0169, u+01a0-01a1, u+01af-01b0, u+0300 -0301, u+0303 -0304, u+0308 -0309, u+0323, u+0329, u+1ea0-1ef9, u+20ab
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/5269767769affeeb-s.p.woff2) format("woff2");
    unicode-range: u+0100 -02ba, u+02bd-02c5, u+02c7-02cc, u+02ce-02d7, u+02dd-02ff, u+0304, u+0308, u+0329, u+1d00-1dbf, u+1e00-1e9f, u+1ef2-1eff, u+2020, u+20a0-20ab, u+20ad-20c0, u+2113, u+2c60-2c7f, u+a720-a7ff
}

@font-face {
    font-family: __Roboto_Mono_d58ab2;
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url(/_next/static/media/0a7d1127b1849c3a-s.p.woff2) format("woff2");
    unicode-range: u+00 ? ?, u+0131, u+0152 -0153, u+02bb-02bc, u+02c6, u+02da, u+02dc, u+0304, u+0308, u+0329, u+2000 -206f, u+20ac, u+2122, u+2191, u+2193, u+2212, u+2215, u+feff, u+fffd
}

@font-face {
    font-family: __Roboto_Mono_Fallback_d58ab2;
    src: local("Arial");
    ascent-override: 77.84%;
    descent-override: 20.13%;
    line-gap-override: 0.00%;
    size-adjust: 134.61%
}

.__className_d58ab2 {
    font-family: __Roboto_Mono_d58ab2, __Roboto_Mono_Fallback_d58ab2;
    font-style: normal
}

.__variable_d58ab2 {
    --font-mono: "__Roboto_Mono_d58ab2", "__Roboto_Mono_Fallback_d58ab2"
}

.not-found_container__CDC4q {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--color_bg_auth0-cta)
}

.not-found_container__CDC4q:before {
    position: absolute;
    bottom: 0;
    right: 0;
    content: "";
    width: 100%;
    height: 100%;
    background: url(https://cdn.auth0.com/website/passkeys-playground/assets/cta-mobile.png) no-repeat;
    background-size: cover
}

@media only screen and (min-width: 480px) {
    .not-found_container__CDC4q:before {
        background: url(https://cdn.auth0.com/website/passkeys-playground/assets/cta-mobile.png) no-repeat;
        background-size: cover
    }
}

@media only screen and (min-width: 768px) {
    .not-found_container__CDC4q:before {
        background: url(/images/auth0-background.svg) no-repeat 100%;
        background-size: cover
    }
}

@media only screen and (min-width: 992px) {
    .not-found_container__CDC4q {
        background: unset;
        min-height: 40rem
    }

    .not-found_container__CDC4q:before {
        background: none
    }

    .not-found_container__CDC4q:after {
        display: none;
        background: none
    }
}

.not-found_wrapper__RI60t {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto;
    position: relative;
    justify-content: center;
    border-radius: 0;
    overflow: hidden
}

@media only screen and (min-width: 1400px) {
    .not-found_wrapper__RI60t {
        border-radius: 1.5rem
    }
}

.not-found_content__r88_w {
    display: flex;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    position: relative;
    padding: 3rem 0
}

@media only screen and (min-width: 768px) {
    .not-found_content__r88_w {
        width: calc(100% - 4rem)
    }
}

@media only screen and (min-width: 1200px) {
    .not-found_content__r88_w {
        width: calc(100% - 128px)
    }
}

@media only screen and (min-width: 576px) {
    .not-found_content__r88_w {
        column-gap: 0
    }
}

@media only screen and (min-width: 992px) {
    .not-found_content__r88_w {
        background: var(--color_bg_auth0-cta);
        padding: 2rem 2.5rem;
        border-radius: 1rem;
        overflow: hidden
    }

    .not-found_content__r88_w:before {
        position: absolute;
        bottom: 0;
        right: 0;
        content: "";
        width: 100%;
        height: 100%;
        background-size: contain;
        background: url(/images/auth0-background.svg) no-repeat 100% 100%;
        background-size: cover
    }
}

.json-viewer_container__iN5PA {
    flex: 1 1;
    position: relative;
    font-size: .875rem;
    overflow-y: scroll;
    overflow-x: auto;
    padding: 1rem
}

.json-viewer_container__iN5PA pre {
    line-height: 1.375rem;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all
}

.json-viewer_container__iN5PA::-webkit-scrollbar {
    width: .75rem;
    height: .75rem
}

.json-viewer_container__iN5PA::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2rem transparent;
    cursor: pointer !important
}

.json-viewer_container__iN5PA::-webkit-scrollbar-thumb {
    border: .25rem solid transparent;
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: var(--color_bg_scrollbar)
}

.json-viewer_container__iN5PA::-webkit-scrollbar-corner {
    background-color: transparent
}

.json-viewer_snippet__ba8SN::-webkit-scrollbar {
    width: .75rem;
    height: .75rem
}

.json-viewer_snippet__ba8SN::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2rem transparent;
    cursor: pointer !important
}

.json-viewer_snippet__ba8SN::-webkit-scrollbar-thumb {
    border: .25rem solid transparent;
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: var(--color_bg_scrollbar)
}

.json-viewer_snippet__ba8SN::-webkit-scrollbar-corner {
    background-color: transparent
}

.json-viewer_line__dY_V_ {
    position: relative
}

.json-viewer_button__gA0uW {
    cursor: help;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    background: none;
    outline: none;
    border: none;
    border-bottom: 1px dotted var(--color_border_state_info);
    font-size: .875rem
}

.json-viewer_propertyTooltip__WuqXu {
    border-radius: 4px;
    background: var(--color_bg_state_info_subtle);
    color: var(--color_fg_on_state_info_subtle);
    border: 1px solid var(--color_border_state_info);
    font-size: .75rem;
    line-height: 1.25rem;
    forced-color-adjust: none;
    outline: none;
    padding: 2px 8px;
    max-width: 150px;
    transform: translateZ(0);
    transition: transform .2s, opacity .2s
}

.json-viewer_propertyTooltip__WuqXu[data-entering], .json-viewer_propertyTooltip__WuqXu[data-exiting] {
    transform: var(--origin);
    opacity: 0
}

.json-viewer_propertyTooltip__WuqXu[data-placement=top] {
    margin-bottom: 8px;
    --origin: translateY(4px)
}

.json-viewer_propertyTooltip__WuqXu[data-placement=bottom] {
    margin-top: 8px;
    --origin: translateY(-4px)
}

.json-viewer_propertyTooltip__WuqXu[data-placement=bottom] .json-viewer_react-aria-OverlayArrow__yp_ID svg {
    transform: rotate(180deg)
}

.json-viewer_propertyTooltip__WuqXu[data-placement=right] {
    margin-left: 8px;
    --origin: translateX(-4px)
}

.json-viewer_propertyTooltip__WuqXu[data-placement=right] .json-viewer_react-aria-OverlayArrow__yp_ID svg {
    transform: rotate(90deg)
}

.json-viewer_propertyTooltip__WuqXu[data-placement=left] {
    margin-right: 8px;
    --origin: translateX(4px)
}

.json-viewer_propertyTooltip__WuqXu[data-placement=left] .json-viewer_react-aria-OverlayArrow__yp_ID svg {
    transform: rotate(-90deg)
}

.claims_table__k_ZxI {
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    overflow-y: auto;
    overflow-x: auto
}

.claims_table__k_ZxI::-webkit-scrollbar {
    width: .75rem;
    height: .75rem
}

.claims_table__k_ZxI::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2rem transparent;
    cursor: pointer !important
}

.claims_table__k_ZxI::-webkit-scrollbar-thumb {
    border: .25rem solid transparent;
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: var(--color_bg_scrollbar)
}

.claims_table__k_ZxI::-webkit-scrollbar-corner {
    background-color: transparent
}

@media only screen and (min-width: 768px) {
    .claims_table__k_ZxI {
        grid-template-columns:repeat(12, 1fr)
    }
}

.claim_row__vvzMC {
    position: relative;
    grid-column: 1/-1;
    display: grid;
    grid-template-columns:subgrid;
    border-bottom: 1px solid var(--color_border_bold)
}

.claim_row__vvzMC:last-child {
    border-bottom: unset
}

.claim_cell__ljnkZ {
    padding: .5rem 1rem;
    border-bottom: 1px solid var(--color_border_bold)
}

.claim_cell__ljnkZ:last-child {
    border-bottom: unset
}

@media only screen and (min-width: 768px) {
    .claim_cell__ljnkZ {
        border-right: 1px solid var(--color_border_bold);
        border-bottom: unset
    }

    .claim_cell__ljnkZ:last-child {
        border-right: unset
    }
}

.claim_field__gMGH5 {
    grid-column: span 6;
    display: flex;
    align-items: center;
    text-wrap: wrap;
    overflow: hidden;
    word-break: break-all;
    color: var(--color_jwt_payload);
    background-color: var(--color_bg_layer_alternate-bold);
    font-size: .75rem;
    line-height: 1.125rem;
    font-style: normal
}

@media only screen and (min-width: 768px) {
    .claim_field__gMGH5 {
        grid-column: span 3
    }
}

.claim_value__Jl9Qg {
    grid-column: span 6;
    display: flex;
    text-wrap: wrap;
    overflow: hidden;
    word-break: break-all;
    max-height: 8rem;
    overflow-y: auto;
    overflow-x: auto
}

@media only screen and (min-width: 768px) {
    .claim_value__Jl9Qg {
        grid-column: span 4
    }

    .claim_value__Jl9Qg[data-full-width=true] {
        grid-column: span 9
    }
}

.claim_value__Jl9Qg::-webkit-scrollbar {
    width: .75rem;
    height: .75rem
}

.claim_value__Jl9Qg::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2rem transparent;
    cursor: pointer !important
}

.claim_value__Jl9Qg::-webkit-scrollbar-thumb {
    border: .25rem solid transparent;
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: var(--color_bg_scrollbar)
}

.claim_value__Jl9Qg::-webkit-scrollbar-corner {
    background-color: transparent
}

.claim_value__text__bGSSo {
    word-break: break-word
}

.claim_value__code__Pd9HK, .claim_value__text__bGSSo {
    margin: auto 0;
    font-size: .75rem;
    line-height: 1.125rem
}

.claim_description__16KAX {
    grid-column: span 6;
    flex-wrap: wrap;
    text-wrap: wrap;
    overflow: hidden;
    padding: .5rem;
    display: block
}

@media only screen and (min-width: 768px) {
    .claim_description__16KAX {
        grid-column: span 5
    }
}

.claim_message__5wbtn {
    grid-column: 1/-1;
    display: flex;
    text-wrap: wrap;
    overflow: hidden;
    word-break: break-word;
    max-height: 8rem;
    overflow-y: auto;
    margin: auto 0;
    font-size: .75rem;
    line-height: 1.25rem
}

.claim_message__5wbtn[data-type=warning] {
    background-color: var(--color_bg_state_caution_subtle);
    color: var(--color_fg_on_state_caution_subtle)
}

.claim_message__5wbtn[data-type=info] {
    background-color: var(--color_bg_state_info_subtle);
    color: var(--color_fg_on_state_info_subtle)
}

.card-toolbar_container__tPf0h {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: .5rem
}

.card-toolbar-button_button__standard__Rn2qO {
    gap: .75rem;
    border-radius: .25rem;
    border: 1px solid var(--color_border_button);
    color: var(--color_fg_on_button_subtle);
    font-variant-numeric: slashed-zero;
    font-feature-settings: "clig" off, "liga" off, "zero";
    background-color: transparent;
    text-transform: uppercase;
    cursor: pointer;
    letter-spacing: .2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    padding: 0 .75rem;
    width: 5rem;
    height: 2rem;
    font-size: .875rem;
    line-height: 1.375rem
}

.card-toolbar-button_button__standard__Rn2qO[aria-disabled=true] {
    opacity: .48;
    cursor: not-allowed
}

.card-toolbar-button_button__standard__Rn2qO[data-style=compact] {
    padding: .125rem .375rem;
    width: unset;
    height: unset;
    font-size: .75rem;
    line-height: 1.25rem
}

.card-toolbar-button_button__standard__Rn2qO svg {
    height: 1rem;
    width: 1rem
}

.card-toolbar-button_button__standard__Rn2qO:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

.card-toolbar-button_button__icon__pELvP {
    gap: .75rem;
    border-radius: .25rem;
    border: none;
    color: var(--color_fg_on_button_subtle);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    width: 1.75rem;
    height: 1.75rem
}

.card-toolbar-button_button__icon__pELvP[aria-disabled=true] {
    opacity: .48;
    cursor: not-allowed
}

.card-toolbar-button_button__icon__pELvP svg {
    height: 1rem;
    width: 1rem
}

.card-toolbar-button_button__icon__pELvP:hover {
    background-color: var(--color_bg_layer_alternate-bold)
}

.card-toolbar-button_button__icon__pELvP:hover svg {
    stroke: var(--color_fg_selected)
}

.card-toolbar-button_button__icon__pELvP:focus-visible {
    outline: solid 1px var(--color_border_focus);
    border-radius: .125rem
}

.editor_container__oankr {
    position: relative;
    text-align: left;
    box-sizing: border-box;
    padding: 0;
    overflow: hidden;
    flex: 1 1;
    overflow-y: auto
}

.editor_container__oankr::-webkit-scrollbar {
    width: .75rem;
    height: .75rem
}

.editor_container__oankr::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2rem transparent;
    cursor: pointer !important
}

.editor_container__oankr::-webkit-scrollbar-thumb {
    border: .25rem solid transparent;
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: var(--color_bg_scrollbar)
}

.editor_container__oankr::-webkit-scrollbar-corner {
    background-color: transparent
}

.token-decoder-signature-validation_container__OaHBu {
    display: flex;
    flex-direction: column;
    transition: background-color .13s ease-in-out;
    padding: .5rem 1rem;
    font-size: .75rem;
    line-height: 1.125rem
}

.token-decoder-signature-validation_valid__kQV82 {
    background-color: var(--color_bg_state_success_subtle);
    color: var(--color_fg_on_state_success_subtle)
}

.token-decoder-signature-validation_invalid__Xmi7y {
    background-color: var(--color_bg_state_danger_subtle);
    color: var(--color_fg_on_state_danger_subtle)
}

.token-decoder-signature-validation_warning___yKti {
    background-color: var(--color_bg_state_caution_subtle);
    color: var(--color_fg_on_state_caution_subtle)
}

.jwt-input_headline__slhJn {
    grid-column: 1/-1;
    display: flex;
    align-items: center;
    gap: .25rem;
    text-transform: uppercase;
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .24px
}

.token-decoder-encoding-format-picker_container__S7xdS {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem
}

@media only screen and (min-width: 768px) {
    .token-decoder-encoding-format-picker_container__S7xdS {
        align-self: unset
    }
}

.token-decoder-encoding-format-picker_label__cF01B {
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .1px
}

.token-decoder-encoding-format-picker_select__IdaT0 {
    display: flex;
    padding: .125rem 1.75rem .125rem .875rem;
    align-items: center;
    gap: .75rem;
    align-self: stretch;
    border-radius: .25rem;
    border: 1px solid var(--color_border_button);
    color: var(--color_fg_default);
    font-variant-numeric: slashed-zero;
    font-feature-settings: "clig" off, "liga" off, "zero";
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: .2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
    background-color: transparent
}

.token-decoder-encoding-format-picker_icon__TrmUz {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-40%)
}

.token-decoder-encoding-format-picker_icon__TrmUz svg {
    height: 1rem;
    width: 1rem
}

.token-decoder-encoding-format-picker_icon__TrmUz svg path {
    fill: var(--color_fg_default)
}

@media only screen and (min-width: 768px) {
    .token-decoder-encoding-format-picker_icon__TrmUz {
        transform: translateY(-45%)
    }

    .token-decoder-encoding-format-picker_icon__TrmUz svg {
        height: 1.25rem;
        width: 1.25rem
    }
}

.debugger-picker_picker__tD1T4 {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: transparent;
    border: none;
    color: var(--color_fg_bold);
    cursor: pointer;
    gap: .75rem
}

@media only screen and (min-width: 992px) {
    .debugger-picker_picker__tD1T4[data-has-label=true] {
        width: 100%
    }
}

.debugger-picker_picker__label__DqdkU {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    list-style-type: none;
    margin: 0;
    gap: .5rem;
    font-size: .8125rem;
    line-height: 1.3125rem;
    letter-spacing: -.05px;
    width: 100%;
    height: 100%
}

.debugger-picker_picker__label__DqdkU svg {
    stroke: var(--color_fg_bold)
}

.debugger-picker_picker__fullName__7tmbi {
    display: flex
}

.library-results__content__WaKsN {
    display: grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    grid-column-gap: 1rem;
    column-gap: 1rem;
    width: calc(100% - 2rem);
    max-width: 1312px;
    grid-row-gap: 1rem;
    margin: 0 auto 2rem
}

@media only screen and (min-width: 768px) {
    .library-results__content__WaKsN {
        width: calc(100% - 4rem);
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }
}

@media only screen and (min-width: 1200px) {
    .library-results__content__WaKsN {
        width: calc(100% - 128px)
    }
}

@media only screen and (min-width: 1400px) {
    .library-results__content__WaKsN {
        column-gap: 2rem
    }
}

.library-results__grid__3_Klx {
    grid-column: 1/-1;
    display: grid;
    grid-template-columns:repeat(1, 1fr);
    grid-gap: 2rem;
    gap: 2rem
}

@media only screen and (min-width: 768px) {
    .library-results__grid__3_Klx {
        grid-template-columns:repeat(2, 1fr);
        gap: 1rem
    }
}

@media only screen and (min-width: 1200px) {
    .library-results__grid__3_Klx {
        grid-template-columns:repeat(3, 1fr);
        gap: 2rem
    }
}

.library-card__container__zpxtc {
    grid-column: span 1;
    display: flex;
    flex-direction: column;
    border-radius: 1rem;
    border: 1px solid var(--color_border_bold);
    overflow: hidden
}

.library-card__header__XqQjv {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    color: var(--color_fg_bold);
    font-size: 1rem;
    font-style: normal;
    line-height: 1.25rem;
    border-bottom: 1px solid var(--color_border_bold);
    background: var(--color_bg_layer_alternate)
}

.library-card__logo__xLNQQ {
    border: 1px solid var(--color_border_bold);
    border-radius: 50%;
    padding: .25rem;
    background: #fff
}

.library-card__content__LNMnf {
    display: grid;
    grid-template-columns:repeat(2, 1fr);
    padding: 1.5rem;
    border-bottom: 1px solid var(--color_border_bold);
    background: var(--color_bg_layer_alternate)
}

.library-card__minVersion__DhkMA {
    grid-column: 1/-1;
    background-color: var(--color_bg_state_caution_subtle);
    color: var(--color_fg_on_state_caution_subtle);
    padding: .5rem 1.5rem;
    text-transform: uppercase;
    font-size: .75rem;
    letter-spacing: .2px;
    display: flex;
    justify-content: space-between
}

.library-card__minVersion__resourceLabel__Oz3bA {
    text-transform: none;
    text-decoration: underline;
    letter-spacing: 0
}

.library-card__algs__bd9MF, .library-card__config__5DvDs {
    display: flex;
    flex-direction: column;
    list-style-type: none;
    gap: .75rem
}

.library-card__algs__bd9MF li, .library-card__config__5DvDs li {
    height: 1.5rem
}

.library-card__algs__bd9MF li code, .library-card__config__5DvDs li code {
    padding: 1px .125rem;
    border-radius: .125rem;
    color: var(--color_code_dark_blue);
    background-color: var(--color_bg_layer_bold);
    font-size: .875rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem
}

.library-card__listItem__p9sbS {
    display: flex;
    align-items: center;
    gap: .5rem;
    color: var(--color_fg_default)
}

.library-card__metadata__RIHw_ {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid var(--color_border_bold);
    background: var(--color_bg_layer_alternate);
    color: var(--color_fg_default);
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: .18px
}

.library-card__metadata__RIHw_ svg path {
    fill: var(--color_fg_default)
}

.library-card__author__Trh_w {
    display: flex
}

.library-card__author__name__tUMkL {
    display: flex;
    align-items: center;
    line-height: 0;
    gap: .25rem
}

.library-card__repo__ASrPa {
    display: flex;
    gap: 1rem
}

.library-card__repo__stars__WJUG7, .library-card__repo__url__Jpbkw {
    display: flex;
    align-items: center;
    line-height: 0;
    gap: .25rem
}

.library-card__command__s_kAR {
    flex: 1 1;
    display: flex;
    flex-direction: column;
    padding: 1.5rem;
    background: var(--color_bg_code-editor);
    color: var(--color_code_inverse);
    text-wrap: wrap;
    overflow: hidden;
    word-break: break-word;
    font-size: .75rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem
}

.widget-textarea_input__SwHZ7 {
    height: 100%;
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    padding: 1rem;
    background: transparent;
    border: none;
    resize: none;
    color: var(--color_fg_default)
}

.widget-textarea_input__SwHZ7:focus-visible {
    outline: 1px solid var(--color_border_focus) !important;
    outline-offset: -1px !important;
    z-index: 1 !important;
    border-radius: .125rem
}

.widget-textarea_input__SwHZ7:disabled {
    opacity: .48;
    cursor: not-allowed
}

.widget-textarea_input__SwHZ7::-webkit-scrollbar {
    width: .75rem;
    height: .75rem
}

.widget-textarea_input__SwHZ7::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2rem transparent;
    cursor: pointer !important
}

.widget-textarea_input__SwHZ7::-webkit-scrollbar-thumb {
    border: .25rem solid transparent;
    background-clip: padding-box;
    border-radius: 9999px;
    background-color: var(--color_bg_scrollbar)
}

.widget-textarea_input__SwHZ7::-webkit-scrollbar-corner {
    background-color: transparent
}

.token-decoder-key-format-picker_container__v6FAg {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem
}

@media only screen and (min-width: 768px) {
    .token-decoder-key-format-picker_container__v6FAg {
        align-self: unset
    }
}

.token-decoder-key-format-picker_label__o4vme {
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .1px
}

.token-decoder-key-format-picker_select__Aw7bt {
    display: flex;
    padding: .125rem 1.75rem .125rem .875rem;
    align-items: center;
    gap: .75rem;
    align-self: stretch;
    border-radius: .25rem;
    border: 1px solid var(--color_border_button);
    color: var(--color_fg_default);
    font-variant-numeric: slashed-zero;
    font-feature-settings: "clig" off, "liga" off, "zero";
    font-size: .875rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: .2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
    background-color: transparent
}

.token-decoder-key-format-picker_icon__C0WvR {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-40%)
}

.token-decoder-key-format-picker_icon__C0WvR svg {
    height: 1rem;
    width: 1rem
}

.token-decoder-key-format-picker_icon__C0WvR svg path {
    fill: var(--color_fg_default)
}

@media only screen and (min-width: 768px) {
    .token-decoder-key-format-picker_icon__C0WvR {
        transform: translateY(-45%)
    }

    .token-decoder-key-format-picker_icon__C0WvR svg {
        height: 1.25rem;
        width: 1.25rem
    }
}

.widget_content__Ug4sj {
    display: grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    grid-column-gap: 1rem;
    column-gap: 1rem;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    grid-row-gap: .5rem
}

@media only screen and (min-width: 768px) {
    .widget_content__Ug4sj {
        width: calc(100% - 4rem);
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }
}

@media only screen and (min-width: 1200px) {
    .widget_content__Ug4sj {
        width: calc(100% - 128px)
    }
}

@media only screen and (min-width: 1400px) {
    .widget_content__Ug4sj {
        column-gap: 2rem
    }
}

.widget_content__input__JGN_B, .widget_content__output__B9K8P {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
    gap: .5rem
}

.widget_grid__title__CvcOx {
    grid-column: 1/-1;
    width: 100%;
    color: var(--color_fg_bold);
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -.8px;
    display: flex;
    justify-content: space-between
}

html[lang=ja] .widget_grid__title__CvcOx {
    font-size: 1.125rem;
    line-height: 1.625rem
}

@media only screen and (min-width: 768px) {
    .widget_grid__title__CvcOx {
        scroll-margin-top: 7rem;
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

.widget_input__description__MtjuF {
    grid-column: span 6;
    width: 100%;
    color: var(--color_fg_default);
    display: flex;
    flex-direction: column;
    gap: .625rem;
    row-gap: .25rem;
    font-size: .875rem;
    line-height: 1.375rem
}

.widget_input__description__MtjuF strong {
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .widget_input__description__MtjuF {
        grid-column: span 12;
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

.debugger-alg-picker_picker__ahHIt {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: .5rem;
    height: 2rem
}

@media only screen and (min-width: 768px) {
    .debugger-alg-picker_picker__ahHIt {
        justify-content: center
    }
}

.debugger-alg-picker_container__5kM6x {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem;
    align-self: flex-end;
    height: 100%;
    width: -moz-fit-content;
    width: fit-content;
    flex-shrink: 0
}

@media only screen and (min-width: 768px) {
    .debugger-alg-picker_container__5kM6x {
        align-self: unset
    }
}

.debugger-alg-picker_button__r6jfj {
    color: var(--color_fg_on_button);
    background-color: var(--color_bg_button);
    font-size: .75rem;
    line-height: 1.25rem;
    letter-spacing: .1px;
    outline: none;
    border: 1px solid var(--color_border_inverse_static);
    padding: .25rem .5rem;
    border-radius: .25rem;
    cursor: pointer
}

.debugger-alg-picker_button__r6jfj:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

@media only screen and (min-width: 375px) {
    .debugger-alg-picker_button__r6jfj {
        font-size: .875rem;
        line-height: 1.375rem
    }
}

.debugger-alg-picker_label__YD6pL {
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .1px
}

.debugger-alg-picker_select__ZrxCx {
    display: flex;
    padding: .125rem 1.75rem .125rem .875rem;
    align-items: center;
    gap: .75rem;
    align-self: stretch;
    border-radius: .25rem;
    border: 1px solid var(--color_border_button);
    color: var(--color_fg_default);
    font-variant-numeric: slashed-zero;
    font-feature-settings: "clig" off, "liga" off, "zero";
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: .2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
    background-color: transparent
}

@media only screen and (min-width: 768px) {
    .debugger-alg-picker_select__ZrxCx {
        font-size: .875rem;
        padding: .25rem 2rem .25rem 1rem
    }
}

.debugger-alg-picker_icon__71laX {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-40%);
    z-index: 1
}

.debugger-alg-picker_icon__71laX svg {
    height: 1rem;
    width: 1rem
}

.debugger-alg-picker_icon__71laX svg path {
    fill: var(--color_fg_default)
}

@media only screen and (min-width: 768px) {
    .debugger-alg-picker_icon__71laX {
        transform: translateY(-45%)
    }

    .debugger-alg-picker_icon__71laX svg {
        height: 1.25rem;
        width: 1.25rem
    }
}

.debugger-alg-picker_closeButton__wDzX9 {
    display: flex;
    height: 1rem;
    width: 1rem;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    color: var(--color_fg_default);
    font-variant-numeric: slashed-zero;
    font-feature-settings: "clig" off, "liga" off, "zero";
    font-size: 1.5rem;
    line-height: 1.375rem;
    letter-spacing: .2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer
}

.debugger-alg-picker_closeButton__wDzX9 span {
    display: inline-block;
    transform: rotate(45deg)
}

.debugger-alg-picker_closeButton__wDzX9:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

.token-encoder-encoding-format-picker_container__ATbGC {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem
}

@media only screen and (min-width: 768px) {
    .token-encoder-encoding-format-picker_container__ATbGC {
        align-self: unset
    }
}

.token-encoder-encoding-format-picker_label__CO_JZ {
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .1px
}

.token-encoder-encoding-format-picker_select__0LfG0 {
    display: flex;
    padding: .125rem 1.75rem .125rem .875rem;
    align-items: center;
    gap: .75rem;
    align-self: stretch;
    border-radius: .25rem;
    border: 1px solid var(--color_border_button);
    color: var(--color_fg_default);
    font-variant-numeric: slashed-zero;
    font-feature-settings: "clig" off, "liga" off, "zero";
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: .2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
    background-color: transparent
}

.token-encoder-encoding-format-picker_icon__mktaD {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-40%)
}

.token-encoder-encoding-format-picker_icon__mktaD svg {
    height: 1rem;
    width: 1rem
}

.token-encoder-encoding-format-picker_icon__mktaD svg path {
    fill: var(--color_fg_default)
}

@media only screen and (min-width: 768px) {
    .token-encoder-encoding-format-picker_icon__mktaD {
        transform: translateY(-45%)
    }

    .token-encoder-encoding-format-picker_icon__mktaD svg {
        height: 1.25rem;
        width: 1.25rem
    }
}

.token-encoder-key-format-picker_container__y8Nts {
    position: relative;
    display: flex;
    align-items: center;
    gap: .5rem
}

@media only screen and (min-width: 768px) {
    .token-encoder-key-format-picker_container__y8Nts {
        align-self: unset
    }
}

.token-encoder-key-format-picker_label__JHD1r {
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    letter-spacing: .1px
}

.token-encoder-key-format-picker_select__iQ3Dw {
    display: flex;
    padding: .125rem 1.75rem .125rem .875rem;
    align-items: center;
    gap: .75rem;
    align-self: stretch;
    border-radius: .25rem;
    border: 1px solid var(--color_border_button);
    color: var(--color_fg_default);
    font-variant-numeric: slashed-zero;
    font-feature-settings: "clig" off, "liga" off, "zero";
    font-size: .875rem;
    line-height: 1.375rem;
    letter-spacing: .2px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    z-index: 2;
    background-color: transparent
}

.token-encoder-key-format-picker_icon__OPqFs {
    position: absolute;
    top: 50%;
    right: .5rem;
    transform: translateY(-40%)
}

.token-encoder-key-format-picker_icon__OPqFs svg {
    height: 1rem;
    width: 1rem
}

.token-encoder-key-format-picker_icon__OPqFs svg path {
    fill: var(--color_fg_default)
}

@media only screen and (min-width: 768px) {
    .token-encoder-key-format-picker_icon__OPqFs {
        transform: translateY(-45%)
    }

    .token-encoder-key-format-picker_icon__OPqFs svg {
        height: 1.25rem;
        width: 1.25rem
    }
}

.token-encoder-input_encoderCards__p0qev {
    display: none
}

@media only screen and (min-width: 768px) {
    .token-encoder-input_encoderCards__p0qev {
        display: grid;
        grid-column: span 6;
        grid-template-columns:repeat(6, 1fr);
        width: 100%;
        grid-gap: 1rem;
        gap: 1rem
    }
}

.token-encoder-input_encoderCardTabs__PpXY6 {
    grid-column: span 6;
    display: grid;
    grid-template-columns:repeat(6, 1fr);
    width: 100%;
    grid-gap: 1rem;
    gap: 1rem
}

@media only screen and (min-width: 768px) {
    .token-encoder-input_encoderCardTabs__PpXY6 {
        display: none
    }
}

.debugger-toolbar_content__8wt8U {
    display: flex;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    flex-direction: column;
    grid-row-gap: 0
}

@media only screen and (min-width: 768px) {
    .debugger-toolbar_content__8wt8U {
        width: calc(100% - 4rem)
    }
}

@media only screen and (min-width: 1200px) {
    .debugger-toolbar_content__8wt8U {
        width: calc(100% - 128px)
    }
}

.debugger-toolbar_toolbar__WOtMP {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5rem
}

.debugger-toolbar_tabs__RbSDv {
    display: flex;
    gap: 1rem;
    list-style: none
}

.debugger-toolbar_titleTab__V5EHm {
    color: var(--color_fg_bold);
    font-size: 1.5rem;
    line-height: 2.25rem;
    letter-spacing: -.8px;
    background-color: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    opacity: .48
}

.debugger-toolbar_titleTab__V5EHm[data-active=true] {
    opacity: 1
}

html[lang=ja] .debugger-toolbar_titleTab__V5EHm {
    font-size: 1.25rem;
    line-height: 1.75rem
}

@media only screen and (min-width: 768px) {
    .debugger-toolbar_titleTab__V5EHm {
        font-size: 1.75rem;
        line-height: 2.25rem
    }
}

@media only screen and (min-width: 478px) {
    .debugger-toolbar_titleTab__compactLabel__c9NaS {
        display: none
    }
}

.debugger-toolbar_titleTab__fullLabel__IWtKQ {
    display: none
}

@media only screen and (min-width: 478px) {
    .debugger-toolbar_titleTab__fullLabel__IWtKQ {
        display: unset
    }
}

.debugger-toolbar_description__5rD4u {
    width: 100%;
    color: var(--color_fg_default);
    display: flex;
    flex-direction: column;
    row-gap: .5rem;
    font-size: .875rem;
    line-height: 1.375rem;
    margin-bottom: .5rem
}

.debugger-toolbar_description__5rD4u strong {
    font-weight: 500
}

@media only screen and (min-width: 768px) {
    .debugger-toolbar_description__5rD4u {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

.debugger-switch_container__QK3Ii {
    display: flex;
    align-items: center;
    gap: .5rem
}

.debugger-switch_label__aY0wv {
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    font-size: .75rem;
    line-height: 1.25rem;
    color: var(--color_fg_default);
    letter-spacing: .1px
}

.debugger-switch_switch__WEYZp {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px
}

.debugger-switch_switch__WEYZp input {
    opacity: 0;
    width: 0;
    height: 0
}

.debugger-switch_switch__WEYZp input:focus-visible + .debugger-switch_slider__y1rA7 {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: 1.5rem;
    transition: unset
}

.debugger-switch_switch__WEYZp input:checked + .debugger-switch_slider__y1rA7 {
    background-color: var(--color_bg_state_success);
    border: 1px solid var(--color_border_state_success)
}

.debugger-switch_switch__WEYZp input:checked + .debugger-switch_slider__y1rA7:before {
    transform: translateX(1rem);
    background-color: var(--color_fg_on_state_success)
}

.debugger-switch_slider__y1rA7 {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--color_bg_layer);
    border: 1px solid var(--color_border_inverse_static);
    transition: .4s
}

.debugger-switch_slider__y1rA7:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    top: calc(.25rem - 1px);
    left: 3px;
    background-color: var(--color_fg_bold);
    transition: .4s
}

.debugger-switch_slider__y1rA7.debugger-switch_round__atwqL {
    border-radius: 1.5rem
}

.debugger-switch_slider__y1rA7.debugger-switch_round__atwqL:before {
    border-radius: 50%
}

@media only screen and (min-width: 478px) {
    .debugger-switch_compactLabel__R3DNa {
        display: none
    }
}

.debugger-switch_fullLabel__zT4_I {
    display: none
}

@media only screen and (min-width: 478px) {
    .debugger-switch_fullLabel__zT4_I {
        display: unset
    }
}

.debugger-feedback_content__wr2aM {
    display: flex;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    color: var(--functional-gray-400);
    font-size: .75rem
}

@media only screen and (min-width: 768px) {
    .debugger-feedback_content__wr2aM {
        width: calc(100% - 4rem)
    }
}

@media only screen and (min-width: 1200px) {
    .debugger-feedback_content__wr2aM {
        width: calc(100% - 128px)
    }
}

.debugger-feedback_feedback__link__7jVHQ:active, .debugger-feedback_feedback__link__7jVHQ:hover {
    opacity: 1;
    color: var(--color_fg_link_primary)
}

.debugger-feedback_feedback__link__7jVHQ:focus-visible {
    color: var(--color_fg_link_primary);
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

.debugger-feedback_feedback__spacer__iqHq8 {
    font-size: .625rem
}

.debugger-widget_container__yz2L5 {
    display: flex;
    flex-direction: column;
}

.debugger-widget_container__yz2L5[data-mode=UNIFIED] > :nth-child(2) {
    margin-top: -.5rem
}

.assets_content__gD2Dm {
    display: grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    grid-column-gap: 1rem;
    column-gap: 1rem;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    padding-top: 4rem;
    padding-bottom: 4rem;
    grid-row-gap: 2rem;
    row-gap: 2rem
}

@media only screen and (min-width: 768px) {
    .assets_content__gD2Dm {
        width: calc(100% - 4rem);
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }
}

@media only screen and (min-width: 1200px) {
    .assets_content__gD2Dm {
        width: calc(100% - 128px)
    }
}

@media only screen and (min-width: 1400px) {
    .assets_content__gD2Dm {
        column-gap: 2rem
    }
}

@media only screen and (min-width: 768px) {
    .assets_content__gD2Dm {
        row-gap: unset
    }
}

.assets_assets__column__aWZo2 {
    grid-column: span 6;
    color: var(--color_fg_default);
    display: flex;
    flex-direction: column;
    gap: 1.25rem
}

@media only screen and (min-width: 768px) {
    .assets_assets__column__aWZo2 {
        grid-column: span 4;
        gap: 2rem
    }
}

.assets_assets__title__5Emnv {
    color: var(--color_fg_bold);
    font-size: 1.5rem;
    line-height: 2rem;
    font-style: normal;
    font-weight: 500;
    letter-spacing: -.5px
}

.assets_asset__link__SK8aY, .assets_assets__description__SU2AY {
    font-size: 1rem;
    line-height: 1.5rem
}

.assets_asset__link__SK8aY {
    width: -moz-fit-content;
    width: fit-content;
    display: flex;
    height: 48px;
    padding: 1rem;
    justify-content: center;
    align-items: center;
    gap: .5rem;
    border-radius: 6px;
    background: var(--color_bg_button_primary);
    color: var(--color_fg_on_button_primary);
    border: 1px solid var(--color_border_button);
    font-style: normal;
    font-weight: 400;
    letter-spacing: .32px
}

.assets_asset__link__SK8aY:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

@media only screen and (min-width: 768px) {
    .assets_asset__link__SK8aY {
        margin-top: 40px
    }
}

.assets_assets__content__DNUh0 {
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

@media only screen and (min-width: 768px) {
    .assets_assets__content__DNUh0 {
        gap: 2rem
    }
}

.assets_card__CWFCG {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 1rem;
    align-items: center;
    gap: 1.5rem;
    flex: 1 0;
    border-radius: .5rem;
    border: 1px solid var(--color_border_bold);
    background: var(--color_bg_layer_alternate);
    cursor: pointer;
    transition: border .24s ease-out
}

.assets_card__CWFCG svg path {
    stroke: var(--color_fg_default)
}

.assets_card__CWFCG:hover {
    border: 1px solid #fbfbfb
}

@media only screen and (min-width: 768px) {
    .assets_card__CWFCG {
        padding: 2rem 15px
    }
}

.assets_downloadButton__QJE21 {
    background: var(--color_bg_layer);
    border-radius: .25rem;
    outline: none;
    border: none;
    height: 2rem;
    width: 2rem
}

.assets_downloadButton__QJE21:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

.footer_container__pv3Tl {
    width: 100%
}

.footer_wrapper__vtlxl {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto;
    border-top: .0625rem solid #555
}

.footer_content___sqS4 {
    display: grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    grid-column-gap: 1rem;
    column-gap: 1rem;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    padding: 3rem 0;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    color: #fffefa
}

@media only screen and (min-width: 768px) {
    .footer_content___sqS4 {
        width: calc(100% - 4rem);
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }
}

@media only screen and (min-width: 1200px) {
    .footer_content___sqS4 {
        width: calc(100% - 128px)
    }
}

@media only screen and (min-width: 1400px) {
    .footer_content___sqS4 {
        column-gap: 2rem
    }
}

@media only screen and (min-width: 576px) {
    .footer_content___sqS4 {
        padding: 4rem 0
    }
}

.footer_siteLogo__DPZmj {
    grid-column: span 6;
    display: flex;
    align-items: center;
    height: 2.5rem;
    gap: 1rem
}

.footer_siteLogo__DPZmj svg {
    max-width: 7.5rem;
    height: inherit;
    width: auto
}

@media only screen and (min-width: 768px) {
    .footer_siteLogo__DPZmj {
        grid-column: span 12
    }
}

@media only screen and (min-width: 992px) {
    .footer_siteLogo__DPZmj {
        grid-column: span 3
    }
}

@media only screen and (min-width: 1200px) {
    .footer_siteLogo__DPZmj {
        grid-column: span 3
    }
}

.footer_resources__v5ZJ9 {
    grid-column: span 6
}

@media only screen and (min-width: 360px) {
    .footer_resources__v5ZJ9 {
        grid-column: span 6
    }
}

@media only screen and (min-width: 576px) {
    .footer_resources__v5ZJ9 {
        grid-column: span 3
    }
}

@media only screen and (min-width: 768px) {
    .footer_resources__v5ZJ9 {
        grid-column: span 4
    }
}

@media only screen and (min-width: 992px) {
    .footer_resources__v5ZJ9 {
        grid-column: span 3
    }
}

@media only screen and (min-width: 1200px) {
    .footer_resources__v5ZJ9 {
        grid-column: span 3
    }
}

.footer_resources__title__pkGqv {
    color: var(--color_fg_default);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.25rem;
    letter-spacing: .0875rem;
    text-transform: uppercase
}

html[lang=ja] .footer_resources__title__pkGqv {
    line-height: 1.875rem
}

.footer_resource__list__leMDU {
    display: grid;
    grid-row-gap: 1rem;
    row-gap: 1rem;
    padding: 0;
    margin: 1.25rem 0 0;
    list-style: none;
    color: var(--color_fg_bold);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: .0125rem
}

html[lang=ja] .footer_resource__list__leMDU {
    line-height: 1.875rem
}

.footer_resource__button__LpPOK {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: .5rem;
    color: var(--color_fg_bold);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: .0125rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: all .2s ease
}

html[lang=ja] .footer_resource__button__LpPOK {
    line-height: 1.875rem
}

.footer_resource__button__LpPOK:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

.footer_resource__anchor__ReMa6 {
    display: flex;
    align-items: center;
    width: 100%;
    margin: 0;
    padding: 0;
    gap: .5rem;
    color: var(--color_fg_bold);
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    line-height: 1.375rem;
    letter-spacing: .0125rem;
    background-color: transparent;
    border: none;
    cursor: pointer;
    text-decoration: none;
    transition: all .2s ease
}

html[lang=ja] .footer_resource__anchor__ReMa6 {
    line-height: 1.875rem
}

.footer_resource__anchor__ReMa6:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

.footer_privacyIcon___wuNZ {
    max-width: 1.875rem
}

.footer_socialWrapper__5UlfJ {
    display: flex;
    align-items: center;
    gap: 1.25rem
}

.footer_socialWrapper__5UlfJ svg path {
    fill: var(--color_fg_bold)
}

.footer_socialWrapper__5UlfJ a {
    display: flex;
    align-items: center
}

.footer_socialWrapper__5UlfJ a:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

@keyframes footer_fadeIn__XyfXs {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.footer_bottomSection__okHNC {
    grid-column: span 6;
    display: flex;
    flex-direction: column;
    gap: .875rem;
    padding-top: 1rem
}

@media only screen and (min-width: 576px) {
    .footer_bottomSection__okHNC {
        flex-direction: row;
        align-items: center;
        justify-content: space-between
    }
}

@media only screen and (min-width: 768px) {
    .footer_bottomSection__okHNC {
        grid-column: span 12
    }
}

.footer_bottomSection__logo__1LsNr {
    position: relative;
    display: inline-flex;
    align-items: center;
    height: 1.75rem
}

.footer_bottomSection__logo__1LsNr:focus-visible {
    outline: solid 1px var(--color_border_focus);
    outline-offset: .125rem;
    border-radius: .125rem
}

@media only screen and (min-width: 768px) {
    .footer_bottomSection__logo__1LsNr {
        height: 2rem
    }
}

.footer_bottomSection__copyright__FfVHX {
    color: var(--color_fg_default);
    font-size: .875rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: .0125rem
}

@media only screen and (min-width: 576px) {
    .footer_bottomSection__copyright__FfVHX {
        font-size: .75rem
    }
}

@media only screen and (min-width: 768px) {
    .footer_bottomSection__copyright__FfVHX {
        font-size: .875rem
    }
}

.footer_subFooter__container__qlVsa {
    width: 100%
}

.footer_subFooter__wrapper__DIDMy {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto;
    border-top: .0625rem solid #555
}

.footer_subFooter__content__XQmR_ {
    display: grid;
    grid-template-columns:repeat(6, minmax(0, 1fr));
    grid-column-gap: 1rem;
    column-gap: 1rem;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    padding-bottom: 1rem;
    grid-row-gap: 2rem;
    row-gap: 2rem;
    color: #fffefa
}

@media only screen and (min-width: 768px) {
    .footer_subFooter__content__XQmR_ {
        width: calc(100% - 4rem);
        grid-template-columns:repeat(12, minmax(0, 1fr))
    }
}

@media only screen and (min-width: 1200px) {
    .footer_subFooter__content__XQmR_ {
        width: calc(100% - 128px)
    }
}

@media only screen and (min-width: 1400px) {
    .footer_subFooter__content__XQmR_ {
        column-gap: 2rem
    }
}

.cookie-consent-modal_backdrop__PKfks {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    -webkit-backdrop-filter: blur(1.5rem);
    backdrop-filter: blur(1.5rem);
    cursor: pointer
}

.cookie-consent-modal_backdrop__PKfks[aria-hidden=false] {
    visibility: visible;
    animation: cookie-consent-modal_fadeIn__5Us0T .2s linear
}

.cookie-consent-modal_backdrop__PKfks[aria-hidden=true] {
    visibility: hidden
}

@media only screen and (min-width: 576px) {
    .cookie-consent-modal_backdrop__PKfks {
        min-width: auto
    }
}

.cookie-consent-modal_wrapper__jjbrC {
    display: flex;
    flex-direction: column;
    position: fixed;
    max-width: 776px;
    z-index: 300;
    padding: .01px;
    border-radius: 1.5rem;
    overflow: hidden;
    cursor: default;
    border: 1px solid var(--color_border_bold)
}

@media only screen and (min-width: 576px) {
    .cookie-consent-modal_wrapper__jjbrC {
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

.cookie-consent-modal_modal__wQwsn {
    box-shadow: 0 0 .25rem rgba(0, 0, 0, .1), 0 .375rem .5rem rgba(0, 0, 0, .1);
    color: var(--color_fg_default);
    gap: .75rem;
    border: 1px solid transparent;
    border-radius: 1.5rem;
    background: var(--color_bg_layer_alternate-bold)
}

.cookie-consent-modal_modal__closeButton__AWl6W {
    font-size: 2rem;
    background: none;
    border: none;
    padding: 0 .25rem;
    cursor: pointer;
    position: absolute;
    top: 1rem;
    right: 1.5rem;
    color: var(--color_fg_bold)
}

.cookie-consent-modal_modal__closeButton__AWl6W:after {
    display: inline-block;
    content: "+";
    transform: rotate(45deg)
}

.cookie-consent-modal_modal__header__PjaIV {
    border-bottom: 1px solid var(--color_border_bold)
}

.cookie-consent-modal_modal__title__Ay2Og {
    font-weight: 400;
    font-size: 1.125rem;
    line-height: 1.625rem;
    letter-spacing: -.2px;
    margin: 0;
    padding: 1.5rem
}

.cookie-consent-modal_modal__body__ukPpa {
    padding: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.5rem
}

.cookie-consent-modal_modal__paragraph__pObma {
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 400
}

.cookie-consent-modal_modal__list__t4gZ2 {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    -webkit-padding-start: .875rem;
    padding-inline-start: .875rem
}

.cookie-consent-modal_modal__listItem__GLKmo {
    font-size: .875rem;
    line-height: 1.375rem
}

.mobile-header_header__8cpi0 {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9001;
    -webkit-backdrop-filter: blur(2rem);
    backdrop-filter: blur(2rem)
}

.mobile-header_container__Dn0zT {
    width: 100%;
    background: var(--color_bg_app_bar);
    border-bottom: 1px solid rgba(85, 85, 85, .32)
}

@media only screen and (min-width: 768px) {
    .mobile-header_container__Dn0zT {
        display: none
    }
}

.mobile-header_wrapper__Risqn {
    width: 100%;
    max-width: 1536px;
    margin: 0 auto;
    height: 3rem
}

.mobile-header_content__6p1cD {
    display: flex;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    height: 100%;
    position: relative;
    grid-column: 1/-1;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    color: #fffefa
}

@media only screen and (min-width: 768px) {
    .mobile-header_content__6p1cD {
        width: calc(100% - 4rem)
    }
}

@media only screen and (min-width: 1200px) {
    .mobile-header_content__6p1cD {
        width: calc(100% - 128px)
    }
}

.mobile-header_logo__N55lP {
    display: flex;
    align-items: center;
    height: 1.75rem
}

.mobile-header_logo__N55lP svg {
    height: inherit;
    width: auto
}

@media only screen and (min-width: 576px) {
    .mobile-header_logo__N55lP {
        display: flex
    }
}

.mobile-header_burgerIconWrapper__hxMlV {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    height: 1.5rem;
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: center;
    cursor: pointer;
    transition: all .5s ease-in-out
}

.mobile-header_burgerIcon__vIQiv {
    width: 1.25rem;
    display: flex;
    height: .125rem;
    background: var(--color_fg_bold);
    transition: all .2s ease-in-out;
    margin-top: .75rem
}

.mobile-header_burgerIcon__vIQiv:after, .mobile-header_burgerIcon__vIQiv:before {
    content: "";
    position: absolute;
    width: 1.25rem;
    height: .125rem;
    background: var(--color_fg_bold);
    border-radius: .125rem;
    transition: all .2s ease-in-out
}

.mobile-header_burgerIcon__vIQiv:before {
    transform: translateY(-7px)
}

.mobile-header_burgerIcon__vIQiv:after {
    transform: translateY(7px)
}

.mobile-header_burgerIcon__vIQiv[aria-hidden=false] {
    transform: translateX(-1.25rem);
    background: transparent;
    box-shadow: none
}

.mobile-header_burgerIcon__vIQiv[aria-hidden=false]:before {
    transform: rotate(45deg) translate(.75rem, -.75rem)
}

.mobile-header_burgerIcon__vIQiv[aria-hidden=false]:after {
    transform: rotate(-45deg) translate(.75rem, .75rem)
}

.mobile-header_menu__TBUbZ {
    position: fixed;
    top: 5.5rem;
    z-index: 99999;
    height: calc(100% - 5.5rem);
    width: 100%;
    overflow: hidden
}

.mobile-header_menu__TBUbZ[aria-hidden=false] {
    display: block
}

.mobile-header_menu__TBUbZ[aria-hidden=true] {
    display: none
}

@media only screen and (min-width: 768px) {
    .mobile-header_menu__TBUbZ[aria-hidden=false] {
        display: none
    }
}

.mobile-header_menuContainer__uD5LV {
    height: 100%;
    width: 100%;
    overflow-y: scroll;
    background: var(--color_bg_page)
}

.mobile-header_menuContent__pWuZf {
    display: flex;
    width: calc(100% - 2rem);
    max-width: 1312px;
    margin: 0 auto;
    padding: 0 1.5rem 1.5rem;
    width: 100%
}

@media only screen and (min-width: 768px) {
    .mobile-header_menuContent__pWuZf {
        width: calc(100% - 4rem)
    }
}

@media only screen and (min-width: 1200px) {
    .mobile-header_menuContent__pWuZf {
        width: calc(100% - 128px)
    }
}

.mobile-header_menu__list__NAc9R {
    width: 100%;
    padding: 0;
    margin: 0
}

.mobile-header_menu__item__YHKpl {
    position: relative;
    list-style: none;
    width: 100%;
    border-bottom: 1px solid #555;
    margin: 0;
    padding: 1.5rem .5rem
}

.mobile-header_menu__item__link__CiuRA {
    font-size: 1.25rem;
    line-height: 1.75rem;
    letter-spacing: -.1px;
    color: var(--color_fg_bold);
    text-decoration: none;
    font-weight: 500;
    transition: color .2s;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    padding-bottom: .25rem;
    border-bottom: 1px solid transparent
}

.mobile-header_menu__item__link__CiuRA[data-active=true] {
    border-bottom: 1px solid var(--color_fg_bold)
}

.page-layout_main__kWZQV {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 1rem
}

@media only screen and (min-width: 992px) {
    .page-layout_main__kWZQV {
        margin-top: 1rem
    }
}

.shell_container__2slUP {
    display: grid;
    grid-template-rows:1fr;
    height: 100%;
    width: 100%;
    min-width: 360px;
    margin: 0 auto
}

.site-logo_container___edUm {
    height: 100%
}

.site-logo_brand__logo__9VOEv, .site-logo_container___edUm {
    position: relative;
    display: flex;
    align-items: center
}

.site-logo_brand__headline__OdofB {
    display: flex;
    flex-direction: column;
    margin-left: .625rem;
    color: var(--color_fg_bold)
}

.site-logo_brand__title__4XgvT {
    display: flex;
    font-size: 1.25rem;
    line-height: 1.25rem;
    margin-top: 0;
    letter-spacing: .02rem
}

.site-logo_brand__subtitle__7qrUw {
    display: flex;
    font-size: .75rem;
    line-height: .75rem;
    margin-top: 1px;
    letter-spacing: .02rem
}

.use-hash-warning_backdrop__9LdCl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    -webkit-backdrop-filter: blur(.5rem);
    backdrop-filter: blur(.5rem);
    cursor: pointer
}

.use-hash-warning_backdrop__9LdCl[aria-hidden=false] {
    visibility: visible;
    animation: use-hash-warning_fadeIn__u79bQ .2s linear
}

.use-hash-warning_backdrop__9LdCl[aria-hidden=true] {
    visibility: hidden
}

@media only screen and (min-width: 576px) {
    .use-hash-warning_backdrop__9LdCl {
        min-width: auto
    }
}

.use-hash-warning_container__N8BK7 {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    left: 2rem;
    padding: 1.5rem 2rem;
    background-color: var(--color_bg_state_danger_subtle);
    color: var(--color_fg_on_state_danger_subtle);
    border: 1px solid var(--color_border_state_danger);
    z-index: 999;
    font-size: .865rem;
    border-radius: .5rem
}

.use-hash-warning_button__VNwMI {
    background-color: transparent;
    color: var(--color_fg_on_state_danger_subtle);
    border: none;
    position: absolute;
    top: .25rem;
    right: .75rem;
    font-size: 1.5rem;
    transform: rotate(45deg);
    cursor: pointer
}