:where(.tn-card,.tn-card-frame){--card-border-radius:8px;--card-padding-block:8px;--card-padding-inline:16px;--card-section-gap:3px;--card-nested-section-indent:30px}.tn-card-frame,.tn-card-body .tn-card-section{padding:var(--card-padding-block) var(--card-padding-inline);border:1px solid var(--card-border-color,var(--main-border-color));background:var(--card-background-color)}:is(.tn-card-frame,.tn-card-body .tn-card-section).tn-card-highlight-on-hover:hover{background-color:var(--card-background-hover-color);transition:background-color .2s ease-out}.tn-card-frame{border-radius:var(--card-border-radius)}.tn-card-heading{letter-spacing:.4pt;text-transform:uppercase;margin-bottom:10px;font-size:.75rem;font-weight:600}.tn-card-body{gap:var(--card-section-gap);flex-direction:column;display:flex}.tn-card-body .tn-card-section.tn-no-padding{padding:0}.tn-card-body .tn-card-section.tn-no-padding .table{margin-bottom:0}.tn-card-body .tn-card-section:first-of-type{border-top-left-radius:var(--card-border-radius);border-top-right-radius:var(--card-border-radius)}.tn-card-body .tn-card-section:last-of-type{border-bottom-left-radius:var(--card-border-radius);border-bottom-right-radius:var(--card-border-radius)}.tn-card-body .tn-card-section.tn-card-section-nested{padding-left:calc(var(--card-padding-inline) + var(--card-nested-section-indent) * var(--tn-card-section-nesting-level));background-color:color-mix(in srgb, var(--card-background-color) calc(100% / (var(--tn-card-section-nesting-level) + 1)) , transparent)}
