.db-visual{--db-fill:#f6f5f1;--db-top:#fcfbf9;--db-stroke:#a8a29e;--db-stroke-strong:#78716c;--db-dither:#78716c;--db-accent:#d2c820;--db-ink:#1c1917;--db-muted:#78716c;justify-content:center;display:flex}.db-visual--embedded{align-items:center;height:auto}.db-visual--embedded .db-svg{max-width:420px}.db-svg{width:100%;max-width:420px;height:auto;overflow:visible}.db-fill{fill:var(--db-fill)}.db-top{fill:var(--db-top);stroke:var(--db-stroke);stroke-width:2px}.db-stroke{stroke:var(--db-stroke);stroke-width:2px;stroke-linecap:round}.db-dither-dot{fill:var(--db-dither)}.db-dither{opacity:.22}.db-slab{transition:transform .55s cubic-bezier(.16,1,.3,1)}.db-slab[data-active=true] .db-top,.db-slab[data-active=true] .db-stroke{stroke:var(--db-stroke-strong)}.db-slab[data-active=true] .db-fill{fill:#fff}.db-callout line{stroke:var(--db-stroke-strong);stroke-width:1.5px;stroke-dasharray:3 3}.db-callout-dot{fill:var(--db-stroke-strong)}.db-callout-tag{fill:var(--db-ink)}.db-callout-text{fill:#fff;font-size:12px;font-weight:600}.db-callout{animation:.4s both db-fade-in}.db-enclosure{stroke:var(--db-stroke-strong);stroke-width:2px;stroke-dasharray:3 6;stroke-linecap:round;opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.96)}.db-enclosure[data-on=true]{animation:.7s both db-enclose}@keyframes db-enclose{0%{opacity:0;stroke-dashoffset:220px;transform:scale(.96)}to{opacity:1;stroke-dashoffset:0;transform:scale(1)}}.db-lock{opacity:0;transform-box:fill-box;transform-origin:50%;transform:scale(.4)}.db-lock[data-on=true]{animation:.45s cubic-bezier(.34,1.56,.64,1) .45s both db-pop}.db-lock-box{fill:var(--db-accent)}.db-lock-body{fill:var(--db-ink)}.db-lock-shackle{stroke:var(--db-ink);stroke-width:2.4px;stroke-linecap:round}.db-lock-keyhole{fill:var(--db-accent)}@keyframes db-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}@keyframes db-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.db-slab,.db-callout,.db-enclosure[data-on=true],.db-lock[data-on=true]{transition:none!important;animation:none!important}}