.demo-dock{gap:10px;max-width:calc(100% - 24px);padding:8px 10px;border-radius:30px}
.demo-launch{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:40px;padding:9px 17px;border-radius:100px;background:#f7f2f5;color:#302d33;font-size:11px;font-weight:700;white-space:nowrap}
.demo-quicklinks,.demo-toggles{display:flex;align-items:center;gap:3px}
.demo-quicklinks a{min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:100px;padding:9px 14px;font-size:11px;white-space:nowrap}
.demo-quicklinks a:hover{background:#ff00a81c;color:#ff80d4}
.demo-toggles{margin-left:3px}
@media(max-width:700px){.demo-dock{display:grid;grid-template-columns:1fr auto;gap:4px 8px;width:calc(100% - 28px);bottom:12px;border-radius:25px;box-sizing:border-box}.demo-launch{justify-self:start;min-height:34px;font-size:10px;padding:7px 14px}.demo-toggles{grid-column:2;grid-row:1;justify-content:end}.demo-quicklinks{grid-row:2;grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.demo-quicklinks a{padding:9px 4px;min-height:36px;font-size:9px}.site-footer{padding-bottom:140px}}