.details{background-color:var(--color-neutral);border:1px solid var(--color-border);border-radius:var(--space-size-xs);padding:var(--space-size-xs-s) var(--space-size-m);--details-transition-duration:var(--transition-default-duration);--details-transition-timing-function:var(--transition-default-timing-function);transition:background-color var(--details-transition-duration) var(--details-transition-timing-function)}.details:has(.details__header:hover){background-color:var(--color-secondary)}.details::details-content{interpolate-size:allow-keywords;height:0;overflow:clip;transition:height var(--details-transition-duration) var(--details-transition-timing-function),content-visibility var(--details-transition-duration) allow-discrete}.details[open]::details-content{height:auto}.details--variant-tertiary{background-color:transparent;border-color:transparent;padding:var(--space-size-2xs) 0}.details--variant-tertiary:has(.details__header:hover){background-color:transparent}.details__header{align-self:stretch;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-size-3xs) 0}.details__header::marker{content:""}.details__icon{transition:transform var(--transition-default-duration) var(--transition-default-timing-function)}.details[open] .details__icon{transform:rotateX(180deg)}.details__body{color:var(--color-body-text---transparent-60);padding-top:var(--space-size-3xs)}.details--variant-tertiary .details__body{border-bottom:1px solid var(--color-border);padding:var(--space-size-s) 0}