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