@property --collapse-dur-open{syntax:"*";inherits:false}@property --collapse-dur-close{syntax:"*";inherits:false}@property --collapse-ease-open{syntax:"*";inherits:false}@property --collapse-ease-close{syntax:"*";inherits:false}.collapse{transition:grid-template-rows var(--collapse-dur-close,var(--duration-slow)) var(--collapse-ease-close,var(--ease-entrance)), grid-template-columns var(--collapse-dur-close,var(--duration-slow)) var(--collapse-ease-close,var(--ease-entrance)), visibility 0s linear var(--collapse-dur-close,var(--duration-slow));grid-template-rows:0fr;display:grid}.collapse[data-open=false]{visibility:hidden}.collapse[data-open=true]{transition:grid-template-rows var(--collapse-dur-open,var(--duration-slow)) var(--collapse-ease-open,var(--ease-entrance)), grid-template-columns var(--collapse-dur-open,var(--duration-slow)) var(--collapse-ease-open,var(--ease-entrance));grid-template-rows:1fr}.collapse[data-axis=width]{grid-template-rows:1fr;grid-template-columns:0fr}.collapse[data-axis=width][data-open=true]{grid-template-columns:1fr}.collapse__inner{min-width:0;min-height:0;overflow:hidden}.collapse--fade .collapse__inner{opacity:0;transition:opacity var(--collapse-dur-close,var(--duration-base)) var(--collapse-ease-close,var(--ease-standard))}.collapse--fade[data-open=true] .collapse__inner{opacity:1;transition:opacity var(--collapse-dur-open,var(--duration-slow)) var(--collapse-ease-open,var(--ease-entrance)) 60ms}@media (prefers-reduced-motion:reduce){.collapse,.collapse--fade .collapse__inner{transition-duration:1ms}.collapse--fade .collapse__inner{transition-delay:0s}}
