.jui-expandable-card,.jui-expandable-card-layer{--ec-bg:#fff;--ec-ink:#232323;--ec-muted:#737373;--ec-hover:#f5f5f5;--ec-pill:#f0f0f0;color:var(--ec-ink);font-family:inherit}.jui-expandable-card-layer[data-theme=dark],.jui-expandable-card[data-theme=dark]{--ec-bg:#191919;--ec-ink:#f5f5f5;--ec-muted:#a3a3a3;--ec-hover:#232323;--ec-pill:#303030;color-scheme:dark}.jui-expandable-card{display:grid;width:100%;max-width:520px;gap:4px;outline:none}.jui-expandable-card *,.jui-expandable-card-layer *{box-sizing:border-box}.jui-expandable-card-trigger{display:flex;align-items:center;gap:16px;width:100%;padding:12px;border:0;border-radius:16px;text-align:left;background:var(--ec-bg);color:inherit;font:inherit;cursor:pointer}.jui-expandable-card-trigger:hover{background:var(--ec-hover)}.jui-expandable-card-close:focus-visible,.jui-expandable-card-trigger:focus-visible{outline:2px solid #22c55e;outline-offset:4px}.jui-expandable-card-image{flex:none;width:56px;height:56px;overflow:hidden;border-radius:10px}.jui-expandable-card-image img{display:block;width:100%;height:100%;object-fit:cover}.jui-expandable-card-summary{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.jui-expandable-card-title{display:block;margin:0;font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.02em}.jui-expandable-card-subtitle{display:block;margin:0;color:var(--ec-muted);font-size:13px;line-height:1.5}.jui-expandable-card-expand{flex:none;padding:9px 15px;background:var(--ec-pill);border-radius:999px;font-size:12px;font-weight:600}.jui-expandable-card[data-variant=grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.jui-expandable-card[data-variant=grid] .jui-expandable-card-trigger{display:flex;align-items:stretch;flex-direction:column;gap:14px;padding:12px}.jui-expandable-card[data-variant=grid] .jui-expandable-card-image{width:100%;height:auto;aspect-ratio:1.2}.jui-expandable-card-layer{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:32px 16px;background:rgb(0 0 0/.4);isolation:isolate}.jui-expandable-card-dialog{position:relative;display:flex;flex-direction:column;width:min(100%,500px);max-height:calc(100dvh - 64px);border-radius:24px;background:var(--ec-bg);color:var(--ec-ink);outline:none;box-shadow:0 24px 90px rgb(0 0 0/.2)}.jui-expandable-card-dialog>.jui-expandable-card-image{width:100%;height:clamp(160px,36dvh,310px);border-radius:24px 24px 0 0}.jui-expandable-card-heading{display:flex;align-items:center;gap:16px;padding:22px 24px 12px;flex:none}.jui-expandable-card-dialog .jui-expandable-card-title{font-size:18px}.jui-expandable-card-dialog .jui-expandable-card-subtitle{font-size:14px}.jui-expandable-card-action{flex:none}.jui-expandable-card-content{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 24px 26px;color:var(--ec-muted);font-size:14px;line-height:1.75}.jui-expandable-card-content p{margin:0 0 14px}.jui-expandable-card-content p:last-child{margin-bottom:0}.jui-expandable-card-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:50%;background:var(--ec-bg);color:var(--ec-ink);cursor:pointer;box-shadow:0 2px 12px #0002}@media(max-width:480px){.jui-expandable-card-trigger{gap:12px;padding:10px}.jui-expandable-card-expand{padding:8px 11px}.jui-expandable-card-title{font-size:14px}.jui-expandable-card-heading{padding:18px 20px 10px}.jui-expandable-card-content{padding:10px 20px 22px}.jui-expandable-card-layer{padding:20px 12px}.jui-expandable-card-dialog{max-height:calc(100dvh - 40px)}}.demo-expandable-card{width:100%;max-width:520px;display:grid;gap:18px;padding:4px 0}.demo-expandable-card-variants{display:flex;justify-self:center;gap:4px;padding:4px;border:1px solid var(--line);border-radius:10px;background:var(--soft)}.demo-expandable-card-variants button{border:0;background:transparent;color:var(--muted);border-radius:7px;padding:6px 15px;font:inherit;font-size:12px;cursor:pointer}.demo-expandable-card-variants button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px #0001}.demo-expandable-card-save{border:0;border-radius:999px;padding:10px 17px;background:#22c55e;color:#082b15;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.demo-expandable-card-save[aria-pressed=true]{background:#dcfce7;color:#166534}.demo-expandable-card-save:focus-visible{outline:2px solid #22c55e;outline-offset:4px}.demo-expandable-card[data-compact=true]{gap:12px}