html{scroll-padding-bottom:100px!important}body{padding-bottom:88px!important}
#clematis-example-bar,#clematis-example-bar *{box-sizing:border-box}
#clematis-example-bar{position:fixed;z-index:2147483000;inset:auto 16px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1000px;margin:auto;padding:12px 16px;border:1px solid #dce2ef;border-radius:14px;background:#fff;color:#192341;box-shadow:0 5px 24px #19234122;font:14px/1.35 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:normal;text-transform:none}
#clematis-example-bar a{color:inherit;text-decoration:none;background:none;border:0;transform:none;opacity:1;visibility:visible}
#clematis-example-bar .cl-demo-back{display:flex;align-items:center;gap:12px;min-height:44px;min-width:0}
#clematis-example-bar .cl-demo-name{font-size:19px;font-weight:750;letter-spacing:-.8px;white-space:nowrap}
#clematis-example-bar .cl-demo-label{display:block;font-size:12px;color:#56647e;line-height:1.35}
#clematis-example-bar .cl-demo-start{display:flex;align-items:center;justify-content:center;gap:10px;flex-shrink:0;max-width:55%;min-height:44px;padding:10px 18px;border-radius:9px;background:#2946df;color:#fff;text-align:center;font-size:14px;font-weight:650;line-height:1.25}
#clematis-example-bar a:focus-visible{outline:3px solid #2946df;outline-offset:4px}
#clematis-example-bar .cl-demo-start:hover{background:#2039c5}
[data-clematis-form-note]{grid-column:1/-1!important;margin:0 0 16px!important;padding:14px!important;background:#f3f5ff!important;color:#192341!important;border:1px solid #dce2ef!important;border-radius:8px!important;font:14px/1.5 system-ui,sans-serif!important}
[data-clematis-form-note] a{color:#2946df!important;text-decoration:underline!important}
[data-clematis-example-form] [type=submit]{pointer-events:none}
.mobile-bar,#callbar{display:none!important}
@media(max-width:480px){#clematis-example-bar{inset:auto 8px 8px;padding:9px 11px;gap:8px;border-radius:12px}#clematis-example-bar .cl-demo-back{display:block;align-content:center}#clematis-example-bar .cl-demo-name{font-size:17px}#clematis-example-bar .cl-demo-label{font-size:11px;max-width:145px}#clematis-example-bar .cl-demo-start{max-width:54%;font-size:13px;padding:10px 12px}}