.Dialog{position:relative;z-index:50}.Dialog-Wrapper{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:#6b7280bf}.Dialog-Content{width:100%;background-color:#fff;margin:32px 0;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border-radius:8px;overflow:hidden;padding:12px 16px}.Dialog-Title{font-size:18px;font-weight:500;margin-bottom:4px}.Dialog-Body{padding:16px 0}.Dialog-Description{color:#707684;font-size:14px;font-weight:400}.Dialog-Actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.CodeSnippet{background-color:#282c34;border-top-left-radius:3px;border-top-right-radius:3px}.CodeSnippet-Loading,.CodeSnippet-Wall{height:620px}.CodeSnippet-Wall{position:relative;overflow:hidden}.CodeSnippet-Wall:after{content:"";position:absolute;inset:0;backdrop-filter:blur(3.5px);z-index:1}.CodeSnippet-Wall-Message{z-index:2;position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:20px;font-weight:500;cursor:pointer;padding:0 2rem}.CodeSnippet-Wall-Message h2{font-size:26px;margin-bottom:1rem}.CodeSnippet-Wall-Message p{font-size:14px;text-align:center;margin-bottom:1.5rem}.CodeSnippet-Wall-Message svg,.CodeSnippet-Wall-Message span{margin-bottom:12px;transition:.1s ease;text-align:center}.CodeSnippet-Wall-Message:hover svg{transform:scale3d(1.5,1.5,1.5) translateY(-4px)}.CodeSnippet-Wall-Message:hover span{transform:scale3d(1.1,1.1,1.1)}.CodeSnippet-Wall-Form{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;width:100%;gap:.5rem}.CodeSnippet-Wall-Form .input{max-width:100%;width:400px}.CodeSnippet-Wall-Form .input input{color:#000}.CodeSnippet-Wall-Form .input input:focus,.CodeSnippet-Wall-Form .input input:active{outline:2px solid #6ba6ff;outline-offset:2px}.CodeSnippet-Wall-Form button{white-space:nowrap;height:42px!important;border-radius:6px!important}.CodeSnippet-Loading{display:flex;align-items:center;justify-content:center;color:#a6a6a6;font-size:24px}.CodeSnippet-Header{position:sticky;top:0;left:0;right:0;height:26px;display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:1;color:#a6a6a6;padding:0;background-color:#282c34}.CodeSnippet-Header>button{display:flex;align-items:center;justify-content:center;transition:.1s ease;padding:0 14px}.CodeSnippet-Header>button:hover{color:#fff}.CodeSnippet-Header>button svg{margin-right:6px}.CodeSnippet-Header>button:first-child{margin-right:auto}.CodeSnippet-Header>button:last-child{border-left:1px solid #a6a6a6}.header{position:relative}.header-tabs{position:absolute;top:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:center;border-radius:8px;background-color:#f1f5f8;padding:2px;isolation:isolate}@media (max-width: 1023px){.header-tabs{display:none}}.header-tabs button{height:48px;color:#666;border-radius:8px;padding:6px 30px;font-weight:600;font-size:16px;display:flex;flex-direction:row;align-items:center;gap:.5rem}body.layout--list .header-tabs button[data-layout=list],body.layout--grid .header-tabs button[data-layout=grid]{background-color:#fff;color:#000;box-shadow:0 1px 3px #0003}.header-tabs button:last-child{margin-left:-1px}section[data-astro-cid-jcxxc2h7]{margin-top:24px}section[data-astro-cid-jcxxc2h7]:not(:first-of-type){margin-top:62px}section[data-astro-cid-jcxxc2h7] .header[data-astro-cid-jcxxc2h7]{width:100%;position:relative}section[data-astro-cid-jcxxc2h7] .header[data-astro-cid-jcxxc2h7] .copy[data-astro-cid-jcxxc2h7]{position:absolute;left:-24px;top:0;height:40px;display:none;align-items:center;justify-content:center}section[data-astro-cid-jcxxc2h7] .header[data-astro-cid-jcxxc2h7] h2[data-astro-cid-jcxxc2h7]{font-size:22px;font-weight:500;color:#10172b;display:flex;align-items:center;justify-content:space-between}section[data-astro-cid-jcxxc2h7] .header[data-astro-cid-jcxxc2h7] h2[data-astro-cid-jcxxc2h7] a[data-astro-cid-jcxxc2h7]:not(.link){position:relative;display:block;width:100%;cursor:pointer}section[data-astro-cid-jcxxc2h7] .header[data-astro-cid-jcxxc2h7] h2[data-astro-cid-jcxxc2h7] a[data-astro-cid-jcxxc2h7]:not(.link):hover .copy[data-astro-cid-jcxxc2h7]{display:flex}section[data-astro-cid-jcxxc2h7] .header[data-astro-cid-jcxxc2h7] h2[data-astro-cid-jcxxc2h7] a[data-astro-cid-jcxxc2h7]:not(.link):not(:first-child){width:30%;text-align:right;font-weight:600}section[data-astro-cid-jcxxc2h7] .header[data-astro-cid-jcxxc2h7] h2[data-astro-cid-jcxxc2h7] .link[data-astro-cid-jcxxc2h7]{flex:1 300px;display:flex;align-items:center;justify-content:flex-end}section[data-astro-cid-jcxxc2h7] .header[data-astro-cid-jcxxc2h7] p[data-astro-cid-jcxxc2h7]{font-size:15px;line-height:18px;color:#64748b;margin-top:4px}.component-card{position:relative;border-radius:12px}.component-card-img{padding:12px;background-color:#f3f4f6;border:1px solid #e7e7e9;border-radius:12px;margin-bottom:8px}.component-card-img img{transition:ease-in-out .1s}@media (min-width: 768px){.component-card-img{padding:16px;margin-bottom:16px}}.component-card-badge{position:absolute;top:12px;right:12px;background-color:var(--accent);border-radius:8px;font-size:13px;font-weight:500;color:#fff;padding:2px 8px;box-shadow:-1px 1px 3px #0569ff54;transition:.1s ease-in-out}.component-card:hover .card-badge{transform:scale3d(1.1,1.1,1.1) translate(-2px) translateY(2px)}.component-card h3{font-size:15px;font-weight:500;color:#10172b;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}@media (min-width: 640px){.component-card h3{font-size:17px}}@media (min-width: 1024px){.component-card h3{font-size:14px;text-align:center}}.layout[data-layout=list]{display:none}body.layout--list .layout[data-layout=list]{display:block}@media (max-width: 1023px){.layout[data-layout=list]{display:none!important}}.layout[data-layout=grid]{display:none}body.layout--grid .layout[data-layout=grid]{display:grid}@media (max-width: 1023px){.layout[data-layout=grid]{display:grid!important}}.header{margin-bottom:24px!important}@media (max-width: 1023px){.header{margin-bottom:0!important}}@media (max-width: 640px){.header p{font-size:15px!important}}.ElementPreviewPlaceholder{aspect-ratio:1/2;width:100%;border-radius:24px;background:linear-gradient(180deg,#e5e7eb,#f3f4f6);display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:12px;font-weight:600}