section[z-floating-banner]{position:fixed;left:0;right:0;top:var(--z-floating-banner--top, 0);display:grid;text-align:center;justify-content:center;background-color:var(--z-floating-banner--bg, var(--z-sf-base));color:var(--z-floating-banner--color, var(--z-ct-primary));grid-template:"h" max-content "c" 1fr "f" max-content/1fr;gap:var(--zs-100);padding:var(--zs-300) var(--zs-600) var(--zs-200);box-shadow:var(--zd-2);z-index:999}section[z-floating-banner]>h6{grid-area:h;margin:0;font:var(--zf-h-24)!important;font-weight:300}section[z-floating-banner]>main{grid-area:c}section[z-floating-banner]>footer{display:flex;gap:var(--zs-100);justify-content:center;align-items:center;grid-area:f;margin-top:var(--zs-150)}section[z-floating-banner]>:is(z-button,[z-button]){position:absolute;top:0;right:var(--zs-50)}section[z-floating-banner][z-floating-banner^=left]{--z-smiling-z--size: 5rem;text-align:left;justify-content:start;grid-template:"z h f" max-content "z c f" 1fr/max-content 1fr max-content;-moz-column-gap:var(--zs-200);column-gap:var(--zs-200);padding-top:var(--zs-200)}section[z-floating-banner][z-floating-banner^=left]>:is(div[z-smiling-z],z-smiling-z){grid-area:z;align-self:flex-start}section[z-floating-banner][z-floating-banner^=left]>footer{margin-top:0}section[z-floating-banner][z-floating-banner="left:small"]{--z-smiling-z--size: 2.5rem}