@layer base{.card{background-color:var(--color-base-100);min-width:0;color:var(--color-base-content);border-radius:var(--radius-box,.5rem);border-width:var(--border,1px);border-style:solid;border-color:var(--color-base-300);box-shadow:0 1px 3px 0 rgb(0 0 0/calc(var(--depth,1) * .1)),0 1px 2px -1px rgb(0 0 0/calc(var(--depth,1) * .1));flex-direction:column;display:flex;position:relative;overflow:hidden}.card>figure{margin:0}.card>figure img{width:100%;height:auto;display:block}.card-body{flex-direction:column;flex:auto;gap:.5rem;padding:1.5rem;display:flex}.card-title{font-size:1.125rem;font-weight:600;line-height:1.4}.card-actions{justify-content:flex-end;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.card-clickable{appearance:none;width:100%;font:inherit;text-align:left;cursor:pointer;margin:0;padding:0;transition-property:border-color,box-shadow,transform;transition-duration:.15s;transition-timing-function:ease;display:flex}.card-clickable:hover{border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.card-clickable:hover{border-color:color-mix(in oklab,var(--color-base-content) 25%,var(--color-base-300))}}.card-clickable:hover{box-shadow:0 4px 12px -2px rgb(0 0 0/calc(var(--depth,1) * .15)),0 2px 6px -2px rgb(0 0 0/calc(var(--depth,1) * .1))}.card-clickable:active{transform:scale(.99)}.card-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card-clickable:disabled,.card-clickable[data-disabled]{opacity:.6;cursor:not-allowed;transform:none}.card-selectable{cursor:pointer;transition-property:border-color,box-shadow;transition-duration:.15s;transition-timing-function:ease;position:relative}.card-selectable:hover{border-color:var(--color-base-content)}@supports (color:color-mix(in lab,red,red)){.card-selectable:hover{border-color:color-mix(in oklab,var(--color-base-content) 25%,var(--color-base-300))}}.card-selectable:has(:checked){border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.card-selectable:has(:focus-visible){outline:2px solid var(--color-primary);outline-offset:2px}.card-selectable:has(:disabled){opacity:.6;cursor:not-allowed}.checkbox.card-selectable-indicator,.radio.card-selectable-indicator{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}