@layer components{:root{--twentyone--details--margin: var(--twentyone--spacing--12) 0;--twentyone--details--box-shadow: none;--twentyone--details--background: transparent;--twentyone--details--background-active: transparent;--twentyone--details--border-radius: var(--twentyone--spacing--12);--twentyone--details--border-width: 1px;--twentyone--details--border-color: rgba(var(--twentyone--color--black-rgb), .1);--twentyone--details--border-color-active: var(--twentyone--color--primary);--twentyone--details--summary-gap: var(--twentyone--spacing--12);--twentyone--details--summary-padding: var(--twentyone--spacing--12);--twentyone--details--summary-padding-active: var(--twentyone--spacing--12);--twentyone--details--summary-border-radius: var(--twentyone--spacing--12);--twentyone--details--summary-background: transparent;--twentyone--details--summary-background-active: transparent;--twentyone--details--summary-border-width: 0;--twentyone--details--summary-border-color: transparent;--twentyone--details--summary-border-color-active: transparent;--twentyone--details--summary-font-size: var(--twentyone--element--font-size);--twentyone--details--summary-letter-spacing: 0;--twentyone--details--summary-line-height: 1.5;--twentyone--details--summary-text-transform: none;--twentyone--details--summary-color: var(--twentyone--color--black);--twentyone--details--summary-color-active: var(--twentyone--color--black);--twentyone--details--summary-icon-font-size: var(--twentyone--element--font-size);--twentyone--details--summary-icon-color: var(--twentyone--color--primary);--twentyone--details--summary-icon-color-active: var(--twentyone--color--primary);--twentyone--details--icon-big--summary-icon-font-size: var(--twentyone--font-size--level-1);--twentyone--details--content-padding: 0 var(--twentyone--spacing--12);--twentyone--details--content-padding-active: 0 var(--twentyone--spacing--12) var(--twentyone--spacing--12) var(--twentyone--spacing--12);--twentyone--details--content-border-radius: var(--twentyone--spacing--12);--twentyone--details--content-background: transparent;--twentyone--details--content-background-active: transparent;--twentyone--details--content-border-width: 0;--twentyone--details--content-border-color: transparent;--twentyone--details--content-border-color-active: transparent;--twentyone--details--inverted-background: transparent;--twentyone--details--inverted-background-active: transparent;--twentyone--details--inverted-border-color: rgba(var(--twentyone--color--white-rgb), .25);--twentyone--details--inverted-border-color-active: var(--twentyone--color--white);--twentyone--details--inverted-summary-color: var(--twentyone--color--white);--twentyone--details--inverted-summary-color-active: var(--twentyone--color--white);--twentyone--details--inverted-summary-icon-color: var(--twentyone--color--white);--twentyone--details--inverted-summary-icon-color-active: var(--twentyone--color--white);--twentyone--details--inverted-summary-background: transparent;--twentyone--details--inverted-summary-background-active: transparent;--twentyone--details--inverted-summary-border-color: transparent;--twentyone--details--inverted-summary-border-color-active: transparent;--twentyone--details--inverted-content-background: transparent;--twentyone--details--inverted-content-background-active: transparent;--twentyone--details--inverted-content-border-color: transparent;--twentyone--details--inverted-content-border-color-active: transparent}.twentyone-details{background:var(--twentyone--details--background);border-color:var(--twentyone--details--border-color);border-style:solid;border-width:var(--twentyone--details--border-width);margin:var(--twentyone--details--margin);position:relative;width:100%;border-radius:var(--twentyone--details--border-radius);box-shadow:var(--twentyone--details--box-shadow);transition:var(--twentyone--element--transition)}.twentyone-details:first-child{margin-top:0}.twentyone-details:last-child{margin-bottom:0}.twentyone-details .twentyone-details-content{background:var(--twentyone--details--content-background);border-color:var(--twentyone--details--content-border-color);border-style:solid;border-width:var(--twentyone--details--content-border-width);opacity:0;padding:var(--twentyone--details--content-padding);z-index:1;border-radius:var(--twentyone--details--content-border-radius);transition:var(--twentyone--element--transition)}.twentyone-details .twentyone-details-summary{cursor:pointer;align-items:center;background:var(--twentyone--details--summary-background);border-color:var(--twentyone--details--summary-border-color);border-style:solid;border-width:var(--twentyone--details--summary-border-width);color:var(--twentyone--details--summary-color);display:flex;fill:var(--twentyone--details--summary-icon-color);flex-wrap:nowrap;gap:var(--twentyone--details--summary-gap);justify-content:space-between;padding:var(--twentyone--details--summary-padding);position:relative;z-index:2;border-radius:var(--twentyone--details--summary-border-radius);transition:var(--twentyone--element--transition);-webkit-user-select:none;user-select:none}.twentyone-details .twentyone-details-summary::-webkit-details-marker,.twentyone-details .twentyone-details-summary::marker{display:none}.twentyone-details .twentyone-details-summary .twentyone-label{color:inherit;flex:1 1 100%;font-size:var(--twentyone--details--summary-font-size);letter-spacing:var(--twentyone--details--summary-letter-spacing);line-height:var(--twentyone--details--summary-line-height);font-weight:bold;text-transform:var(--twentyone--details--summary-text-transform);transition:var(--twentyone--element--transition)}.twentyone-details .twentyone-details-summary .twentyone-icon svg,.twentyone-details .twentyone-details-summary .twentyone-icon img{font-size:var(--twentyone--details--summary-icon-font-size);transition:var(--twentyone--element--transition)}.twentyone-details.icon--top-start .twentyone-details-summary{flex-direction:column;align-items:start;text-align:start}.twentyone-details.icon--top .twentyone-details-summary{flex-direction:column;align-items:center;text-align:center}.twentyone-details.icon--top-end .twentyone-details-summary{flex-direction:column;align-items:end;text-align:end}.twentyone-details.icon--right-start .twentyone-details-summary{flex-direction:row-reverse;align-items:start}.twentyone-details.icon--right .twentyone-details-summary{flex-direction:row-reverse;align-items:center}.twentyone-details.icon--right-end .twentyone-details-summary{flex-direction:row-reverse;align-items:end}.twentyone-details.icon--bottom-end .twentyone-details-summary{flex-direction:column-reverse;align-items:end;text-align:end}.twentyone-details.icon--bottom .twentyone-details-summary{flex-direction:column-reverse;align-items:center;text-align:center}.twentyone-details.icon--bottom-start .twentyone-details-summary{flex-direction:column-reverse;align-items:start;text-align:start}.twentyone-details.icon--left-end .twentyone-details-summary{flex-direction:row;align-items:end}.twentyone-details.icon--left .twentyone-details-summary{flex-direction:row;align-items:center}.twentyone-details.icon--left-start .twentyone-details-summary{flex-direction:row;align-items:start}.twentyone-details.icon--big .twentyone-details-summary .twentyone-icon svg,.twentyone-details.icon--big .twentyone-details-summary .twentyone-icon img{font-size:var(--twentyone--details--icon-big--summary-icon-font-size)}.twentyone-details[open]{background:var(--twentyone--details--background-active);border-color:var(--twentyone--details--border-color-active)}.twentyone-details[open] .twentyone-details-content{background:var(--twentyone--details--content-background-active);border-color:var(--twentyone--details--content-border-color-active);opacity:1;padding:var(--twentyone--details--content-padding-active);visibility:visible}.twentyone-details[open] .twentyone-details-summary{background:var(--twentyone--details--summary-background-active);border-color:var(--twentyone--details--summary-border-color-active);color:var(--twentyone--details--summary-color-active);fill:var(--twentyone--details--summary-icon-color-active);padding:var(--twentyone--details--summary-padding-active)}.twentyone-details[open] .twentyone-details-summary .twentyone-icon.is--dropdown svg,.twentyone-details[open] .twentyone-details-summary .twentyone-icon.is--dropdown img{rotate:-180deg}.twentyone-details.is--inverted{background:var(--twentyone--details--inverted-background);border-color:var(--twentyone--details--inverted-border-color)}.twentyone-details.is--inverted .twentyone-details-content{background:var(--twentyone--details--inverted-content-background);border-color:var(--twentyone--details--inverted-content-border-color)}.twentyone-details.is--inverted .twentyone-details-summary{background:var(--twentyone--details--inverted-summary-background);border-color:var(--twentyone--details--inverted-summary-border-color);color:var(--twentyone--details--inverted-summary-color);fill:var(--twentyone--details--inverted-summary-icon-color)}.twentyone-details.is--inverted[open]{background:var(--twentyone--details--inverted-background-active);border-color:var(--twentyone--details--inverted-border-color-active)}.twentyone-details.is--inverted[open] .twentyone-details-content{background:var(--twentyone--details--inverted-content-background-active);border-color:var(--twentyone--details--inverted-content-border-color-active)}.twentyone-details.is--inverted[open] .twentyone-details-summary{background:var(--twentyone--details--inverted-summary-background-active);border-color:var(--twentyone--details--inverted-summary-border-color-active);color:var(--twentyone--details--inverted-summary-color-active);fill:var(--twentyone--details--inverted-summary-icon-color-active)}}