.sub-products[data-astro-cid-zj5ok2tu]{align-items:center;display:flex;justify-content:center;width:var(--base-100-percent);.sub-products-inside{margin-left:auto;margin-right:auto;max-width:var(--section-content-width);padding-left:var(--spacing-content);padding-right:var(--spacing-content);width:var(--base-100-percent);.sub-products-list{display:flex;flex-direction:column;gap:var(--spacing-2xl);.card-base{width:var(--base-100-percent);.card-content{gap:var(--subproducts-card-content-gap)}}}.sub-products-sidebar{align-self:start;display:flex;flex-direction:column;gap:var(--spacing-xl);position:sticky;top:var(--subproducts-sidebar-top);.sub-products-header{display:flex;flex-direction:column;gap:var(--spacing-gap)}.sub-products-navigation{position:relative;.sub-products-progress{background:var(--subproducts-progress-bg);border-radius:var(--subproducts-progress-width);height:calc(var(--base-100-percent) - calc(var(--subproducts-progress-offset) * 2));position:absolute;top:var(--subproducts-progress-offset);left:var(--base-0);width:var(--subproducts-progress-width);.sub-products-progress-bar{background:var(--subproducts-progress-fill);border-radius:var(--subproducts-progress-width);height:var(--base-0);transition:height var(--transition-normal) var(--transition-ease);width:var(--base-100-percent)}}.sub-products-toc{display:flex;flex-direction:column;list-style:none;padding-left:var(--subproducts-toc-indent);position:relative;.sub-products-toc-item{align-items:center;cursor:pointer;display:flex;margin-left:calc(var(--subproducts-toc-indent) * -1);padding:var(--subproducts-toc-item-padding) var(--subproducts-toc-item-padding) var(--subproducts-toc-item-padding) var(--subproducts-toc-item-padding-left);position:relative;transition:color var(--transition-normal) var(--transition-ease);&:after,&:before{content:"";position:absolute;top:50%;transform:translateY(var(--base-negative-50-percent));transition:all var(--transition-normal) var(--transition-ease);z-index:var(--z-index-1)}&:after{background-color:var(--subproducts-toc-dot-color);border-radius:var(--subproducts-toc-dot-size);height:var(--subproducts-toc-dot-size);left:calc(var(--subproducts-toc-dot-size) / -2 + var(--subproducts-toc-dot-border-width) / 2);width:var(--subproducts-toc-dot-size)}&:before{border:solid var(--subproducts-toc-dot-border-width) var(--subproducts-toc-dot-color);border-radius:var(--subproducts-toc-dot-radius);height:var(--subproducts-toc-dot-outer-size);left:calc(var(--subproducts-toc-dot-outer-size) / -2 + var(--subproducts-toc-dot-border-width) / 2);width:var(--subproducts-toc-dot-outer-size)}.sub-products-toc-label{color:var(--subproducts-toc-label-color);transition:all var(--transition-normal) var(--transition-ease)}&[data-states=active]:before{border-color:var(--subproducts-toc-dot-active-color)}&[data-states=active]:after{background-color:var(--subproducts-toc-dot-active-color)}&[data-states=active] .typography[data-astro-cid-zj5ok2tu].sub-products-toc-label{color:var(--color-text-primary)}}}}}&[data-type=grid]{align-items:start;display:grid;grid-auto-columns:var(--base-1fr);grid-column-gap:var(--spacing-xl);grid-row-gap:var(--spacing-xl);grid-template-columns:var(--subproducts-grid-columns);grid-template-rows:auto}&[data-type=horizontal]{display:flex;flex-flow:row wrap;.sub-products-list{flex:1;width:var(--base-100-percent)}.sub-products-sidebar{width:fit-content}}&[data-type=vertical]{display:flex;flex-direction:column;justify-content:center;.sub-products-sidebar{align-items:center;position:relative;top:auto;width:var(--base-100-percent);.sub-products-header .typography{text-align:center}}}}&[data-variant=ai],&[data-variant=cobalt]{border-radius:var(--radius-card-lg) var(--radius-card-lg) var(--base-0) var(--base-0);max-width:var(--section-wide-width);margin-left:auto;margin-right:auto;padding-bottom:var(--spacing-2xl);padding-top:var(--subproducts-variant-padding-top);width:calc(var(--base-100-percent) - var(--spacing-content))}&[data-variant=ai]{background:linear-gradient(var(--gradient-deg-180),var(--subproducts-ai-gradient-start),var(--color-transparent-white))}&[data-variant=cobalt]{background:linear-gradient(var(--gradient-deg-180),var(--subproducts-cobalt-gradient-start),var(--color-transparent-white))}}@media(min-width:1024px){[data-astro-cid-zj5ok2tu]:has(.banner) .sub-products[data-astro-cid-zj5ok2tu] .sub-products-inside[data-astro-cid-zj5ok2tu][data-type=grid] .sub-products-sidebar[data-astro-cid-zj5ok2tu]{top:var(--subproducts-sidebar-top-banner)}}