/* Shared "this is a sample site" bar + toast for every SPRED SOLUTIONS sample */
.spred-demo-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:9999;display:flex;align-items:center;gap:14px;
  width:max-content;max-width:calc(100vw - 24px);padding:10px 10px 10px 16px;border-radius:999px;
  background:rgba(8,9,12,.92);color:#f5f5f4;border:1px solid #2a3345;box-shadow:0 20px 50px -15px rgba(0,0,0,.6);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:500 13px/1.3 Inter,system-ui,sans-serif}
.spred-demo-bar .sd-mark{display:grid;grid-template-columns:7px 7px;grid-template-rows:5px 5px;gap:2px;flex:none}
.spred-demo-bar .sd-mark i{background:#006af8}.spred-demo-bar .sd-mark i:first-child{grid-column:2}.spred-demo-bar .sd-mark i:last-child{grid-column:1;grid-row:2}
.spred-demo-bar p{margin:0;color:#b4b9c5}.spred-demo-bar p b{color:#f5f5f4;font-weight:600}
.spred-demo-bar a{flex:none;padding:9px 14px;border-radius:999px;background:#006af8;color:#fff;text-decoration:none;font-weight:600;white-space:nowrap}
.spred-demo-bar a:hover{background:#3d8bff}
.spred-demo-bar a.sd-back{background:transparent;color:#b4b9c5;padding:9px 6px}
.spred-demo-bar a.sd-back:hover{color:#fff;background:transparent}
.spred-demo-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,10px);z-index:9999;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:12px;
  background:#f5f5f4;color:#08090c;font:500 14px/1.4 Inter,system-ui,sans-serif;box-shadow:0 20px 50px -15px rgba(0,0,0,.5);opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.spred-demo-toast.show{opacity:1;transform:translate(-50%,0)}
body{padding-bottom:84px}
@media (max-width:640px){.spred-demo-bar .sd-hide{display:none}.spred-demo-bar{gap:10px;font-size:12px}.spred-demo-bar a.sd-back{display:none}}