.card{align-items:flex-start;display:flex;flex-direction:column;position:relative;background-color:var(--surface-foreground);border-radius:var(--base-radius-half) var(--base-radius-small) var(--base-radius-half) var(--base-radius-small);box-shadow:var(--floating);overflow:visible;width:100%;flex-wrap:wrap}.card.mobile .card-header{padding:16px 12px}.card .card-tag{position:absolute;top:-15px;right:-10px;box-shadow:var(--floating)}.card .search.mobile{width:100%}.card .card-header{align-items:flex-start;display:flex;flex-direction:column;gap:16px;height:auto;min-height:68px;justify-content:center;padding:16px 32px;position:relative;width:100%}.card .card-header.expanded{border-bottom:1px solid var(--border-color)}.card .card-header .title-and-button{align-items:center;flex-wrap:wrap;align-self:stretch;display:flex;flex:0 0 auto;gap:16px;position:relative;width:100%}.card .card-header .searchbar-instance{align-self:stretch;width:250px}.card .card-header .button-instance{flex:0 0 auto;margin-left:auto}.card .card-header .switch-instance{flex:0 0 auto}.card .title-container{display:flex;flex:1 1;gap:12px;align-items:center;justify-content:flex-start;width:100%}.card .title{flex:1 1;margin-top:-1px;color:var(--text-h2);font-family:var(--h2-font-family);font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);letter-spacing:var(--h2-letter-spacing);line-height:var(--h2-line-height)}.card .body{display:flex;flex-direction:column;gap:16px;padding:16px 32px;width:100%;height:auto;overflow:visible;transition:max-height 2s ease-in-out}.card .body.mobile{padding:8px 12px}.card .body:not(.expanded){padding-top:0;padding-bottom:0;max-height:0}