.demo-ribbon[data-astro-cid-c5bpeyh7]{position:fixed;top:0;left:0;right:0;z-index:10000;background:#0f1117;color:#f5f0e8;text-align:center;font-size:12px;font-family:DM Sans,system-ui,sans-serif;padding:0 12px;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:visible}.demo-ribbon[data-astro-cid-c5bpeyh7] a[data-astro-cid-c5bpeyh7]{color:#c0531e;text-decoration:none;font-weight:600}.demo-ribbon[data-astro-cid-c5bpeyh7] a[data-astro-cid-c5bpeyh7]:hover{color:#d4652e;text-decoration:underline}.demo-ribbon-text[data-astro-cid-c5bpeyh7]{display:inline}.demo-ribbon-nav[data-astro-cid-c5bpeyh7]{position:relative;display:inline-flex;align-items:center;flex-shrink:0}.demo-ribbon-trigger[data-astro-cid-c5bpeyh7]{background:#ffffff14;color:#f5f0e8;border:1px solid rgba(255,255,255,.12);padding:4px 28px 4px 10px;font-size:11px;font-family:inherit;border-radius:6px;cursor:pointer;position:relative;user-select:none;transition:all .2s ease;max-width:160px;overflow:hidden;text-overflow:ellipsis}.demo-ribbon-trigger[data-astro-cid-c5bpeyh7]:hover{background:#ffffff24;border-color:#fff3}.demo-ribbon-trigger[data-astro-cid-c5bpeyh7]:after{content:"";position:absolute;right:8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #f5f0e8;transition:transform .25s ease}.demo-ribbon-trigger[data-astro-cid-c5bpeyh7].open:after{transform:translateY(-50%) rotate(180deg)}.demo-ribbon-trigger[data-astro-cid-c5bpeyh7].open{background:#ffffff29;border-color:#ffffff40}.demo-ribbon-popout[data-astro-cid-c5bpeyh7]{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:#161a23;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;width:520px;max-height:70vh;overflow-y:auto;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff0d;opacity:0;visibility:hidden;transform:translate(-50%) translateY(-8px);transition:opacity .25s ease,transform .25s ease,visibility .25s ease;z-index:10001}.demo-ribbon-popout[data-astro-cid-c5bpeyh7].open{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.demo-ribbon-popout[data-astro-cid-c5bpeyh7]:before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#161a23;border-left:1px solid rgba(255,255,255,.1);border-top:1px solid rgba(255,255,255,.1);transform:translate(-50%) rotate(45deg)}.demo-ribbon-popout[data-astro-cid-c5bpeyh7] a[data-astro-cid-c5bpeyh7]{display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;border-radius:8px;font-size:10px;font-weight:500;color:#a0a0a8;text-decoration:none!important;transition:all .15s ease;text-align:center;line-height:1.2;white-space:normal}.demo-ribbon-popout[data-astro-cid-c5bpeyh7] a[data-astro-cid-c5bpeyh7]:hover{background:#ffffff0f;color:#f5f0e8;transform:translateY(-1px)}.demo-ribbon-popout[data-astro-cid-c5bpeyh7] a[data-astro-cid-c5bpeyh7].active{background:#c0531e26;color:#c0531e;font-weight:600}.demo-ribbon-popout[data-astro-cid-c5bpeyh7] .pop-icon[data-astro-cid-c5bpeyh7]{font-size:20px;line-height:1}.demo-ribbon-popout[data-astro-cid-c5bpeyh7] .pop-label[data-astro-cid-c5bpeyh7]{font-size:10px}.demo-ribbon-popout-footer[data-astro-cid-c5bpeyh7]{grid-column:1 / -1;display:flex;gap:6px;margin-top:4px;padding-top:8px;border-top:1px solid rgba(255,255,255,.06)}.demo-ribbon-popout-footer[data-astro-cid-c5bpeyh7] a[data-astro-cid-c5bpeyh7]{flex:1;flex-direction:row;justify-content:center;font-size:10px;padding:8px;gap:6px;background:#ffffff08}.demo-ribbon-popout-footer[data-astro-cid-c5bpeyh7] a[data-astro-cid-c5bpeyh7]:hover{background:#ffffff14}.demo-ribbon-overlay[data-astro-cid-c5bpeyh7]{position:fixed;inset:0;z-index:9999;display:none}.demo-ribbon-overlay[data-astro-cid-c5bpeyh7].open{display:block}.demo-ribbon-divider[data-astro-cid-c5bpeyh7]{width:1px;height:16px;background:#ffffff26;margin:0 4px;flex-shrink:0}.demo-ribbon-cta[data-astro-cid-c5bpeyh7]{flex-shrink:0}.demo-ribbon-popout-close[data-astro-cid-c5bpeyh7],.demo-ribbon-popout-title[data-astro-cid-c5bpeyh7]{display:none}@media(max-width:600px){.demo-ribbon[data-astro-cid-c5bpeyh7]{font-size:11px;gap:4px;padding:0 8px}.demo-ribbon-text[data-astro-cid-c5bpeyh7]{display:none}.demo-ribbon-trigger[data-astro-cid-c5bpeyh7]{font-size:10px;max-width:130px;padding:4px 24px 4px 8px}.demo-ribbon-cta[data-astro-cid-c5bpeyh7]{font-size:10px!important}.demo-ribbon-popout[data-astro-cid-c5bpeyh7]{position:fixed;inset:0;width:100%;max-height:100vh;border-radius:0;border:none;padding:72px 24px 24px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;align-content:start;transform:translateY(0) translate(0);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:10002;overflow-y:auto}.demo-ribbon-popout[data-astro-cid-c5bpeyh7].open{opacity:1;visibility:visible;transform:translateY(0) translate(0)}.demo-ribbon-popout[data-astro-cid-c5bpeyh7]:before{display:none}.demo-ribbon-popout[data-astro-cid-c5bpeyh7] a[data-astro-cid-c5bpeyh7]{padding:14px 8px;font-size:11px;gap:5px}.demo-ribbon-popout[data-astro-cid-c5bpeyh7] .pop-icon[data-astro-cid-c5bpeyh7]{font-size:24px}.demo-ribbon-popout[data-astro-cid-c5bpeyh7] .pop-label[data-astro-cid-c5bpeyh7]{font-size:11px}.demo-ribbon-popout-close[data-astro-cid-c5bpeyh7]{display:flex;position:absolute;top:20px;right:20px;width:36px;height:36px;align-items:center;justify-content:center;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#f5f0e8;font-size:20px;cursor:pointer;transition:background .2s;z-index:10003;line-height:1}.demo-ribbon-popout-close[data-astro-cid-c5bpeyh7]:hover{background:#ffffff1f}.demo-ribbon-popout-title[data-astro-cid-c5bpeyh7]{grid-column:1 / -1;font-family:DM Sans,system-ui,sans-serif;font-size:13px;font-weight:600;color:#f5f0e880;text-transform:uppercase;letter-spacing:1.5px;text-align:center;padding-bottom:8px;margin-bottom:4px;border-bottom:1px solid rgba(255,255,255,.06)}.demo-ribbon-overlay[data-astro-cid-c5bpeyh7].open{z-index:10001}}@media(max-width:380px){.demo-ribbon[data-astro-cid-c5bpeyh7]{gap:3px}.demo-ribbon-trigger[data-astro-cid-c5bpeyh7]{max-width:110px}.demo-ribbon-popout[data-astro-cid-c5bpeyh7]{grid-template-columns:repeat(2,1fr)}}