.extension-carousel{padding:var(--space-16) 0;background:linear-gradient(180deg,var(--surface-muted) 0%,var(--surface-subtle) 100%)}.extension-carousel--plain{background:var(--surface-default)}.related-extensions-heading{margin-bottom:var(--space-9);color:var(--text-strong);font-size:var(--text-ui-4xl);text-align:center;font-weight:800}.related-extensions-heading--with-subtitle{margin-bottom:var(--space-1)}.related-extensions-subtitle{max-width:var(--layout-xl);margin:0 auto var(--space-9);color:var(--text-subtle);font-size:var(--text-ui-md);text-align:center}.related-extensions-slider{position:relative}.related-slider-arrow{z-index:2;width:var(--size-touch-target);height:var(--size-touch-target);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-default);background:var(--surface-default);box-shadow:var(--shadow-sm);cursor:pointer;justify-content:center;align-items:center;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.related-slider-prev{left:-22px}.related-slider-next{right:-22px}.related-slider-arrow:hover:not(:disabled){border-color:var(--brand);color:var(--brand-on-brand);background:var(--brand);box-shadow:var(--shadow-md)}.related-slider-arrow:focus-visible{box-shadow:var(--shadow-ring);outline:none}.related-slider-arrow:disabled{opacity:.3;cursor:default}.extension-carousel--static .related-slider-arrow{display:none}.related-extensions-viewport{width:100%;padding-bottom:var(--space-4);margin-bottom:calc(var(--space-4) * -1);overflow:hidden}.related-extensions-track{gap:var(--space-8);display:flex}.related-extension-card{flex:none;min-width:0}.extension-carousel--initial .related-extension-card{flex:0 0 calc(33.3333% - 20px);min-width:calc(33.3333% - 20px)}@media not all and (min-width:64rem){.related-slider-prev{left:var(--space-1)}.related-slider-next{right:var(--space-1)}.extension-carousel--initial .related-extension-card{flex-basis:calc(50% - 15px);min-width:calc(50% - 15px)}}@media not all and (min-width:48rem){.extension-carousel .related-extensions-viewport{margin-bottom:0;padding-bottom:0;overflow:visible}.extension-carousel .related-extensions-track{flex-wrap:wrap;overflow-x:visible;transform:none}.extension-carousel .related-extension-card{flex:100%;width:100%;min-width:0}.extension-carousel .related-slider-arrow{display:none}}