.proof-dialog{color:#f2f2ec;scrollbar-width:none;background:0 0;border:0;border-radius:10px;width:min(1040px,100vw - 48px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;box-shadow:0 30px 100px #0007}.proof-dialog::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090c0dba}.proof{--proof-ink:#f2f2ec;--proof-muted:#a0a59f;--proof-paper:#191c1b;--proof-line:#ffffff17;--proof-ease:cubic-bezier(.22,1,.36,1);background:var(--proof-paper);color:var(--proof-ink);border:1px solid #ffffff16;border-radius:10px;padding:0 36px;font-family:Manrope,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.proof *{box-sizing:border-box}.proof button,.proof a{-webkit-tap-highlight-color:transparent}.proof button{font:inherit;cursor:pointer}.proof button:disabled{opacity:.4;cursor:default}.proof button:focus-visible,.proof a:focus-visible{outline-offset:4px;outline:2px solid}.proof-header{align-items:center;gap:24px;height:64px;display:flex}.proof-edition{letter-spacing:-.015em;color:var(--proof-muted);font-size:14px}.proof-edition strong{color:var(--proof-ink);margin-left:4px;font-weight:500}.proof-close{width:32px;height:32px;color:inherit;background:0 0;border:1px solid #ffffff16;border-radius:5px;flex-shrink:0;place-items:center;margin-left:auto;display:grid}.proof-close:hover{background:#ffffff0d}.proof-close svg{fill:none;stroke:currentColor;stroke-width:1.2px;width:17px;height:17px}.proof-intro{justify-content:space-between;align-items:end;gap:25px;padding:15px 0 30px;display:flex;position:relative}.proof-intro h2{letter-spacing:-.045em;margin:0;font-family:Manrope,Arial,sans-serif;font-size:54px;font-weight:400;line-height:1.1}.proof-intro h2 em{color:#aeb6ad;font-style:normal}.proof-intro-aside{max-width:265px;padding-bottom:5px}.proof-intro-aside p{color:var(--proof-muted);margin:0;font-size:13px;line-height:1.65}.proof-stage{isolation:isolate;background:#242925;border-radius:4px;height:354px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff06}.proof-stage-note{color:#a5ad9f;letter-spacing:.07em;justify-content:space-between;gap:12px;font:7px Consolas,monospace;display:flex;position:absolute;top:14px;left:20px;right:20px}.proof-registration{pointer-events:none;position:absolute;inset:30px 12px 18px}.proof-registration i{border:solid #9baa873c;width:9px;height:9px;position:absolute}.proof-registration i:first-child{border-width:1px 0 0 1px;top:0;left:0}.proof-registration i:nth-child(2){border-width:1px 1px 0 0;top:0;right:0}.proof-registration i:nth-child(3){border-width:0 0 1px 1px;bottom:0;left:0}.proof-registration i:nth-child(4){border-width:0 1px 1px 0;bottom:0;right:0}.proof-poster{z-index:3;width:94%;height:295px;transition:left 1.6s var(--proof-ease),width 1.6s var(--proof-ease),height 1.6s var(--proof-ease),top 1.6s var(--proof-ease),transform 1.6s var(--proof-ease),box-shadow 1.6s;background:#203239 url(/exposure-grid-mountain.jpg) 50%/cover;position:absolute;top:33px;left:3%;overflow:hidden;container-type:inline-size}.proof-material{opacity:0;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.proof-material[data-ready=true]{opacity:1}.proof-poster-copy{color:#fffef2;opacity:0;transition:opacity .85s,transform 1.1s var(--proof-ease);background:linear-gradient(#071a2415 25%,#06131ad9);flex-direction:column;padding:22px;display:flex;position:absolute;inset:0;transform:translateY(12px)}.proof[data-phase="2"] .proof-poster-copy{padding:8%}.proof-mark{background:currentColor;flex-shrink:0;width:25px;height:18px;display:block;-webkit-mask:url(/brand-lab/solaceui-mark.svg) 50%/contain no-repeat;mask:url(/brand-lab/solaceui-mark.svg) 50%/contain no-repeat}.proof-poster-top,.proof-poster-foot{letter-spacing:.02em;justify-content:space-between;align-items:start;font:clamp(5px,1.7cqw,9px)/1.5 Manrope,Arial,sans-serif;display:flex}.proof-poster-top .proof-mark{aspect-ratio:1.65;width:14%;max-width:42px;height:auto}.proof-poster h3{letter-spacing:-.065em;margin:auto 0 20px;font-size:clamp(27px,12.7cqw,63px);font-weight:500;line-height:.94}.proof-poster-foot svg{fill:none;stroke:currentColor;stroke-width:1px;width:9%;max-width:24px}.proof-raw-label{color:#fff;letter-spacing:.1em;background:#0c1a2590;padding:8px 10px;font:7px Consolas,monospace;transition:opacity .35s;position:absolute;bottom:18px;left:20px}.proof:not([data-phase="0"]) .proof-poster-copy{opacity:1;transform:none}.proof:not([data-phase="0"]) .proof-raw-label{opacity:0}.proof-identity{z-index:2;color:#283327;opacity:0;transition:opacity .9s .4s,transform 1.4s .3s var(--proof-ease);background:#e7e9df;padding:17px 20px;position:absolute;overflow:hidden;transform:translate(-35px)scale(.93)}.proof-identity-top,.proof-identity-foot{z-index:1;justify-content:space-between;display:flex;position:relative}.proof-identity-top{letter-spacing:-.04em;font-size:11px}.proof-identity-top>span:last-child{letter-spacing:.06em;font:5px Consolas,monospace}.proof-signature{background:#304230;width:44%;height:78px;position:absolute;top:25px;right:12%;-webkit-mask:url(/brand-lab/solaceui-mark.svg) 50%/contain no-repeat;mask:url(/brand-lab/solaceui-mark.svg) 50%/contain no-repeat}.proof-identity-foot{letter-spacing:-.055em;font-size:18px;line-height:1;position:absolute;bottom:16px;left:20px;right:20px}.proof-identity-foot em{font-style:normal;font-weight:400}.proof-identity-foot svg{fill:none;stroke:currentColor;stroke-width:1px;align-self:end;width:15px}.proof-web{z-index:1;color:#222c21;opacity:0;transition:opacity .9s .65s,transform 1.4s .5s var(--proof-ease);background:#f1f2eb;position:absolute;overflow:hidden;transform:translate(-45px)scale(.93)}.proof-web-nav{border-bottom:1px solid #202a2320;align-items:center;gap:12px;height:29px;margin:0 16px;font-size:5px;display:flex}.proof-web-nav .proof-mark{width:15px;height:11px}.proof-web-nav>span:last-child{margin-left:auto}.proof-web-body{grid-template-columns:1fr 45%;gap:8px;height:calc(100% - 29px);padding:10px 16px 14px;display:grid}.proof-web-type{flex-direction:column;align-items:start;display:flex}.proof-web-eyebrow{letter-spacing:.08em;color:#6f796b;font:4px Consolas,monospace}.proof-web h3{letter-spacing:-.055em;margin:auto 0;font-size:28px;font-weight:500;line-height:.98}.proof-web h3 em{font-style:normal}.proof-web-link{border-bottom:1px solid #303e2666;padding-bottom:2px;font-size:5px}.proof-web-image{background:#273b45 url(/exposure-grid-mountain.jpg) 50%/cover;position:relative;overflow:hidden}.proof-web-image>span{color:#fff;font:5px/1.2 Consolas,monospace;position:absolute;bottom:9px;left:9px}.proof-caption{color:#a5ad9f;letter-spacing:.04em;opacity:0;font:7px Consolas,monospace;transition:opacity .8s 1.1s;position:absolute}.proof-caption>span{margin-left:7px}.proof[data-phase="2"] .proof-identity,.proof[data-phase="2"] .proof-web{opacity:1;transform:none}.proof[data-phase="2"] .proof-caption{opacity:1}.proof .bl-source{pointer-events:none;opacity:0;z-index:-1;contain:strict;width:0;height:0;position:absolute;top:0;left:0;overflow:hidden}.proof .bl-source-canvas{width:800px;height:1000px;display:block}.proof-sequence{justify-content:space-between;align-items:center;gap:12px;padding:15px 0 18px;display:flex}.proof-steps{gap:21px;display:flex}.proof-steps>span{color:var(--proof-muted);align-items:center;gap:7px;font-size:10px;transition:color .4s;display:flex}.proof-steps [data-active=true]{color:var(--proof-ink)}.proof-footer{border-top:1px solid var(--proof-line);justify-content:space-between;align-items:center;gap:24px;padding:23px 0 27px;display:flex}.proof-kicker{letter-spacing:.09em;color:var(--proof-muted);margin:0 0 8px;font:8px Consolas,monospace}.proof-closing{letter-spacing:-.025em;color:#c6ccc3;margin:0;font-size:17px;line-height:1.4}.proof-primary{color:#f5f5f1;letter-spacing:-.015em;background:#0b0c0b;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;gap:25px;min-width:214px;padding:10px 11px 10px 19px;font-size:13px;font-weight:500;text-decoration:none;transition:background .2s;display:flex;box-shadow:0 2px 5px #0002}.proof-primary:hover{background:#292b29}.proof-primary-icon{background:#ffffff08;border-radius:3px;place-items:center;width:30px;height:30px;display:grid}.proof-primary svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:16px;transition:transform .2s}.proof-primary:hover svg{transform:translate(1px,-1px)}.proof[data-phase="2"] .proof-poster{width:30%;height:295px;top:33px;left:10%;box-shadow:0 8px 18px #26321e12}.proof .proof-identity{width:45%;height:122px;top:33px;left:45%}.proof .proof-identity-foot{font-size:16px}.proof .proof-signature{height:69px;top:25px;right:14%}.proof .proof-web{width:45%;height:156px;top:172px;left:45%}.proof .proof-caption-poster{top:336px;left:10%}.proof .proof-caption-identity{font-size:6px;top:160px;left:45%}.proof .proof-caption-web{top:336px;left:45%}@media (max-width:650px){.proof[data-phase="2"] .proof-poster{width:46%;height:232px;top:26px;left:5%}.proof .proof-identity{width:40%;height:101px;top:26px;left:55%}.proof .proof-signature{height:36px;top:25px;right:16%}.proof .proof-identity-foot{font-size:12px;bottom:10px}.proof .proof-web{width:40%;height:112px;top:146px;left:55%}.proof .proof-caption-poster{top:266px;left:5%}.proof .proof-caption-identity{font-size:4px;top:132px;left:55%}.proof .proof-caption-web{top:266px;left:55%}.proof-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.proof{padding:0 20px}.proof-header{gap:8px;height:53px}.proof-edition{letter-spacing:-.015em;color:var(--proof-muted);font-size:14px}.proof-edition strong{color:var(--proof-ink);margin-left:4px;font-weight:500}.proof-close{margin-left:auto}.proof-intro{padding:10px 0 22px;display:block}.proof-intro h2{font-size:36px}.proof-intro-aside{padding:0}.proof-intro-aside p{max-width:275px;margin:13px 0 0;font-size:12px}.proof-desktop-break{display:none}.proof-stage{height:280px}.proof-stage-note{font-size:5px;top:10px;left:11px;right:11px}.proof-stage-note>span:last-child{display:none}.proof-registration{inset:24px 6px 15px}.proof-poster{height:232px;top:26px}.proof-poster-copy{padding:9%}.proof-poster h3{font-size:13cqw}.proof-poster-top>span:last-child{font-size:4px}.proof-raw-label{font-size:5px;bottom:10px;left:10px}.proof-identity{padding:10px}.proof-identity-top{font-size:8px}.proof-identity-top>span:last-child{display:none}.proof-signature{width:63%;height:41px;top:26px;right:14%}.proof-identity-foot{font-size:12px;bottom:11px;left:10px;right:10px}.proof-identity-foot svg{width:10px}.proof-web-nav{height:24px;margin:0 9px}.proof-web-nav>span:not(.proof-mark){display:none}.proof-web-body{grid-template-columns:1fr 29%;gap:2px;height:calc(100% - 24px);padding:7px 9px 10px}.proof-web h3{font-size:18px}.proof-web-eyebrow,.proof-web-link,.proof-web-image>span{display:none}.proof-caption{font-size:5px}.proof-caption>span{margin-left:3px}.proof-sequence{padding:10px 0 14px}.proof-steps{gap:20px}.proof-steps>span{gap:0;font-size:9px}.proof-footer{flex-direction:column;align-items:stretch;gap:17px;padding:19px 0 23px}.proof-closing{font-size:17px}.proof-primary{padding:10px 11px 10px 18px}}@media (prefers-reduced-motion:reduce){.proof *,.proof :before{transition:none!important;animation:none!important}}
.catalogPage>.catalogHeader{gap:24px}.catalogPage .catalogMeta{flex-shrink:0;gap:28px}.catalogPage .catalogNavLink,.catalogPage .githubLink{width:auto;height:auto;min-height:32px;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;border:0;border-radius:0;align-items:center;gap:7px;padding:0;font-size:12px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.catalogPage .githubLink .githubLabel{color:inherit;font:inherit;opacity:.55}.catalogPage .githubLink svg{color:currentColor;flex-shrink:0;width:14px;height:14px}.catalogPage .catalogNavLink>span{color:#777d73;font-size:14px}.catalogPage .githubLink:hover{background:0 0}.catalogPage .catalogMeta a:hover{text-decoration:none}.catalogPage .catalogMeta a:focus-visible{outline-offset:5px;outline:2px solid #747b6e}.catalogPage .catalogMaker{color:#777d73;letter-spacing:0;text-transform:none;white-space:nowrap;border-left:1px solid #10121024;align-items:center;gap:5px;min-height:20px;padding-left:28px;font-family:inherit;font-size:11px;line-height:1.4;display:inline-flex}.catalogPage .catalogMakerLabel{color:var(--ink);opacity:.55}.catalogPage .catalogMaker a{color:var(--ink)}@media (max-width:720px){.catalogPage>.catalogHeader{height:66px;min-height:66px;padding:0 var(--catalog-gutter);flex-wrap:nowrap;gap:12px}.catalogPage .catalogMeta{gap:18px;margin-left:auto}.catalogPage .catalogMaker{display:none}.catalogPage .wordmark{white-space:nowrap;gap:7px;font-size:13px}.catalogPage .wordmark .solaceLogo{width:24px}}
