@layer ui.tokens,ui.base;@layer ui.components{.collapse{border-radius:var(--ui-radius-surface);inline-size:100%;display:grid;overflow:hidden}.collapse-title{--collapse-title-min-size:3.75rem;--collapse-title-padding-block:var(--ui-space-4);min-block-size:var(--collapse-title-min-size);padding-block:var(--collapse-title-padding-block);padding-inline:var(--ui-space-4) var(--ui-space-12);cursor:pointer;list-style:none;display:block;position:relative}.collapse-title::-webkit-details-marker{display:none}.collapse-title:after{content:"";pointer-events:none;block-size:.5rem;inline-size:.5rem;transition:rotate var(--ui-motion-duration) var(--ui-motion-ease);border-block-end:2px solid;border-inline-end:2px solid;position:absolute;inset-block-start:1.9rem;inset-inline-end:1.4rem;translate:0 -100%;rotate:45deg}:where(.collapse[open])>.collapse-title:after{translate:0 -25%;rotate:225deg}.collapse-content{padding:0 var(--ui-space-4) var(--ui-space-4)}@media (prefers-reduced-motion:reduce){.collapse-title:after{transition:none}}}