.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);font-weight:800;text-align:center}.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{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:var(--size-44px);height:var(--size-44px);border:var(--size-px) solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-default);background:var(--surface-default);box-shadow:var(--shadow-sm);cursor:pointer;transform:translateY(-50%);transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.related-slider-prev{left:calc(var(--size-22px) * -1)}.related-slider-next{right:calc(var(--size-22px) * -1)}.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{outline:none;box-shadow:var(--shadow-ring)}.related-slider-arrow:disabled{opacity:.3;cursor:default}.extension-carousel--static .related-slider-arrow{display:none}.related-extensions-viewport{width:100%;overflow:hidden;padding-bottom:var(--space-4);margin-bottom:calc(var(--space-4) * -1)}.related-extensions-track{display:flex;gap:var(--size-30px)}.related-extension-card{flex:0 0 auto;min-width:0}.extension-carousel--initial .related-extension-card{flex:0 0 calc((100% - (var(--size-30px) * 2)) / 3);min-width:calc((100% - (var(--size-30px) * 2)) / 3)}@media(max-width:980px){.extension-carousel--initial .related-extension-card{flex-basis:calc((100% - var(--size-30px)) / 2);min-width:calc((100% - var(--size-30px)) / 2)}}@media(max-width:768px){.extension-carousel .related-extensions-viewport{overflow:visible;padding-bottom:0;margin-bottom:0}.extension-carousel .related-extensions-track{flex-wrap:wrap;overflow-x:visible;transform:none}.extension-carousel .related-extension-card{flex:1 1 100%;width:100%;min-width:0}.extension-carousel .related-slider-arrow{display:none}}