@layer components{.accordion__root-container{flex-direction:column;overflow:hidden}.accordion__root-container--variant-surface{background-color:var(--color-surface);border-radius:var(--radius-3xl);border-width:1px;border-color:var(--color-surface);box-shadow:var(--shadow-surface)}.accordion__root-background{border-radius:var(--radius-3xl);position:absolute;inset:0;overflow:hidden}.accordion__root-separator{height:hairlineWidth();background-color:var(--color-separator)}.accordion__root-separator--variant-surface{margin-inline:calc(var(--spacing) * 3)}.accordion__item{flex-direction:column;overflow:hidden}.accordion__trigger{padding-block:calc(var(--spacing) * 4);padding-inline:calc(var(--spacing) * 3);justify-content:space-between;align-items:center;gap:calc(var(--spacing) * 4);z-index:10;background-color:#0000;flex-direction:row}.accordion__trigger--variant-surface{padding-inline:calc(var(--spacing) * 5)}.accordion__indicator{justify-content:center;align-items:center}.accordion__content{padding-inline:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 4);background-color:#0000}.accordion__content--variant-surface{padding-inline:calc(var(--spacing) * 5)}}