/* The comparison is a continuous demonstration with an explicit, quiet pause control. */
.dv-component .dv-browser-bar{min-height:44px}
.dv-component .dv-motion{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 0 0 10px;border:0;background:transparent;color:#333d38;font:500 11px/1 Figtree,sans-serif;letter-spacing:0;cursor:pointer}
.dv-component .dv-motion[hidden]{display:none}
.dv-component .dv-motion i{display:block;width:10px;height:11px;border:solid currentColor;border-width:0 3px;font-style:normal}
.dv-component .dv-motion[aria-pressed=true] i{height:0;width:0;border:solid transparent;border-width:6px 0 6px 9px;border-left-color:currentColor;margin-right:1px}
.dv-component .dv-motion:hover{color:#000;text-decoration:underline;text-underline-offset:4px}
.dv-component .dv-motion:focus-visible{outline:2px solid #a17600;outline-offset:3px}
@media(max-width:550px){.dv-component .dv-motion{font-size:10px;gap:6px}.dv-component .dv-browser-bar{padding-right:11px}}
