.supported-platforms:where(.astro-l4bnsjui){margin-top:0;padding-top:0;overflow:visible}.supported-platforms:where(.astro-l4bnsjui).with-border{margin-top:3rem;padding-top:3rem}.supported-platforms:where(.astro-l4bnsjui).no-border{margin-top:0;padding-top:0;border-top:none}.platforms-container:where(.astro-l4bnsjui){max-width:750px;margin:0 auto;overflow:visible}.platforms-label:where(.astro-l4bnsjui){display:block;text-align:center;margin-bottom:1.75rem}.platforms-grid:where(.astro-l4bnsjui){display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:1.75rem 1.5rem;align-items:center;justify-items:center;padding-top:16px;padding-bottom:16px}.platform-item:where(.astro-l4bnsjui){display:flex;align-items:center;justify-content:center;transition:opacity .2s ease,transform .2s ease,color .2s ease;cursor:pointer;text-decoration:none;color:var(--sl-color-gray-2)}.platform-item:where(.astro-l4bnsjui):hover{opacity:.8;transform:scale(1.05);color:var(--color-primary)}.platform-item:where(.astro-l4bnsjui) svg{width:32px;height:32px;fill:currentColor;transition:fill .2s ease}.platform-item:where(.astro-l4bnsjui):hover svg{fill:var(--color-primary)!important}.platform-item--soon:where(.astro-l4bnsjui){position:relative;cursor:default;color:var(--sl-color-gray-4);opacity:1}.platform-soon-icon:where(.astro-l4bnsjui){display:flex;align-items:center;justify-content:center;opacity:.42;transition:opacity .2s ease}.platform-item--soon:where(.astro-l4bnsjui):hover{opacity:1;transform:none;color:var(--sl-color-gray-4)}.platform-item--soon:where(.astro-l4bnsjui):hover .platform-soon-icon:where(.astro-l4bnsjui){opacity:.52}.platform-item--soon:where(.astro-l4bnsjui):hover svg{fill:currentColor!important}.platform-soon-tooltip:where(.astro-l4bnsjui){position:absolute;bottom:100%;left:50%;margin-bottom:.5rem;padding:.5rem .75rem;background:#1e1e1e;color:var(--sl-color-white);font-size:.8125rem;line-height:1.4;border-radius:.375rem;box-shadow:0 4px 12px #0000004d;white-space:nowrap;width:max-content;max-width:calc(100vw - 2rem);opacity:0;visibility:hidden;transform:translate(-50%) translateY(.25rem);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;pointer-events:none;z-index:1000}.platform-soon-wrapper:where(.astro-l4bnsjui):hover .platform-soon-tooltip:where(.astro-l4bnsjui){opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.platform-soon-tooltip:where(.astro-l4bnsjui):after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:.375rem solid transparent;border-top-color:#1e1e1e}.supported-platforms--v2:where(.astro-l4bnsjui) .platforms-container:where(.astro-l4bnsjui){max-width:100%;text-align:center}.supported-platforms--v2:where(.astro-l4bnsjui) .platforms-label:where(.astro-l4bnsjui){margin-bottom:2.25rem}.platforms-grid--v2:where(.astro-l4bnsjui){grid-template-columns:repeat(6,1fr);grid-template-rows:none;gap:0;padding:0;margin-top:2rem}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui){flex-direction:column;gap:.75rem;width:100%;padding:1.5rem .5rem;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--sl-color-gray-1)}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui):nth-of-type(6n){border-right:none}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui):nth-of-type(n+7){border-bottom:none}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui):hover{transform:none;opacity:1}.platform-label:where(.astro-l4bnsjui){font-family:var(--font-accent, monospace);font-size:.6875rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sl-color-gray-3)}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui):hover .platform-label:where(.astro-l4bnsjui){color:var(--sl-color-gray-1)}@media(max-width:900px){.platforms-grid--v2:where(.astro-l4bnsjui){grid-template-columns:repeat(3,1fr)}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui):nth-of-type(6n){border-right:1px solid var(--border-subtle)}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui):nth-of-type(3n){border-right:none}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui):nth-of-type(n+7){border-bottom:1px solid var(--border-subtle)}.platforms-grid--v2:where(.astro-l4bnsjui) .platform-item:where(.astro-l4bnsjui):nth-of-type(n+10){border-bottom:none}}@media(max-width:768px){.platforms-grid:where(.astro-l4bnsjui):not(.platforms-grid--v2){grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;gap:1.25rem 1rem}.platforms-grid:where(.astro-l4bnsjui):not(.platforms-grid--v2) .platform-item:where(.astro-l4bnsjui) svg:where(.astro-l4bnsjui){width:28px;height:28px}}@media(max-width:480px){.platforms-grid:where(.astro-l4bnsjui):not(.platforms-grid--v2){grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem .75rem}.platforms-grid:where(.astro-l4bnsjui):not(.platforms-grid--v2) .platform-item:where(.astro-l4bnsjui) svg:where(.astro-l4bnsjui){width:24px;height:24px}}.supported-platforms-section:where(.astro-72pkvegk){overflow:visible;padding-top:0;padding-bottom:0}
