@layer modules{.card{--row-gap: var(--spacing-2xs);position:relative;padding:var(--spacing-xs);border-radius:var(--radius-md);display:grid;grid-auto-rows:auto 1fr auto;gap:var(--row-gap) var(--spacing-xs);overflow:hidden;font-size:var(--font-size-body-md)}.card .card-content *{font-size:inherit}.card .card-content>*:not(ul:only-child,ol:only-child){break-inside:avoid}.card .buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-4xs);margin-top:var(--spacing-4xs)}.card.collapsable .card-heading{display:grid;align-items:center;grid-template-columns:1fr auto;cursor:pointer;transition-property:margin;transition-duration:var(--transition-duration-fast);transition-timing-function:var(--transition-timing-function)}.card.collapsable .card-heading::before,.card.collapsable .card-heading::after{content:"";display:inline-block;width:1.33em;height:1.33em;mask-image:url("/assets/icons/close.svg");mask-size:contain;mask-position:center;mask-repeat:no-repeat;background-color:currentColor;margin-left:.5em;flex-shrink:0;grid-area:1/2/2/3;transition-property:opacity,translate;transition-duration:inherit;transition-timing-function:inherit}.card.collapsable .card-heading::after{mask-image:url("/assets/icons/caret.svg");translate:0 -11%;opacity:0}.card.collapsable .card-heading[aria-expanded=false]{margin-bottom:calc(-1*var(--row-gap))}.card.collapsable .card-heading[aria-expanded=false]::after{opacity:1;translate:0 0}.card.collapsable .card-heading[aria-expanded=false]::before{opacity:0;translate:0 11%}.card.collapsable .collapsable-content{display:grid;grid-auto-rows:1fr auto;gap:inherit;overflow:hidden;opacity:1;height:var(--height);transition-property:height,opacity;transition-duration:var(--transition-duration-fast);transition-timing-function:var(--transition-timing-function)}.card.collapsable .collapsable-content[hidden]{height:0px;opacity:0}.card.text-align-center{text-align:center;padding:var(--spacing-sm)}.card.text-align-center .buttons{margin-inline:auto}.card.heading-size-h2 .card-content{font-size:var(--font-size-body-lg)}.card.heading-size-h2 .buttons{margin-top:var(--spacing-xs)}.card.text-align-center.heading-size-h2:only-child .card-content{max-width:42em;margin-inline:auto}@media(min-width: 48rem){.card.text-align-center.heading-size-h2:only-child{padding:var(--spacing-xl)}}.card.color-secondary{background-color:var(--bg-color-secondary);color:var(--text-color-secondary)}.card.color-tertiary{background-color:var(--bg-color-tertiary);color:var(--text-color-tertiary)}.card.color-dark{background-color:var(--bg-color-dark);color:var(--text-color-light)}.card.texture-wheat::before{content:"";display:block;position:absolute;left:50%;top:50%;width:120%;height:100%;padding-bottom:20%;translate:-50% -50%;mask-image:url("/assets/textures/wheat-pattern.svg?v=1");mask-size:22%;mask-repeat:repeat;mask-position:center;background-color:var(--bg-color-light);opacity:.1;mix-blend-mode:overlay;rotate:10deg}.card.texture-wheat>*{z-index:1}@container (min-width: 32rem){.card .card-content.two-column{columns:2;column-gap:var(--spacing-xs)}}}/*# sourceMappingURL=card.css.map */