.pn-card-layout{--pn-card-layout-higlighted-border-color:var(--border);--pn-card-layout-background:var(--background-subtle);--pn-card-layout-color:var(--text);background-color:var(--pn-card-layout-background);border-radius:6px;color:var(--pn-card-layout-color);overflow:hidden;padding:var(--s-1) var(--s0) var(--s0);position:relative;transition:background-color .2s,box-shadow .2s}.pn-card-layout:focus-within{--pn-card-layout-background:var(--component);box-shadow:0 0 0 .25rem rgba(var(--bs-primary-rgb),.25)}.pn-card-layout[data-layout=column]{display:flex;flex-direction:column}.pn-card-layout[data-layout=column]>.stack{flex:1 1 auto}.pn-card-layout[data-no-padding=true]{padding:0}.pn-card-layout[data-variant=danger]{--pn-card-layout-higlighted-border-color:var(--danger-border);--pn-card-layout-hover-higlighted-border-color:var(--danger-border-hover)}.pn-card-layout[data-variant=danger] h1 a{color:var(--danger-text-subtle)}.pn-card-layout[data-variant=success]{--pn-card-layout-higlighted-border-color:var(--brand-solid);--pn-card-layout-hover-higlighted-border-color:var(--brand-solid-hover);--pn-card-layout-background:var(--brand-solid);--pn-card-layout-hover-background:var(--brand-solid-hover);--pn-card-layout-color:var(--background)}.pn-card-layout[data-variant=success] a:not(.btn){color:var(--background)}.pn-card-layout[data-variant=primary]{--pn-card-layout-higlighted-border-color:var(--brand-border);--pn-card-layout-hover-higlighted-border-color:var(--brand-border-hover);--pn-card-layout-background:var(--brand-background-subtle);--pn-card-layout-hover-background:var(--brand-component)}.pn-card-layout[data-highlighted=true]{box-shadow:0 0 0 2px var(--pn-card-layout-higlighted-border-color)}.pn-card-layout[data-clickable=true]{cursor:pointer}.pn-card-layout[data-clickable=true] a{text-decoration:none}.pn-card-layout[data-clickable=true]:hover{--pn-card-layout-higlighted-border-color:var(--pn-card-layout-hover-higlighted-border-color);background-color:var(--pn-card-layout-hover-background,var(--component))}.pn-card-layout[data-clickable=true] a:focus{text-decoration:underline}.pn-card-layout[data-clickable=true]:focus-within a:focus{text-decoration:none}[dir=ltr] .pn-card-layout:has(.pn-card-layout-corner:not(:empty)){padding-right:var(--s2)}[dir=rtl] .pn-card-layout:has(.pn-card-layout-corner:not(:empty)){padding-left:var(--s2)}.pn-card-layout-corner{position:absolute;top:0}[dir=ltr] .pn-card-layout-corner{right:0}[dir=rtl] .pn-card-layout-corner{left:0}