@layer properties,theme,base;@layer components{.learn-index-page{background-color:var(--color-slate-50);padding-inline:1rem;min-height:100vh;color:var(--color-slate-800);padding-top:1.5rem;padding-bottom:3rem}.learn-index-page:is(.dark *){background-color:var(--color-slate-950);color:var(--color-slate-200)}.learn-index-region{max-width:72rem;margin-inline:auto}.learn-index-header{margin-bottom:1.5rem}.learn-index-title{letter-spacing:-.025em;color:var(--color-slate-950);font-size:1.875rem;font-weight:700;line-height:1.2}.learn-index-title:is(.dark *){color:var(--color-white)}.learn-index-muted{max-width:42rem;color:var(--color-slate-500);margin-top:.5rem;font-size:.875rem;line-height:1.625}.learn-index-muted:is(.dark *){color:var(--color-slate-400)}.learn-index-show{margin-bottom:1.5rem;display:block}.learn-index-panel{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);border-radius:.75rem;outline-style:none;width:100%;padding-block:.75rem;padding-inline:1rem;font-size:.875rem;line-height:1.42857}.learn-index-panel:focus{--effect-ring-shadow:0 0 0 calc(2px + var(--effect-ring-offset-width)) var(--effect-ring-color,currentcolor);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow);--effect-ring-color:var(--color-indigo-400)}.learn-index-panel:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:var(--color-slate-900)}.learn-index-text{color:var(--color-slate-500);margin-bottom:.75rem;font-size:.75rem;line-height:1.33333}.learn-index-grid{gap:.75rem;display:grid}@media (width>=48rem){.learn-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=64rem){.learn-index-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.learn-index-stack{border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);border-radius:1rem;flex-direction:column;padding:1.25rem;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}@media (hover:hover){.learn-index-stack:hover{border-color:var(--color-indigo-400)}}.learn-index-stack:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent);background-color:var(--color-slate-900)}.learn-index-text-2{color:var(--color-slate-950);font-size:1rem;font-weight:600;line-height:1.5}.learn-index-text-2:is(.dark *){color:var(--color-white)}.learn-index-text-3{-webkit-line-clamp:2;color:var(--color-slate-500);-webkit-box-orient:vertical;margin-top:.5rem;font-size:.875rem;line-height:1.625;display:-webkit-box;overflow:hidden}.learn-index-text-3:is(.dark *){color:var(--color-slate-400)}.learn-index-text-4{color:var(--color-indigo-600);margin-top:1rem;font-size:.75rem;font-weight:600;line-height:1.33333}.learn-index-text-4:is(.dark *){color:var(--color-indigo-300)}.learn-index-text-5{color:var(--color-slate-500);padding-block:2rem;font-size:.875rem;line-height:1.42857}.learn-index-panel-2{border-style:solid;border-width:1px;border-color:var(--color-slate-200);border-radius:1rem;margin-top:2rem;padding:1.25rem}.learn-index-panel-2:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}.learn-index-text-6{cursor:pointer;font-size:.875rem;font-weight:600;line-height:1.42857}.learn-index-grid-2{gap:1rem;margin-top:1rem;display:grid}@media (width>=40rem){.learn-index-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.learn-index-text-7{color:var(--color-indigo-500);font-size:.875rem;line-height:1.42857;text-decoration-line:underline}.learn-index-panel-3{border-style:solid;border-width:1px;border-color:var(--color-slate-200);border-radius:1rem;min-height:16rem;padding:1.5rem;font-size:.875rem;line-height:1.42857}.learn-index-panel-3:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}.learn-index-panel-4{height:var(--spacing);--effect-gradient-position:to right in oklab;background-image:linear-gradient(var(--effect-gradient-stops));border-radius:9999px;width:2.5rem;margin-bottom:1rem}}