.extension-container{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;max-width:32rem;margin-left:auto;margin-right:auto;display:grid}@media (min-width:640px){.extension-container{grid-template-columns:repeat(7,minmax(0,1fr));gap:1.5rem}}.extension-item{justify-content:center;display:inline-flex;position:relative}.extension-item img{cursor:pointer;width:2.25rem;height:2.25rem}.extension-tooltip{white-space:nowrap;color:#000;text-align:center;background-color:#e5e7eb;border-radius:.25rem;margin-bottom:.5rem;padding:.75rem;display:none;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.extension-tooltip h3{font-size:1.125rem}.extension-item:hover .extension-tooltip{background-color:var(--background);color:var(--foreground);border:1px solid var(--foreground);display:block}
.theme-switch-container{background-color:var(--background);width:fit-content;color:var(--foreground);border-radius:9999px}.theme-switch-container.dark{background-color:var(--background)}.theme-switch-inner-container{border:1px solid var(--foreground);border-radius:1rem;flex-direction:row;justify-content:center;width:auto;display:flex;overflow:hidden}.theme-switch-inner-container.dark{background-color:var(--background)}@media (min-width:640px){.theme-switch-inner-container{flex-direction:row}}.theme-switch-button{background-color:#0000;border:0;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.theme-switch-button.active{background-color:var(--foreground);color:var(--background)}[data-theme=dark] .theme-switch-button.active{background-color:var(--foreground)}.icon-size-4{width:1rem;height:1rem}.icon-size-5{width:1.25rem;height:1.25rem}.theme-switch-button h3{display:none}@media (min-width:640px){.theme-switch-button h3{display:block}}
.navigation-bar{justify-content:space-between;align-items:center;gap:1.5rem;width:100%;display:flex}.github-icon{width:2.25rem;height:2.25rem}@media (min-width:640px){.navigation-bar{justify-content:end;padding-top:2rem}}
.features-list{gap-y:.25rem;flex-wrap:wrap;justify-content:center;gap:.75rem;list-style:none;display:flex}@media (min-width:640px){.features-list{gap-y:.75rem}}.feature-name{font-size:.875rem}@media (min-width:640px){.feature-name{font-size:1.125rem}}.feature-separator{margin:0 .25rem;display:inline-block}.plugin-section{margin-top:2.25rem;display:none}@media (min-width:640px){.plugin-section{display:block}}.plugin-list{flex-wrap:wrap;justify-content:center;gap:.75rem;font-size:.75rem;list-style:none;display:flex}.plugin-link{white-space:nowrap;color:inherit}.plugin-link .plugin-arrow{color:#3b82f6;text-decoration:underline}
.page{grid-template-rows:20px 1fr 20px;place-items:center;gap:64px;min-height:100svh;padding:1rem 80px 80px;display:grid}.main{flex-direction:column;grid-row-start:2;align-items:center;gap:32px;display:flex}.main ol{letter-spacing:-.01em;margin:0;padding-left:0;font-size:14px;line-height:24px;list-style-position:inside}.main li:not(:last-of-type){margin-bottom:8px}.main code{border-radius:4px;padding:2px 4px;font-family:inherit;font-weight:600}.ctas{gap:16px;display:flex}.ctas a{appearance:none;cursor:pointer;border:1px solid #0000;border-radius:128px;justify-content:center;align-items:center;height:48px;padding:0 20px;font-size:16px;font-weight:500;line-height:20px;transition:background .2s,color .2s,border-color .2s;display:flex}a.primary{background:var(--foreground);color:var(--background);gap:8px}a.secondary{min-width:180px}.footer{grid-row-start:3;gap:24px;display:flex}.footer a{align-items:center;gap:8px;display:flex}.footer img{flex-shrink:0}@media (hover:hover) and (pointer:fine){a.primary:hover,a.secondary:hover{border-color:#0000}.footer a:hover{text-underline-offset:4px;text-decoration:underline}}@media (max-width:600px){.page{padding:32px 32px 80px}.main{align-items:center}.main ol{text-align:center}.ctas{flex-direction:column}.ctas a{height:40px;padding:0 16px;font-size:14px}a.secondary{min-width:auto}.footer{flex-wrap:wrap;justify-content:center;align-items:center}}[data-theme=dark] .logo{filter:invert()}