.demo-layout{width:100%;min-height:100vh;position:relative}.demo-layout__logo{z-index:10;padding:var(--size-20);font-family:var(--font-heading);font-size:var(--font-size-1);text-transform:uppercase;letter-spacing:.02em;color:#000;font-weight:700;text-decoration:none;transition:opacity .2s;display:block;position:absolute}.demo-layout__logo--white{color:#fff}.demo-layout__logo:hover{opacity:.8;text-decoration:underline}.demo-banner{bottom:var(--size-48);z-index:100;padding:var(--size-8)var(--size-16);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transition:opacity var(--fade-out-duration,1s)ease-out;background:#fff;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.demo-banner--fade-out{opacity:0;pointer-events:none}.demo-banner__message{color:#000;font-family:Public Sans,sans-serif;font-size:var(--font-size-0);text-align:center;letter-spacing:.02em;white-space:nowrap;margin:0;font-weight:500}