.ide-carousel-wrapper:where(.astro-f4tzy3j7){box-sizing:border-box;width:100%;margin:2rem 0;position:relative}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-tabs-bar:where(.astro-f4tzy3j7){scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:1rem;padding-bottom:4px;display:flex;overflow-x:auto}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-tabs-bar:where(.astro-f4tzy3j7)::-webkit-scrollbar{display:none}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).ide-tab-button{all:unset;box-sizing:border-box;background:var(--sl-color-bg-nav,var(--sl-color-gray-6));border:1px solid var(--sl-color-hairline,var(--sl-color-gray-5));color:var(--sl-color-gray-2);font-family:var(--sl-font-system);cursor:pointer;white-space:nowrap;border-radius:99rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).ide-tab-button .tab-icon:where(.astro-f4tzy3j7){color:var(--sl-color-gray-3);justify-content:center;align-items:center;transition:color .2s;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).ide-tab-button:hover{background:var(--sl-color-gray-5);color:var(--sl-color-white)}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).ide-tab-button:hover .tab-icon:where(.astro-f4tzy3j7){color:var(--sl-color-white)}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).ide-tab-button.active{background:var(--sl-color-accent-low);border-color:var(--sl-color-accent);color:var(--sl-color-accent-high);font-weight:600}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).ide-tab-button.active .tab-icon:where(.astro-f4tzy3j7){color:var(--sl-color-accent)}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .carousel-viewport:where(.astro-f4tzy3j7){border:1px solid var(--sl-color-hairline,var(--sl-color-gray-5));background:var(--sl-color-bg-nav,var(--sl-color-gray-6));border-radius:1rem;width:100%;overflow:hidden;box-shadow:0 4px 20px #0000000f}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .carousel-track:where(.astro-f4tzy3j7){will-change:transform;width:100%;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .carousel-slide:where(.astro-f4tzy3j7){box-sizing:border-box;opacity:.3;flex:0 0 100%;width:100%;transition:opacity .4s}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .carousel-slide:where(.astro-f4tzy3j7).active{opacity:1}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-card:where(.astro-f4tzy3j7){box-sizing:border-box;grid-template-columns:1fr 1.2fr;align-items:center;gap:1.5rem;min-height:320px;padding:1.75rem;display:grid}@media (width<=768px){.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-card:where(.astro-f4tzy3j7){grid-template-columns:1fr;gap:1.25rem;padding:1.25rem}}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-info:where(.astro-f4tzy3j7){flex-direction:column;gap:1rem;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-header:where(.astro-f4tzy3j7){align-items:center;gap:.75rem;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-header:where(.astro-f4tzy3j7) .ide-icon:where(.astro-f4tzy3j7){color:var(--sl-color-accent);background:var(--sl-color-accent-low);border-radius:.5rem;justify-content:center;align-items:center;padding:.5rem;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-header:where(.astro-f4tzy3j7) .ide-title:where(.astro-f4tzy3j7){color:var(--sl-color-white);margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-description:where(.astro-f4tzy3j7){color:var(--sl-color-gray-2);margin:0;font-size:.95rem;line-height:1.6}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-actions:where(.astro-f4tzy3j7){margin-top:.5rem}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-cta-button:where(.astro-f4tzy3j7){background:var(--sl-color-accent);border-radius:.5rem;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;color:var(--sl-color-black,#000)!important;text-decoration:none!important}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-cta-button:where(.astro-f4tzy3j7):hover{background:var(--sl-color-accent-high);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-cta-button:where(.astro-f4tzy3j7) svg{transition:transform .2s}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-cta-button:where(.astro-f4tzy3j7):hover svg{transform:translate(3px)}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .ide-media:where(.astro-f4tzy3j7){justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .screenshot-wrapper:where(.astro-f4tzy3j7){border:1px solid var(--sl-color-hairline,var(--sl-color-gray-5));width:100%;box-shadow:none;background:0 0;border-radius:.6rem;display:block;position:relative;overflow:hidden}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .screenshot-wrapper:where(.astro-f4tzy3j7) img:where(.astro-f4tzy3j7){object-fit:cover;border-radius:.6rem;width:100%;height:auto;display:block;box-shadow:none!important;background:0 0!important}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .carousel-controls-bar:where(.astro-f4tzy3j7){justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:0;line-height:0;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) .carousel-dots:where(.astro-f4tzy3j7){justify-content:center;align-items:center;gap:8px;height:36px;margin:0;padding:0;line-height:0;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).carousel-dot{all:unset;box-sizing:border-box;background:var(--sl-color-gray-5,#dadce0);cursor:pointer;border:none;border-radius:99em;flex-shrink:0;justify-content:center;align-items:center;width:8px;height:8px;margin:0;padding:0;line-height:0;transition:width .3s cubic-bezier(.2,0,0,1),background .3s;display:flex;position:relative;overflow:hidden}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).carousel-dot .dot-fill:where(.astro-f4tzy3j7){background:var(--sl-color-accent,#1a73e8);border-radius:99em;width:0%;height:100%;position:absolute;top:0;left:0}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).carousel-dot.active{background:var(--sl-color-gray-4,#e0e2e5);width:36px}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).carousel-dot.active .dot-fill:where(.astro-f4tzy3j7){width:0%}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).carousel-dot:hover:not(.active){background:var(--sl-color-gray-3,#5f6368)}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).slider-control-button{all:unset;box-sizing:border-box;background:var(--sl-color-bg-nav,#f0f4f9);border:1px solid var(--sl-color-hairline,#e0e2e5);width:36px;height:36px;color:var(--sl-color-gray-2,#1f1f1f);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;line-height:0;transition:background .15s,border-color .15s,transform .15s;display:flex}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).slider-control-button:hover{background:var(--sl-color-gray-5,#e3e5e8);border-color:var(--sl-color-gray-4,#c4c7c5);transform:scale(1.05)}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).slider-control-button:active{transform:scale(.95)}.ide-carousel-wrapper:where(.astro-f4tzy3j7) button:where(.astro-f4tzy3j7).slider-control-button svg:where(.astro-f4tzy3j7){fill:currentColor;width:20px;height:20px;margin:0;padding:0;display:block}@keyframes progressFill{0%{width:0%}to{width:100%}}.ide-carousel-wrapper:where(.astro-f4tzy3j7).paused .dot-fill:where(.astro-f4tzy3j7){animation-play-state:paused!important}