body:has(.sm-live-demo){background:#080808;color:#f1f1ed}
.sm-live-demo{padding-top:115px;background:#080808;min-height:100vh}
.sm-demo-breadcrumb{max-width:1456px;padding:0 52px;margin:0 auto;font-family:'Italian Plate',Arial,sans-serif;font-size:15px;color:#aaa}
.sm-demo-breadcrumb a{text-decoration:none;text-underline-offset:4px}
.sm-demo-breadcrumb a:hover{text-decoration:underline}
.sm-demo-host{position:relative;height:1600px}
.sm-demo-frame{display:block;border:0;width:100%;height:1600px;background:#080808}
.sm-demo-loading{position:absolute;top:50px;left:0;right:0;margin:auto;text-align:center;color:#aaa}
.sm-demo-frame-expanded{position:fixed;inset:0;width:100vw!important;height:100dvh!important;z-index:10000}
.sm-demo-fallback{padding:20px 5%;color:#aaa;font-size:16px;margin:0 auto}
.sm-demo-fallback[hidden],.sm-demo-loading[hidden]{display:none}
.sm-demo-fallback a{color:#f1f1ed;text-underline-offset:4px}
.sm-try-demo{display:flex;align-items:center;gap:26px;padding:12px 4.2vw 36px;max-width:1100px;margin:0 auto}
.sm-try-demo p{margin:0;font-size:17px;color:inherit;opacity:.75}
.sm-try-demo .sn-button{white-space:nowrap}
@media(max-width:760px){.sm-live-demo{padding-top:90px}.sm-demo-breadcrumb{padding:0 22px}.sm-try-demo{align-items:flex-start;flex-direction:column;gap:15px;padding-bottom:28px}}