.dd-card{display:grid;grid-template-columns:40px minmax(0,1fr) 28px;align-items:center;gap:12px;margin-top:12px;padding:12px;border-radius:14px;text-align:left;color:var(--paper);background:var(--deep);border:1px solid color-mix(in srgb,var(--cyan) 30%,transparent);box-shadow:0 12px 28px -18px color-mix(in srgb,var(--deep) 80%,transparent);transition:background-color .25s var(--spring),border-color .25s var(--spring),transform .25s var(--spring)}.dd-card:hover{background:var(--navy2);border-color:color-mix(in srgb,var(--cyan) 60%,transparent)}.dd-card:active{transform:translateY(1px)}.dd-card:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;transition:none}.dd-card-t{min-width:0;font-size:14px;font-weight:700;line-height:1.25;color:var(--paper)}.dd-card-go{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--cyan2);background:color-mix(in srgb,var(--cyan) 14%,transparent);transition:background-color .25s var(--spring),color .25s var(--spring),transform .35s var(--spring)}.dd-card-go:before{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:var(--i-arrow-r) center /contain no-repeat;mask:var(--i-arrow-r) center /contain no-repeat}.dd-card:focus-visible .dd-card-go,.dd-card:hover .dd-card-go{background:var(--cyan);color:var(--deep);transform:translateX(2px)}.dd-card-anim{position:relative;width:40px;height:40px;border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cyan) 25%,transparent)}.dd-card-anim:has(canvas){box-shadow:none}.dd-card-anim>*{position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.dd-card,.dd-card-go{transition:none}.dd-card:hover .dd-card-go{transform:none}}