.demo-fab-wrapper{z-index:10000;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.demo-overlay{z-index:9999;cursor:pointer;background:#0000004d;animation:.15s forwards demoOverlayIn;position:fixed;inset:0}@keyframes demoOverlayIn{0%{opacity:0}to{opacity:1}}.demo-panel{z-index:10002;background:#fff;border:1.5px solid #000;flex-direction:column;width:min(300px,100vw - 32px);padding:0;animation:.18s forwards demoPanelIn;display:flex;position:fixed;bottom:80px;right:24px}@keyframes demoPanelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.demo-panel__home{letter-spacing:.06em;text-transform:uppercase;color:#000;border-bottom:1px solid #e8e8e8;align-items:center;gap:7px;padding:12px 14px 10px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.72rem;font-weight:700;text-decoration:none;transition:color .15s;display:flex}.demo-panel__home:hover{color:#e30613}.demo-panel__nav{flex-direction:column;padding:6px 0;display:flex}.demo-panel__link{letter-spacing:.07em;text-transform:uppercase;color:#000;align-items:center;gap:10px;padding:9px 14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.82rem;font-weight:700;text-decoration:none;transition:color .15s,background .15s;display:flex}.demo-panel__link:hover{background:#f5f5f5}.demo-panel__link--active{color:#e30613}.demo-panel__link-num{color:#aaa;letter-spacing:.04em;flex-shrink:0;min-width:20px;font-size:.62rem;font-weight:400}.demo-panel__link--active .demo-panel__link-num{color:#e30613}.demo-panel__arrows{border-top:1px solid #e8e8e8;align-items:stretch;display:flex}.demo-panel__arrow{letter-spacing:.06em;text-transform:uppercase;color:#666;white-space:nowrap;flex:1;align-items:center;gap:5px;padding:10px 12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.62rem;font-weight:700;text-decoration:none;transition:color .15s,background .15s;display:flex;overflow:hidden}.demo-panel__arrow:hover{color:#000;background:#f5f5f5}.demo-panel__arrow--next{border-left:1px solid #e8e8e8;justify-content:flex-end}.demo-panel__arrow span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.demo-fab{cursor:pointer;z-index:10001;background:#fff;border:1.5px solid #e30613;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:46px;height:46px;transition:background .2s,transform .15s;display:flex;position:relative}.demo-fab:hover{background:#fff8f8;transform:scale(1.06)}.demo-fab__label{letter-spacing:.12em;text-transform:uppercase;color:#e30613;-webkit-user-select:none;user-select:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.55rem;font-weight:900;line-height:1}.demo-fab__counter{color:#aaa;-webkit-user-select:none;user-select:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.5rem;font-weight:400;line-height:1}.demo-fab__close{color:#e30613;-webkit-user-select:none;user-select:none;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.3rem;font-weight:300;line-height:1}@media (max-width:600px){.demo-fab-wrapper{bottom:16px;right:16px}.demo-panel{width:calc(100vw - 32px);bottom:72px;right:16px}}