.example-image{display:block}.example-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:17px;padding-top:14px;border-top:1px solid #d8dce5;font-size:12px;color:#5e6471}.example-actions a{display:inline-flex;align-items:center;gap:14px}.example-actions a:last-child{color:#292d3a}.example-actions a:hover{color:#5f48b7}.example-actions a:focus-visible{outline:2px solid #69608c;outline-offset:6px}.example-actions span{font-size:17px;transition:transform .25s}.example-actions a:hover span{transform:translate(2px,-2px)}
.demo-bar{position:fixed;z-index:90;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:25px;width:max-content;max-width:calc(100% - 30px);padding:12px 12px 12px 22px;border:1px solid #ffffff30;border-radius:12px;background:#15161ef2;color:#f8f8fb;box-shadow:0 10px 40px #0003;backdrop-filter:blur(18px);font:400 12px/1.4 'DM Sans',sans-serif}.demo-bar a{color:inherit;text-decoration:none}.demo-bar .demo-brand{display:flex;align-items:center;gap:15px}.demo-bar .demo-brand img{width:82px;height:auto}.demo-bar .demo-label{color:#c1c0cb;border-left:1px solid #ffffff26;padding-left:25px}.demo-bar .demo-use{display:flex;align-items:center;gap:25px;background:#e3e579;color:#1c201a;border-radius:6px;padding:12px 17px;font-weight:600}.demo-bar a:focus-visible{outline:2px solid #e3e579;outline-offset:5px}.demo-bar .demo-use:focus-visible{outline-color:white}.demo-bar .demo-use:hover{background:#eff1a0}.demo-bar .demo-use span{font-size:17px}@media(max-width:700px){.demo-bar{bottom:12px;padding:9px 9px 9px 15px;gap:25px}.demo-bar .demo-label{display:none}.demo-bar .demo-use{font-size:11px;gap:20px;padding:12px}.demo-bar .demo-brand{gap:9px}.demo-bar .demo-brand img{width:69px}.example-actions{font-size:12px}}@media(prefers-reduced-motion:reduce){.example-actions span{transition:none}}
body:has(.demo-bar){padding-bottom:88px}


/* Light, unboxed Linkmas wordmark with the existing yellow call to action */
.demo-bar{background:#fffdf8f2;color:#28262d;border-color:#ffffffd8;box-shadow:0 12px 42px #20232c26}
.demo-bar .demo-label{color:#74717b;border-left-color:#29242f20}
.demo-bar .demo-use span{font-size:inherit}
.demo-bar .ui-arrow{width:15px;height:15px}
.demo-bar .ui-arrow-back{width:15px;height:15px}