:root{--s-card-border-radius:var(--s-border-radius-lg);--s-card-bg:var(--s-bg-color-container);--s-card-bg-active:var(--s-bg-color-active);--s-card-icon-padding-y:var(--s-size-sm);--s-card-icon-padding-x:var(--s-size);--s-card-header-padding-y:var(--s-size-sm);--s-card-header-padding-x:var(--s-size);--s-card-title-font-size:var(--s-font-size-lg);--s-card-body-padding-y:var(--s-size-sm);--s-card-body-padding-x:var(--s-size);--s-card-footer-padding-y:var(--s-size-sm);--s-card-footer-padding-x:var(--s-size);--s-card-border-color:var(--s-border-color);--s-card-border-style:var(--s-border-style);--s-card-border-width:var(--s-border-width);--s-card-border-left:0px;--s-card-border-right:0px;--s-card-header-border-color:var(--s-card-border-color);--s-card-header-border-style:var(--s-card-border-style);--s-card-header-border-width:var(--s-card-border-width);--s-card-footer-border-color:var(--s-card-border-color);--s-card-footer-border-style:var(--s-card-border-style);--s-card-footer-border-width:var(--s-card-border-width)}.s-card{display:flex;background:var(--s-card-bg);border-radius:var(--s-card-border-radius)}.s-card--hover{cursor:pointer}.s-card--hover:active{background:var(--s-card-bg-active)}.s-card__icon{flex:none;padding:var(--s-card-icon-padding-y) var(--s-card-icon-padding-x)}.s-card__content{flex:1;min-width:0}.s-card__header{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--s-card-header-padding-y) var(--s-card-header-padding-x)}.s-card__header::after{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);bottom:0;border-bottom:var(--s-card-header-border-width, var(--s-card-border-width)) var(--s-card-header-border-style, var(--s-card-border-style)) var(--s-card-header-border-color, var(--s-card-border-color));transform-origin:bottom center;inset-inline-start:var(--s-card-border-left);inset-inline-end:var(--s-card-border-right)}.s-card__title{font-size:var(--s-card-title-font-size);line-height:var(--s-line-height-snug);flex:1;min-width:0}.s-card__extra{display:flex;align-items:center}.s-card__body{padding:var(--s-card-body-padding-y) var(--s-card-body-padding-x)}.s-card__footer{position:relative;padding:var(--s-card-footer-padding-y) var(--s-card-footer-padding-x)}.s-card__footer::before{position:absolute;z-index:1;pointer-events:none;touch-action:none;opacity:1;content:"";left:0;right:0;transform:scaleY(0.5);top:0;border-top:var(--s-card-footer-border-width, var(--s-card-border-width)) var(--s-card-footer-border-style, var(--s-card-border-style)) var(--s-card-footer-border-color, var(--s-card-border-color));transform-origin:top center;inset-inline-start:var(--s-card-border-left);inset-inline-end:var(--s-card-border-right)}.s-card--head-borderless .s-card__header::after,.s-card--collapsed .s-card__header::after{display:none}.s-card--foot-borderless .s-card__footer::before{display:none}.s-card:is(.has-icon) .s-card__header,.s-card:is(.has-icon) .s-card__body,.s-card:is(.has-icon) .s-card__footer{padding-inline-start:0}.s-card:is(.has-icon){--s-card-border-right:var(--s-card-header-padding-x)}