@layer components{.ui-expand{min-width:0;position:relative}.ui-expand[data-expanded=false]>:first-child{max-height:30rem;overflow:hidden}.ui-expand-control{padding-top:var(--ui-space-sm);justify-content:center;display:flex}.ui-expand[data-expanded=false]>.ui-expand-control{inset-inline:0;background:linear-gradient(to bottom, transparent, var(--ui-surface-canvas) 72%);padding-top:6rem;position:absolute;bottom:0}.ui-expand[data-expanded=true]>.ui-expand-control{bottom:var(--ui-space-sm);pointer-events:none;position:sticky}.ui-expand-control>.ui-button{pointer-events:auto}.ui-expand-control>.ui-button>svg{transition:rotate var(--ui-duration-quick) var(--ui-ease)}.ui-expand[data-expanded=true]>.ui-expand-control>.ui-button>svg{rotate:180deg}}