.dtlt{z-index:1;opacity:0;content-visibility:auto;transition:opacity .26s;display:block;position:absolute;inset:0;overflow:hidden}.dtlt[data-painted]{opacity:1}@media (prefers-reduced-motion:reduce){.dtlt{transition:none}}.dtlt-frame{transform-origin:0 0;pointer-events:none;display:block;position:absolute;top:0;left:0}.dtlt .arc-preview-artboard{background:#fafaf8;border:0;border-radius:0}.dark .dtlt .arc-preview-artboard{background:#0a0a0a}.dtlt .arc-preview-frame{background:#fafaf8}.dark .dtlt .arc-preview-frame{background:#0a0a0a}
.dtc-card{isolation:isolate;aspect-ratio:16/10;appearance:none;width:100%;color:inherit;text-align:left;cursor:pointer;background:#fafaf8;border:none;border-radius:16px;padding:0;position:relative;overflow:hidden}.dark .dtc-card{background:#0a0a0a}.dtc-card:focus-visible{outline-offset:3px;outline:3px solid #ff330f}.dtc-thumb{background:#f2f2ef;border-radius:16px;display:block;position:absolute;inset:0;overflow:hidden}.dark .dtc-thumb{background:#141414}.dtc-placeholder{color:#85857e;font-family:var(--font-geist-sans), system-ui, sans-serif;letter-spacing:-.08em;opacity:.44;font-size:clamp(28px,4vw,48px);font-weight:300;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dark .dtc-placeholder{color:#777770}.dtc-glass{z-index:1;pointer-events:none;background:#0000001f;position:absolute;inset:0}.dtc-name-scrim{z-index:2;opacity:0;background:linear-gradient(#0000,#0000008c);height:68px;transition:opacity .22s;position:absolute;bottom:0;left:0;right:0}.dtc-name{z-index:3;color:#fff;max-width:calc(100% - 79px);font-family:var(--font-geist-sans), system-ui, sans-serif;letter-spacing:-.01em;text-overflow:ellipsis;text-shadow:0 1px 4px #00000073;white-space:nowrap;opacity:0;font-size:13px;font-weight:500;transition:opacity .22s,transform .24s cubic-bezier(.16,1,.3,1);position:absolute;bottom:13px;left:13px;overflow:hidden;transform:translateY(4px)}.dtc-card:hover .dtc-name-scrim,.dtc-card:focus-visible .dtc-name-scrim,.dtc-card:hover .dtc-name,.dtc-card:focus-visible .dtc-name{opacity:1}.dtc-card:hover .dtc-name,.dtc-card:focus-visible .dtc-name{transform:translateY(0)}@media (prefers-reduced-motion:reduce){.dtc-card:hover .dtc-name{transform:none}}.dtc-preview{z-index:4;color:#fff;-webkit-backdrop-filter:blur(12px);background:#1212129e;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:40px;height:40px;transition:transform .24s cubic-bezier(.16,1,.3,1),background .18s,border-color .18s;display:grid;position:absolute;bottom:13px;right:13px}.dtc-card:hover .dtc-preview,.dtc-card:focus-visible .dtc-preview{color:#fff;background:#ff330f;border-color:#ff330f;transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.dtc-card:hover .dtc-preview{transform:none}}