.hero-jumbotron-module-scss-module__0CAvQG__container{background-color:var(--charcoal2);width:100%;position:relative;overflow:hidden}body[data-theme=light] .hero-jumbotron-module-scss-module__0CAvQG__container{background-color:var(--functional-gray-150)}.hero-jumbotron-module-scss-module__0CAvQG__container:before{content:"";background:url(https://cdn.auth0.com/website/cic-homepage/bg-mobile/BG_Mobile.svg) top/cover no-repeat;width:100%;height:100%;position:absolute;bottom:0;right:0}body[data-theme=light] .hero-jumbotron-module-scss-module__0CAvQG__container:before{background:url(https://cdn.auth0.com/website/passkeys-playground/assets/light.hero-banner-bg.png) top/cover no-repeat}@media only screen and (min-width:360px){.hero-jumbotron-module-scss-module__0CAvQG__container:before{background-size:cover}}@media only screen and (min-width:992px){.hero-jumbotron-module-scss-module__0CAvQG__container{background-color:unset}body[data-theme=light] .hero-jumbotron-module-scss-module__0CAvQG__container{background-color:unset}.hero-jumbotron-module-scss-module__0CAvQG__container:before{background:unset}body[data-theme=light] .hero-jumbotron-module-scss-module__0CAvQG__container:before{background:unset}.hero-jumbotron-module-scss-module__0CAvQG__container:after{background:0 0;display:none}}.hero-jumbotron-module-scss-module__0CAvQG__wrapper{border-radius:0;justify-content:center;width:100%;max-width:1536px;margin:0 auto;overflow:hidden}@media only screen and (min-width:992px){.hero-jumbotron-module-scss-module__0CAvQG__wrapper{-webkit-backdrop-filter:blur(4rem);backdrop-filter:blur(4rem);background-color:#191919;border-radius:0 0 1.5rem 1.5rem}body[data-theme=light] .hero-jumbotron-module-scss-module__0CAvQG__wrapper{background-color:#f1f1f1}.hero-jumbotron-module-scss-module__0CAvQG__wrapper:before{content:"";background:url(https://cdn.auth0.com/website/cic-homepage/bg-mobile/BG_Mobile.svg) top/120% no-repeat;width:100%;height:100%;position:absolute;bottom:0;right:0}body[data-theme=light] .hero-jumbotron-module-scss-module__0CAvQG__wrapper:before{background:url(https://cdn.auth0.com/website/passkeys-playground/assets/light.hero-banner-bg.png) top/140% no-repeat}}.hero-jumbotron-module-scss-module__0CAvQG__content{width:calc(100% - 32px);max-width:1312px;margin:0 auto;display:flex}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__content{width:calc(100% - 64px)}}@media only screen and (min-width:1200px){.hero-jumbotron-module-scss-module__0CAvQG__content{width:calc(100% - 128px)}}.hero-jumbotron-module-scss-module__0CAvQG__content{justify-content:center}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__content{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:16px;width:calc(100% - 32px);max-width:1312px;margin:0 auto;display:grid}}@media only screen and (min-width:768px) and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__content{grid-template-columns:repeat(12,minmax(0,1fr));width:calc(100% - 64px)}}@media only screen and (min-width:768px) and (min-width:1200px){.hero-jumbotron-module-scss-module__0CAvQG__content{width:calc(100% - 128px)}}@media only screen and (min-width:768px) and (min-width:1400px){.hero-jumbotron-module-scss-module__0CAvQG__content{column-gap:32px}}.hero-jumbotron-module-scss-module__0CAvQG__hero{z-index:1;flex-direction:column;align-items:center;gap:2rem;width:100%;padding:2rem 0;display:flex}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__hero{grid-column:1/-1;grid-template-columns:subgrid;display:grid}}.hero-jumbotron-module-scss-module__0CAvQG__hero__copy{flex-direction:column;grid-column:1/span 4;justify-content:center;gap:1.5rem;display:flex}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__hero__copy{grid-column:1/span 6}}.hero-jumbotron-module-scss-module__0CAvQG__hero__text{flex-direction:column;gap:1rem;width:100%;display:flex}.hero-jumbotron-module-scss-module__0CAvQG__hero__title{text-align:left;letter-spacing:-.03rem;width:100%;color:var(--color_fg_bold);font-variant-numeric:lining-nums proportional-nums;margin:0;font-size:3rem;font-style:normal;font-weight:400;line-height:3.25rem}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__hero__title{letter-spacing:-.08rem;font-size:2.5rem;line-height:3rem}}@media only screen and (min-width:992px){.hero-jumbotron-module-scss-module__0CAvQG__hero__title{letter-spacing:-1px;font-size:3.5rem;line-height:4rem}}.hero-jumbotron-module-scss-module__0CAvQG__hero__description{color:var(--color_fg_default);letter-spacing:.02rem;font-size:.875rem;font-weight:400;line-height:1.375rem}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__hero__description{letter-spacing:.01rem;max-width:39rem;font-size:1rem;line-height:1.5rem}}@media only screen and (min-width:992px){.hero-jumbotron-module-scss-module__0CAvQG__hero__description{letter-spacing:.01rem;font-size:1.25rem;line-height:1.75rem}}.hero-jumbotron-module-scss-module__0CAvQG__hero__media{grid-column:1/span 4;justify-content:center;place-self:center;align-items:center;gap:2.4rem;width:100%;max-width:64rem;display:flex;position:relative;overflow:hidden}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__hero__media{grid-column:7/span 6;width:100%;height:100%}}.hero-jumbotron-module-scss-module__0CAvQG__hero__image{max-width:30rem}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__hero__image{max-width:unset}}.hero-jumbotron-module-scss-module__0CAvQG__hero__ctaButton{color:var(--color_fg_link);letter-spacing:.2px;background:linear-gradient(var(--color_bg_button_primary_hero),var(--color_bg_button_primary_hero))padding-box,linear-gradient(90deg,#3f59e4,#92d7cc)border-box;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid #0000;border-radius:.375rem;justify-content:center;align-self:stretch;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;display:flex}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__hero__ctaButton{width:fit-content}}.hero-jumbotron-module-scss-module__0CAvQG__hero__ctaArrow{flex-shrink:0;justify-content:center;align-items:center;width:.75rem;height:.75rem;display:flex}.hero-jumbotron-module-scss-module__0CAvQG__hero__ctaArrow svg{width:.75rem;height:.75rem}.hero-jumbotron-module-scss-module__0CAvQG__hero__ctaArrow svg path{fill:#fbfbfb}@media only screen and (min-width:768px){.hero-jumbotron-module-scss-module__0CAvQG__hero__ctaArrow{width:1rem;height:1rem}.hero-jumbotron-module-scss-module__0CAvQG__hero__ctaArrow svg{width:.875rem;height:.875rem}}.hero-jumbotron-module-scss-module__0CAvQG__hero__ctaArrow[data-rotation=true]{animation:2s linear infinite hero-jumbotron-module-scss-module__0CAvQG__rotate}
.debugger-steps-module-scss-module__ew6I2W__container{width:100%;margin-bottom:100px}.debugger-steps-module-scss-module__ew6I2W__wrapper{width:100%;max-width:1536px;margin:0 auto}.debugger-steps-module-scss-module__ew6I2W__content{border:.5px solid var(--color_border_light);background:var(--color_bg_layer_alternate);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);border-radius:24px;margin:0 2rem}.debugger-steps-module-scss-module__ew6I2W__step_title_container{align-items:center;padding:0 24px;display:flex}.debugger-steps-module-scss-module__ew6I2W__step_title_container[data-state=upcoming] .debugger-steps-module-scss-module__ew6I2W__step_number{color:var(--color_fg_bold);border:1px solid var(--color_fg_default);background-color:#0000}@media only screen and (min-width:768px){.debugger-steps-module-scss-module__ew6I2W__step_title_container{padding:0 64px}}.debugger-steps-module-scss-module__ew6I2W__step_title_content{color:var(--color_fg_bold);align-items:center;gap:12px;padding:16px 40px 16px 0;display:flex}.debugger-steps-module-scss-module__ew6I2W__step_container:not(:last-child) .debugger-steps-module-scss-module__ew6I2W__step_title_container{border-bottom:.5px solid var(--color_border_light)}.debugger-steps-module-scss-module__ew6I2W__step_number{background-color:var(--color_fg_default);width:32px;color:var(--color_bg_layer);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:7px 0 5px;display:flex}.debugger-steps-module-scss-module__ew6I2W__step_content{flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-height:0;margin:0;transition:max-height .5s ease-out;display:flex;overflow:hidden}.debugger-steps-module-scss-module__ew6I2W__step_content[data-open=true]{max-height:fit-content;margin:2rem 1rem}.debugger-steps-module-scss-module__ew6I2W__step_content p.debugger-steps-module-scss-module__ew6I2W__description{max-width:544px;color:var(--color_fg_neutral);letter-spacing:-.1px;font-family:Aeonik;font-size:16px;font-style:normal;font-weight:400;line-height:24px}.debugger-steps-module-scss-module__ew6I2W__button_container{cursor:pointer;color:var(--color_fg_link);flex-direction:row;align-items:center;gap:8px;display:flex}.debugger-steps-module-scss-module__ew6I2W__button_container p{letter-spacing:.28px;font-family:Aeonik;font-size:14px;font-style:normal;font-weight:500;line-height:20px}.debugger-steps-module-scss-module__ew6I2W__button_container svg path{stroke:var(--color_fg_link)}
.button-module-scss-module__PEuxqa__button{letter-spacing:.2px;cursor:pointer;border-radius:.375rem;justify-content:center;align-self:stretch;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-style:normal;font-weight:500;line-height:1.5rem;display:flex}@media only screen and (min-width:768px){.button-module-scss-module__PEuxqa__button{width:fit-content;min-width:150px;margin:auto}}.button-module-scss-module__PEuxqa__button_variant_default{background-color:var(--sky);color:#fbfbfb;border:0}.button-module-scss-module__PEuxqa__button_variant_default path{fill:#fbfbfb}.button-module-scss-module__PEuxqa__button_variant_transparent{color:var(--color_fg_button_transparent);border:1px solid var(--color_fg_neutral);background-color:#0000}.button-module-scss-module__PEuxqa__button_variant_transparent svg path{fill:var(--color_fg_button_transparent)}.button-module-scss-module__PEuxqa__button_arrow{border:0;flex-shrink:0;justify-content:center;align-items:center;width:.75rem;height:.75rem;display:flex}.button-module-scss-module__PEuxqa__button_arrow svg{width:.75rem;height:.75rem}@media only screen and (min-width:768px){.button-module-scss-module__PEuxqa__button_arrow{width:1rem;height:1rem}.button-module-scss-module__PEuxqa__button_arrow svg{width:.875rem;height:.875rem}}.button-module-scss-module__PEuxqa__spinner{border:4px solid var(--functional-gray-0);border-top:4px solid var(--cloud);border-radius:50%;width:1.5rem;height:1.5rem;animation:2s linear infinite button-module-scss-module__PEuxqa__spin}@keyframes button-module-scss-module__PEuxqa__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.button-module-scss-module__PEuxqa__visually_hidden{display:none}
.codeblock-module-scss-module__GgegdW__container{border:.5px solid var(--color_border_light);background-color:var(--color_bg_light);max-width:100%}.codeblock-module-scss-module__GgegdW__horizontal_scroll_container{min-width:544px}.codeblock-module-scss-module__GgegdW__vertical_scroll_container{max-height:275px}@media only screen and (min-width:768px){.codeblock-module-scss-module__GgegdW__vertical_scroll_container{max-height:fit-content}}.codeblock-module-scss-module__GgegdW__title_container{color:var(--color_fg_bold);text-transform:uppercase;font-size:14px;font-weight:500;line-height:20px}.codeblock-module-scss-module__GgegdW__header_container{border-bottom:.5px solid var(--color_border_light);justify-content:space-between;padding:24px;display:flex}.codeblock-module-scss-module__GgegdW__scroll_container{max-width:100%;overflow:auto}.codeblock-module-scss-module__GgegdW__code_block{max-width:544px;color:var(--color_fg_link);font-feature-settings:"liga" off,"clig" off;letter-spacing:.15px;margin:0 1.5rem;padding:1.5rem 0;font-family:Roboto Mono;font-size:14px;font-style:normal;font-weight:400;line-height:32px}.codeblock-module-scss-module__GgegdW__code_line{display:flex}.codeblock-module-scss-module__GgegdW__code_line:first-child{gap:1rem}.codeblock-module-scss-module__GgegdW__code_line:not(:first-child){gap:2rem}.codeblock-module-scss-module__GgegdW__code_line_number{color:var(--functional-gray-550);flex-shrink:0}.codeblock-module-scss-module__GgegdW__param_value[data-editable=true] span{border:1px solid var(--seafoam);cursor:pointer;padding:0 .5rem}.codeblock-module-scss-module__GgegdW__token{overflow-wrap:break-word}.codeblock-module-scss-module__GgegdW__json{white-space:pre-wrap;word-break:break-word}.codeblock-module-scss-module__GgegdW__raw_json{color:var(--color_fg_neutral)}.codeblock-module-scss-module__GgegdW__raw_json_error{background:var(--color_bg_state_error)}.codeblock-module-scss-module__GgegdW__json_line{color:#928eff}
.step-four-module-scss-module__YtNavq__buttons_container{flex-direction:column;gap:.75rem;width:100%;display:flex}.step-four-module-scss-module__YtNavq__buttons_container button{width:100%}@media only screen and (min-width:768px){.step-four-module-scss-module__YtNavq__buttons_container{flex-direction:row;justify-content:center}}@media only screen and (min-width:992px){.step-four-module-scss-module__YtNavq__buttons_container{width:auto}.step-four-module-scss-module__YtNavq__buttons_container button{width:fit-content}}.step-four-module-scss-module__YtNavq__error_container{border:1px solid var(--tangerine);max-width:544px;color:var(--color_fg_neutral);-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#fd4e2d33;border-radius:6px;align-self:stretch;margin:auto;padding:24px 8px}.step-four-module-scss-module__YtNavq__error_content_container{align-items:center;gap:12px;display:flex}.step-four-module-scss-module__YtNavq__error_content_container svg{min-width:18px;color:var(--tangerine)}
.debugger-picker-module-scss-module__eePe7G__picker{color:var(--color_fg_bold);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.75rem;display:flex;position:relative}@media only screen and (min-width:992px){.debugger-picker-module-scss-module__eePe7G__picker[data-has-label=true]{width:100%}}.debugger-picker-module-scss-module__eePe7G__picker__label{letter-spacing:-.05px;justify-content:center;align-items:center;gap:.5rem;height:100%;margin:0;padding:0;font-size:.8125rem;line-height:1.3125rem;list-style-type:none;display:flex}@media only screen and (min-width:768px){.debugger-picker-module-scss-module__eePe7G__picker__label{width:100%}}.debugger-picker-module-scss-module__eePe7G__picker__label svg{stroke:var(--color_fg_bold)}.debugger-picker-module-scss-module__eePe7G__picker__fullName{display:flex}
.debugger-toolbar-module-scss-module__E0tR1q__container{width:100%}.debugger-toolbar-module-scss-module__E0tR1q__wrapper{width:100%;max-width:1536px;margin:0 auto}.debugger-toolbar-module-scss-module__E0tR1q__content{border-top:.5px solid var(--color_border_light);color:var(--color_fg_link);justify-content:space-between;align-items:center;margin:4rem 2rem 0;padding:2rem}@media only screen and (min-width:768px){.debugger-toolbar-module-scss-module__E0tR1q__content{flex-direction:row;display:flex}}.debugger-toolbar-module-scss-module__E0tR1q__title{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:2rem;font-size:14px;font-style:normal;font-weight:500;line-height:20px}@media only screen and (min-width:768px){.debugger-toolbar-module-scss-module__E0tR1q__title{margin-bottom:0}.debugger-toolbar-module-scss-module__E0tR1q__container_options{flex-direction:row;gap:32px;display:flex}}.debugger-toolbar-module-scss-module__E0tR1q__container_options p{letter-spacing:.15px;font-size:14px;font-style:normal;font-weight:400;line-height:20px}.debugger-toolbar-module-scss-module__E0tR1q__separator_line{border-left:1px solid var(--color_border_light);height:auto;display:none}@media only screen and (min-width:768px){.debugger-toolbar-module-scss-module__E0tR1q__separator_line{display:block}}.debugger-toolbar-module-scss-module__E0tR1q__button_container{cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin-top:2rem;display:flex}@media only screen and (min-width:768px){.debugger-toolbar-module-scss-module__E0tR1q__button_container{margin-top:0}}.debugger-toolbar-module-scss-module__E0tR1q__button_container svg path{stroke:var(--color_fg_link)}