.sub-products[data-astro-cid-522xw7it]{width:var(--base-100-percent);justify-content:center;align-items:center;display:flex;& .sub-products-inside{max-width:var(--section-content-width);padding-left:var(--spacing-content);padding-right:var(--spacing-content);width:var(--base-100-percent);margin-left:auto;margin-right:auto;& .sub-products-list{gap:var(--spacing-2xl);flex-direction:column;display:flex;& .card-base{width:var(--base-100-percent);& .card-content{gap:var(--subproducts-card-content-gap)}}}& .sub-products-sidebar{align-self:start;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);flex-direction:column;display:flex;& .sub-products-header{gap:var(--spacing-gap);flex-direction:column;display:flex}& .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));top:var(--subproducts-progress-offset);left:var(--base-0);width:var(--subproducts-progress-width);position:absolute;& .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{padding-left:var(--subproducts-toc-indent);flex-direction:column;list-style:none;display:flex;position:relative;& .sub-products-toc-item{cursor:pointer;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);transition:color var(--transition-normal) var(--transition-ease);align-items:center;display:flex;position:relative;&:after,&:before{content:"";transform:translateY(var(--base-negative-50-percent));transition:background-color var(--transition-normal) var(--transition-ease), border-color var(--transition-normal) var(--transition-ease);z-index:var(--z-index-1);position:absolute;top:50%}&: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:color 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-522xw7it].sub-products-toc-label{color:var(--color-text-primary)}}}}@media (width>=768px){margin-bottom:var(--base-0);top:var(--subproducts-sidebar-top);position:sticky}}&[data-type=grid]{flex-direction:column;display:flex;@media (width>=768px){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;align-items:start;display:grid}}&[data-type=horizontal]{flex-flow:wrap;display:flex;& .sub-products-list{width:var(--base-100-percent);flex:1}& .sub-products-sidebar{width:fit-content}}&[data-type=vertical]{flex-direction:column;justify-content:center;display:flex;& .sub-products-sidebar{width:var(--base-100-percent);align-items:center;position:relative;top:auto;& .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);padding-bottom:var(--spacing-2xl);padding-top:var(--subproducts-variant-padding-top);width:calc(var(--base-100-percent) - var(--spacing-content));margin-left:auto;margin-right:auto}&[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 (width>=1024px){[data-astro-cid-522xw7it]:has(.banner) .sub-products[data-astro-cid-522xw7it] .sub-products-inside[data-astro-cid-522xw7it][data-type=grid] .sub-products-sidebar[data-astro-cid-522xw7it]{top:var(--subproducts-sidebar-top-banner)}}