.btn-flat.sidebar-more-section-links-details-summary { &:focus-within, &:active, &:hover { background: var(--d-sidebar-highlight-background); svg.d-icon { color: var(--d-sidebar-highlight-color); } } height: var(--d-sidebar-row-height); color: var(--d-sidebar-link-color); display: flex; list-style: none; box-sizing: border-box; width: 100%; padding: 0 var(--d-sidebar-row-horizontal-padding); justify-content: left; .d-icon { width: var(--d-sidebar-section-link-prefix-width); margin-right: var(--d-sidebar-section-link-prefix-margin-right); color: var(--d-sidebar-link-icon-color); font-size: var(--font-down-1); } } .sidebar-more-section-links-details-content { background-color: var(--d-sidebar-background); transition: background-color 0.25s; box-shadow: var(--shadow-card); border: 1px solid var(--primary-low); margin: 0 calc(var(--d-sidebar-row-horizontal-padding) * 2 / 3); .sidebar-row { padding: 0.33rem calc(var(--d-sidebar-row-horizontal-padding) / 3); } } .sidebar-more-section-links-details-content-main { position: sticky; margin: 0; } .sidebar-more-section-links-details-content-footer { border-top: 2px solid var(--primary-low); display: flex; width: 100%; .sidebar-section-link-wrapper { width: 100%; } } .sidebar-more-section-links-details-content-wrapper { position: absolute; width: 100%; z-index: z("modal", "content") + 1; } .sidebar-more-section-links-details { position: relative; }