@layer components{.card-button{background-color:var(--color-white);border:none;border-radius:var(--border-radius-medium);display:block;overflow:hidden;padding:0;text-align:left;transition:transform .5s cubic-bezier(.4,1.4,.6,1) .08s,box-shadow .5s cubic-bezier(.4,1.4,.6,1) .08s;width:100%}.card-button:hover{box-shadow:0 8px 32px #0000002e;transform:scale(1.02) translateY(-2px)}.card{display:flex;flex-direction:column}@media(min-width:64rem){.card{flex-direction:row}}.card .c-image{background-color:var(--color-neutral-200);flex-shrink:0;height:180px;position:relative;width:100%}@media(min-width:64rem){.card .c-image{height:100%;width:180px}}.card .c-image .ci-spinner{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.card .c-image .ci-bg{background-position:50%;background-size:cover;height:100%;width:100%}.card .c-body{align-items:center;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-4) var(--space-4);width:100%}@media(min-width:64rem){.card .c-body{padding:var(--space-3) var(--space-5) var(--space-4) var(--space-6)}}.card .cb-content{display:flex;flex:1;flex-direction:column}.card .cb-title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:1.3;margin:0 0 var(--space-3) 0}.card .cbc-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.card .c-action{align-items:center;background-color:var(--color-secondary-500);border-radius:50%;color:var(--color-white);display:flex;flex-shrink:0;height:40px;justify-content:center;margin-left:var(--space-5);width:40px}.card .c-action .material-icons{font-size:32px}.cbcm-item{align-items:center;display:flex;gap:var(--space-1)}.cbcm-item .material-icons{color:var(--color-primary-600);font-size:var(--font-size-small)}.cbcm-item .cbcmi-text{color:var(--color-neutral-700);font-size:var(--font-size-small)}.cbcm-author{align-items:center;display:flex;gap:var(--space-2)}.cbcm-author img{border-radius:50%;height:26px;-o-object-fit:cover;object-fit:cover;width:26px}.cbcm-author .cbcma-name{color:var(--color-neutral-700);font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}}@layer components{.expandable-list .el-items[data-v-0e8a7180]{display:flex;flex-direction:column;gap:var(--space-3)}.expandable-list .el-toggle[data-v-0e8a7180]{margin-top:var(--space-4);text-align:center}}