:root{--aurora-card-gap: 5px;--aurora-card-radius: var(--radius-aurora)}.card-frame{--aurora-card-radius: var(--radius-aurora);position:relative;isolation:isolate;display:flex;flex-direction:column;border-radius:var(--aurora-card-radius);border:1px solid var(--relay-aurora-border);background-color:var(--relay-surface);background-clip:padding-box;color:var(--relay-text);box-shadow:0 1px 2px color-mix(in oklab,#000 5%,transparent)}.card-frame:before{content:"";pointer-events:none;position:absolute;inset:0;border-radius:calc(var(--aurora-card-radius) - 1px);background-color:color-mix(in oklab,var(--relay-text) 3%,transparent);box-shadow:0 1px color-mix(in oklab,#000 4%,transparent)}.dark .card-frame:before{box-shadow:0 -1px color-mix(in oklab,#fff 6%,transparent)}.card-frame:after{content:"";pointer-events:none;position:absolute;inset:calc(-1 * var(--aurora-card-gap));z-index:-1;border-radius:calc(var(--aurora-card-radius) + var(--aurora-card-gap));border:1px solid var(--relay-aurora-border)}.card-frame>*{position:relative;z-index:1}.card-frame__body{flex:1 1 auto;min-height:0}.card-frame__footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.75rem 1rem;border:0;border-top:1px solid var(--card-frame-footer-border, var(--relay-border));border-bottom-left-radius:calc(var(--aurora-card-radius) - 1px);border-bottom-right-radius:calc(var(--aurora-card-radius) - 1px);background:transparent;color:var(--card-frame-footer-color, var(--relay-text));font:inherit;text-align:left;text-decoration:none;cursor:pointer;transition:background-color .13s var(--ease-out, ease-out)}.card-frame__footer:hover{background-color:var(--card-frame-footer-hover, var(--relay-hi))}.card-frame__footer-arrow{color:var(--card-frame-footer-arrow, var(--relay-muted));transition:transform .16s var(--ease-out, ease-out)}.card-frame__footer:hover .card-frame__footer-arrow{transform:translate(3px);color:var(--card-frame-footer-color, var(--relay-text))}