@layer core,playground,project;@layer project{html{--mobile-design-width: 1600;--desktop-design-width: 1600;--ultrawide-design-width: 1600;font-size:calc(100 / var(--mobile-design-width) * 1vw)}@media(width>=768px){html{font-size:calc(100 / var(--desktop-design-width) * 1vw)}}@media(width>=1600px){html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-design-width) / 16 * .01rem)}}.vetta-body{scrollbar-width:thin;color-scheme:dark light}.address-bar{display:flex;align-items:center;position:fixed;inset:0 0 auto;left:var(--playground-ui-sidebar-width);z-index:32;height:70rem;background:var(--color-background);border-bottom:1px solid var(--color-border);line-height:100%}.address-bar>div{display:flex;flex-flow:row nowrap;align-items:center;gap:15rem;width:100%;padding:0 15rem}.address-bar button{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:44rem;aspect-ratio:1;padding-bottom:2rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:50%;font-size:18rem;line-height:100%}.address-bar p{flex:1 1 100%;display:flex;align-items:center;height:44rem;padding:0 24rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:35rem;font-size:16rem;letter-spacing:.03em}.vetta{--color-background: var(--playground-body-color-background);--color-border: color-mix(in srgb, var(--playground-body-color-text) 40%, transparent);--color-text: var(--playground-body-color-text);position:relative;z-index:1;width:100%;min-height:100dvh;padding-top:70rem;background:var(--color-background);color:var(--color-text);font-family:Aeonik,sans-serif;font-size:21rem;font-weight:400}.vetta-container{display:flex;flex-flow:column nowrap;gap:150rem;position:relative;z-index:1;max-width:1600rem;min-height:100dvh;margin:0 auto;padding:100rem}.vetta-container button{display:flex;padding:15rem 25rem;background:var(--color-text);color:var(--color-background);border-radius:25rem;font-size:17rem;font-weight:500}.vetta-hero{display:flex;flex-flow:column nowrap;align-items:flex-start;width:100%;max-width:780rem;padding:100rem 0 0}.vetta-hero span{margin-bottom:30rem}.vetta-hero h1,.vetta-hero h2,.vetta-hero p{margin:0}.vetta-hero h1{font-size:88rem;font-weight:500;line-height:90%}.vetta-hero h2{max-width:580rem;margin-top:30rem;font-size:42rem;font-weight:400;line-height:105%}.vetta-hero p{max-width:660rem;line-height:135%}.vetta-hero p:first-of-type{margin-top:32rem}.vetta-hero p+p{margin-top:8rem}.vetta-hero button{align-self:flex-start;margin-top:34rem}.vetta-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16rem;width:100%;margin:0;padding:0;list-style:none}.vetta-benefits li{display:flex;flex-flow:column nowrap;min-height:220rem;padding:30rem;border-radius:21rem;background:var(--color-text);color:var(--color-background)}.vetta-benefits strong{font-size:42rem;font-weight:500;line-height:100%}.vetta-benefits span{margin-top:24rem;font-size:21rem;font-weight:500;line-height:120%}.vetta-benefits p{max-width:300rem;margin:8rem 0 0;font-size:17rem;line-height:130%}.vetta-authentication{display:flex;flex-flow:column nowrap;gap:30rem;width:100%}.vetta-authentication-header{max-width:780rem}.vetta-authentication-header h2,.vetta-authentication-header p{margin:0}.vetta-authentication-header h2{font-size:42rem;font-weight:400;line-height:105%}.vetta-authentication-header p{max-width:660rem;margin-top:24rem;line-height:135%}.vetta-authentication-screen{display:flex;flex-flow:column nowrap;width:100%;min-height:560rem;padding:60rem;border:1px solid var(--color-border);border-radius:21rem}.vetta-authentication-screen [data-auth-panel][data-hidden]{display:none}.vetta-authentication-screen-top,.vetta-authentication-screen-step{display:flex;align-items:center;justify-content:space-between}.vetta-authentication-screen-top{font-size:15rem;font-weight:500}.vetta-authentication-screen-top span{font-size:13rem;font-weight:350}.vetta-authentication-screen-journey{margin-top:32rem;font-size:13rem;font-weight:500}.vetta-authentication-screen-progress{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:10rem;margin-top:16rem}.vetta-authentication-screen-progress span{height:8rem;border-radius:4rem;background:var(--color-border);opacity:.3}.vetta-authentication-screen-progress span[data-active]{background:var(--color-text);opacity:1}.vetta-authentication-screen-step{margin-top:40rem}.vetta-authentication-screen-step strong{font-size:28rem;font-weight:500;line-height:100%}.vetta-authentication-screen-step span{font-size:15rem}.vetta-authentication-screen-message{margin-top:38rem}.vetta-authentication-screen-message p{max-width:680rem;margin:0;font-size:28rem;line-height:120%}.vetta-authentication-screen-message span{display:block;margin-top:24rem}.vetta-authentication-screen-digit{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));justify-content:center;gap:12rem;width:75%;margin:36rem auto}.vetta-authentication-screen-digit-control{display:grid;grid-template-rows:36rem auto 36rem;gap:12rem;justify-items:center}.vetta-authentication-screen-digit-control:not([data-active]) button{visibility:hidden}.vetta-authentication-screen-digit-control[data-active] output,.vetta-authentication-screen-digit-control[data-filled] output{opacity:1}.vetta-authentication-screen-digit button{display:grid;place-items:center;width:36rem;height:36rem;padding:0 0 2rem;border:0;border-radius:50%;background:var(--color-text);color:var(--color-background);font-size:24rem;font-weight:400;line-height:100%}.vetta-authentication-screen-digit output{display:grid;place-items:center;width:100%;aspect-ratio:9/16;border:1px solid var(--color-border);border-radius:15rem;background:transparent;color:var(--color-text);font-size:42rem;font-weight:500;line-height:100%;opacity:.3}.vetta-authentication-screen-actions{display:flex;justify-content:center;gap:12rem;width:100%;margin:0 auto}.vetta-authentication-screen-actions button{justify-content:center}.vetta-authentication-screen-actions button[data-hidden]{display:none}.vetta-authentication-screen-actions button:disabled{opacity:.5}.vetta-authentication-screen-choice,.vetta-authentication-screen-captcha,.vetta-authentication-screen-confirmation,.vetta-authentication-screen-completion{width:80%;margin:36rem auto}.vetta-authentication-screen-choice-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12rem;margin-bottom:40rem}.vetta-authentication-screen-choice-options button{justify-content:center;font-size:28rem;border-radius:40rem}.vetta-authentication-screen-captcha-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12rem;margin-bottom:40rem}.vetta-authentication-screen-captcha-grid button{border:1px solid var(--color-border);border-radius:40rem;background:transparent;color:var(--color-text);font-size:21rem;font-weight:350}.vetta-authentication-screen-captcha-grid button[aria-pressed=true]{background:var(--color-text);color:var(--color-background)}.vetta-authentication-screen-confirmation>button{display:flex;align-items:center;gap:18rem;width:100%;margin-bottom:40rem;border:1px solid var(--color-border);border-radius:40rem;background:transparent;color:var(--color-text);font-size:28rem;font-weight:350}.vetta-authentication-screen-confirmation>button span{font-size:42rem;line-height:100%}.vetta-authentication-screen-confirmation>button[aria-pressed=true]{background:var(--color-text);color:var(--color-background)}.vetta-authentication-screen-completion{width:50%;margin:120rem auto 90rem}.vetta-authentication-screen-completion p,.vetta-authentication-screen-completion span{margin:0}.vetta-authentication-screen-completion p{font-size:42rem;font-weight:400;line-height:105%}.vetta-authentication-screen-completion span{display:block;margin-top:24rem}.vetta-assurances{display:flex;flex-flow:column nowrap;gap:30rem;width:100%}.vetta-assurances-header h2,.vetta-assurances-header p{margin:0}.vetta-assurances-header h2{font-size:42rem;font-weight:400;line-height:105%}.vetta-assurances-header p{max-width:30%;margin-top:24rem;line-height:135%}.vetta-assurances-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16rem;width:100%;margin:0;padding:0;list-style:none}.vetta-assurances-list li{display:flex;flex-flow:column nowrap;min-height:220rem;padding:30rem;border-radius:21rem;background:var(--color-text);color:var(--color-background)}.vetta-assurances-list strong{font-size:42rem;font-weight:500;line-height:100%}.vetta-assurances-list p{max-width:300rem;margin:24rem 0 0;font-size:17rem;line-height:130%}.vetta-api{display:flex;flex-flow:column nowrap;gap:30rem;width:100%}.vetta-api-header{max-width:780rem}.vetta-api-header h2,.vetta-api-header p{margin:0}.vetta-api-header h2{font-size:42rem;font-weight:400;line-height:105%}.vetta-api-header p{max-width:660rem;margin-top:24rem;line-height:135%}.vetta-api-reference{width:100%;border:1px solid var(--color-border);border-radius:21rem}.vetta-api-reference-header{display:flex;align-items:center;justify-content:space-between;padding:24rem 30rem;border-bottom:1px solid var(--color-border)}.vetta-api-reference-header strong{font-size:17rem;font-weight:500}.vetta-api-reference-header span{padding:8rem 14rem;border:1px solid var(--color-border);border-radius:30rem;font-size:15rem;line-height:100%}.vetta-api-endpoints{display:flex;flex-flow:column nowrap;width:100%;margin:0;padding:0;list-style:none}.vetta-api-endpoints li{display:flex;align-items:center;gap:18rem;padding:24rem 30rem}.vetta-api-endpoints li+li{border-top:1px solid var(--color-border)}.vetta-api-endpoints span{flex:0 0 auto;min-width:82rem;padding:8rem 14rem;border-radius:30rem;background:var(--color-text);color:var(--color-background);font-size:15rem;font-weight:500;line-height:100%;text-align:center}.vetta-api-endpoints code{font-family:inherit;font-size:17rem;line-height:135%}.vetta-spacer{display:grid;place-items:center;width:100%;height:50vh}.vetta-spacer span{width:1px;height:100%;background:var(--color-border)}.vetta-punchline{display:flex;flex-flow:column nowrap;align-items:center;width:80%;margin:0 auto;padding:100rem 0;border-radius:30rem;background:var(--color-text);color:var(--color-background);text-align:center}.vetta-punchline h2,.vetta-punchline p{margin:0}.vetta-punchline h2{font-size:42rem;font-weight:400;line-height:105%}.vetta-punchline p{margin-top:24rem;line-height:135%}.vetta-punchline strong{margin:58rem 0 38rem;padding:20rem 0;font-size:140rem;font-weight:600;line-height:90%}.vetta-punchline button{margin-top:34rem;background:var(--color-background);color:var(--color-text)}}