.dbi{min-height:20rem;font-family:var(--v2-font-figtree), system-ui, -apple-system, sans-serif;text-align:left;position:relative}.dbi-list{flex-direction:column-reverse;justify-content:flex-end;height:20rem;margin:0;padding:0;list-style:none;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.dbi-row{opacity:0;transition:grid-template-rows .45s var(--v2-ease), opacity .4s var(--v2-ease), transform .45s var(--v2-ease);grid-template-rows:0fr;display:grid;transform:translateY(-8px)scale(.98)}.dbi-row>div{min-height:0;overflow:hidden}.dbi-row.is-in{opacity:1;grid-template-rows:1fr;transform:none}.dbi-pill{background:#1a1433;border:1px solid #c8c4d829;border-radius:14px;align-items:center;gap:.75rem;margin-bottom:.625rem;padding:.75rem 1rem .75rem .75rem;display:flex;box-shadow:0 10px 24px -12px #0009}.dbi-ico{background:#ffffff12;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.dbi-ico svg{width:18px;height:18px}.dbi-t{color:#f5f4ff;flex:none;font-size:.9375rem;font-weight:600}.dbi-url{color:#7a7590;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-left:auto;font-size:.8125rem;overflow:hidden}.dbi-url b{color:#c8c4d8;font-weight:500}@media (max-width:420px){.dbi-pill{flex-wrap:wrap;row-gap:.25rem}.dbi-url{flex-basis:100%;margin-left:calc(34px + .75rem)}}.dbi.is-instant *{transition:none!important}@media (prefers-reduced-motion:reduce){.dbi *{transition:none!important}}
.dbc{width:100%}.dbc-frame{width:100%;max-width:35rem;font-family:var(--v2-font-figtree), system-ui, -apple-system, sans-serif;background:#faf9fc;border:1px solid #06021414;border-radius:14px;padding:10px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 0 0 1px #0000000a}.dbc-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dbc-row{background:#fff;border:1px solid #06021414;border-radius:10px;align-items:center;gap:12px;padding:10px 10px 10px 12px;display:flex;box-shadow:0 1px 2px #0000000d}.dbc-fav{background:linear-gradient(145deg, color-mix(in srgb, var(--c) 78%, #fff), var(--c));color:#fff;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 0 0 1px #0000000f}.dbc-fav svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.dbc-note{color:#c8272d;white-space:nowrap;font-variant-numeric:tabular-nums;opacity:0;transition:opacity .3s var(--v2-ease), transform .5s var(--v2-ease);background:#fdecec;border-radius:999px;flex:none;align-items:center;gap:5px;padding:4px 9px 4px 7px;font-size:12px;font-weight:600;display:flex;transform:translate(56px)scale(.9)}.dbc-note svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linejoin:round;stroke-linecap:round;width:13px;height:13px}.dbc-row.is-asked .dbc-note{opacity:1;transform:none}@media (max-width:440px){.dbc-row{gap:8px}.dbc-url{font-size:13px}.dbc-w{display:none}}.dbc-note.is-bump{animation:dbc-in .4s var(--v2-ease)}@keyframes dbc-in{0%{background:#f9cfd0;transform:translate(14px)}}.dbc-url{color:#060214;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:500;overflow:hidden}.dbc-btn{z-index:1;color:#fff;transition:background .3s var(--v2-ease), color .3s var(--v2-ease), transform .15s var(--v2-ease);background:#5b4bff;border-radius:8px;flex:none;padding:6px 14px;font-size:12.5px;font-weight:600;display:grid;position:relative}.dbc-btn>span{text-align:center;transition:opacity .25s var(--v2-ease);grid-area:1/1}.dbc-live{opacity:0}.dbc-live:before{content:"✓ "}.dbc-btn.is-press{transform:scale(.94)}.dbc-row.is-live .dbc-btn{color:#1f8a57;background:#e6f6ee}.dbc-row.is-live .dbc-pub{opacity:0}.dbc-row.is-live .dbc-live{opacity:1}.dbc-cursor{z-index:2;fill:#060214;stroke:#fff;stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(0 2px 3px #00000040);opacity:0;pointer-events:none;width:20px;height:20px;transition:transform .42s var(--v2-ease), opacity .25s var(--v2-ease);position:absolute;top:0;left:0}.dbc-cursor.is-on{opacity:1}.dbc.is-instant *{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.dbc *{transition:none!important;animation:none!important}}