/* Larger example question, three social posts, and a service-business website. */
.sds-u-root .sds-u-universe{aspect-ratio:760/800}
.sds-u-root .sds-u-search{width:48%;left:2%;top:3%;padding:15px;grid-template-columns:26px 1fr;font-size:12px}
.sds-u-root .sds-u-search small{font-size:6px;letter-spacing:1px}
.sds-u-root .sds-u-chat-demo{display:block;grid-column:1/-1;white-space:normal;padding-top:10px;border-top:1px solid #a8c9e42a}
.sds-u-chat-heading{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:600;color:#e9f2f5;margin-bottom:12px}
.sds-u-chat-heading>span{font-size:6px;font-weight:400;letter-spacing:1px;color:#a2bac4}
.sds-u-question{position:relative;display:block;min-height:66px;background:#09222b77;border:1px solid #95bdc84a;border-radius:10px;padding:11px 30px 11px 11px;font-size:14px;line-height:1.5;color:#effaff;box-shadow:inset 0 1px 0 #dffaff0a}
.sds-u-type-caret{display:inline-block;width:1px;height:14px;margin-left:2px;background:#80deef;vertical-align:-2px}
.sds-u-send-arrow{position:absolute;right:8px;bottom:9px;display:grid;place-items:center;border-radius:50%;width:19px;height:19px;background:#d8edec;color:#12313c;font-size:15px}
.sds-u-search-context{display:block;font-size:7px;line-height:1.6;margin-top:8px;color:#a4bbc9}
.sds-u-root .sds-u-website{right:2%;top:15%;width:20%}
.sds-u-root .sds-u-business{left:33%;top:36%;width:64%;transform:perspective(1000px) rotateY(-6deg) rotateX(3deg) rotateZ(-4deg)}
.sds-u-root .sds-u-mini-site{background:#eef0ed;aspect-ratio:1.62}
.sds-u-root .sds-u-site-photo{left:auto;right:0;top:17%;width:53%;height:72%;object-fit:cover;object-position:center 44%}
.sds-u-root .sds-u-site-shade{background:linear-gradient(90deg,#eef0ed 0%,#eef0ed 43%,#eef0ed00 70%);pointer-events:none}
.sds-u-root .sds-u-mini-nav{top:7%;color:#334753;z-index:2}
.sds-u-root .sds-u-mini-nav>span:first-child{font-size:7px;color:#162b3b;letter-spacing:.4px;font-weight:800}
.sds-u-root .sds-u-mini-content{left:6%;top:29%;z-index:2}
.sds-u-root .sds-u-mini-eyebrow{font-size:5px;color:#31666c;letter-spacing:1.1px;font-weight:700}
.sds-u-root .sds-u-mini-content h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:27px;line-height:1.03;font-weight:750;color:#142a38;letter-spacing:-1px;margin:9px 0}
.sds-u-root .sds-u-mini-content p{font-size:6px;line-height:1.5;color:#3e5660;margin:6px 0}
.sds-u-root .sds-u-mini-button{background:#19494d;color:#fff;border:0;border-radius:3px;font-size:5px;padding:7px 8px;margin-top:5px;gap:9px}
.sds-u-root .sds-u-mini-bottom{color:#53696c;font-size:4px;bottom:5%;letter-spacing:.4px}
.sds-u-root .sds-u-business-label{transform:rotate(4deg);top:calc(100% + 19px)}
.sds-u-root .sds-u-power-ring{top:34%;left:22%;width:76%;height:39%}
.sds-u-root .sds-u-orbital-platform{top:57%;left:29%;width:70%;height:20%}
.sds-u-root .sds-u-content{top:39%;left:0;width:29%;padding:11px;gap:8px;grid-template-columns:23px 1fr;overflow:visible}
.sds-u-root .sds-u-content small{font-size:5px;letter-spacing:.8px}
.sds-u-social-deck{grid-column:1/-1;display:block;position:relative;width:100%;height:230px;margin-top:5px}
.sds-u-side-post{position:absolute;top:17px;height:192px;width:72%;border-radius:9px;border:1px solid #bfd7ea59;background-size:cover;background-position:center;box-shadow:0 10px 20px #0005;filter:brightness(.7)}
.sds-u-side-left{left:0;transform:rotate(-9deg);background-image:url('detailing-interior.webp')}
.sds-u-side-right{right:0;transform:rotate(9deg);background-image:url('detailing-finish.webp')}
.sds-u-phone-feed{position:absolute;left:12%;width:76%;height:230px;overflow:hidden;border-radius:12px;border:1px solid #bdd3e6b3;background:#0d1621;box-shadow:0 10px 25px #0009,inset 0 0 0 2px #09202b;display:block;isolation:isolate}
.sds-u-feed-track{position:absolute;inset:0;height:100%;display:block;will-change:transform}
.sds-u-feed-slide{height:100%;width:100%;display:block;position:relative;background-size:cover;background-position:center}
.sds-u-slide-one{background-image:url('detailing-work.webp')}.sds-u-slide-two{background-image:url('detailing-interior.webp')}.sds-u-slide-three{background-image:url('detailing-finish.webp')}
.sds-u-feed-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#020912ec 0%,#02091218 52%,#02091266)}
.sds-u-social-top{position:absolute;z-index:3;left:8px;right:8px;top:12px;display:flex;align-items:center;gap:7px;font-size:6px;color:#c4d6e4;text-shadow:0 1px 4px #000}
.sds-u-social-top b{font-size:7px;border-bottom:1px solid white;color:white;padding-bottom:3px;font-weight:600}.sds-u-social-top>span{margin-left:auto;font-size:11px}
.sds-u-post-overlay{position:absolute;bottom:30px;left:10px;right:19px;z-index:1;display:block;white-space:normal;color:white}
.sds-u-post-kicker{display:block;font-size:5px;font-weight:500;letter-spacing:.7px;margin-bottom:5px;color:#d7eff0}
.sds-u-post-overlay strong{font-size:14px;line-height:1.08;font-weight:700;letter-spacing:-.4px;display:block;text-shadow:0 2px 4px #0004}
.sds-u-post-account{font-size:6px;display:block;margin-top:9px;color:#e2edf3}
.sds-u-social-rail{display:grid;position:absolute;z-index:3;right:6px;bottom:55px;gap:9px;font-size:16px;color:white;line-height:1;text-shadow:0 2px 3px #000}
.sds-u-social-bottom{position:absolute;z-index:3;bottom:0;left:0;right:0;height:22px;display:flex;justify-content:space-around;align-items:center;background:#0c1521dc;color:#e5f1f8;font-size:10px;border-top:1px solid #ffffff2b}
.sds-u-platform-label{grid-column:1/-1;display:block;text-align:center;font-size:7px;color:#b9c8dd;margin-top:3px;white-space:normal}
.sds-u-root .sds-u-concierge{right:0;top:78%;width:33%;padding:11px}
.sds-u-root .sds-u-chat-bubble{top:70%;right:1%}
.sds-u-root .sds-u-notification{top:101%;left:35%;width:61%;padding:13px}
.sds-u-root .sds-u-visual-caption{margin-top:96px}
.sds-u-root .sds-u-business-label{left:4%;width:50%;text-align:center}
@media(max-width:860px){.sds-u-root .sds-u-business-label{left:0;width:100%}}
.sds-u-root[data-static] .sds-u-feed-track{transform:none!important}
.sds-u-root[data-static] .sds-u-type-caret{display:none}
@media(min-width:861px) and (max-width:1100px){.sds-u-root .sds-u-universe{aspect-ratio:760/980}.sds-u-root .sds-u-search{width:66%;top:0;left:0;font-size:11px;padding:12px}.sds-u-root .sds-u-question{font-size:13px}.sds-u-root .sds-u-website{top:18%;width:26%}.sds-u-root .sds-u-business{top:35%;left:33%;width:67%}.sds-u-root .sds-u-content{top:36%;width:31%;padding:8px;font-size:10px}.sds-u-social-deck,.sds-u-phone-feed{height:202px}.sds-u-side-post{height:173px}.sds-u-root .sds-u-mini-content h2{font-size:22px}.sds-u-root .sds-u-concierge{top:73%;width:44%}.sds-u-root .sds-u-notification{top:98%;width:67%;left:30%}.sds-u-post-overlay strong{font-size:12px}.sds-u-root .sds-u-content small{font-size:4px}}
@media(max-width:860px){.sds-u-root .sds-u-universe{aspect-ratio:350/740}.sds-u-root .sds-u-search{top:2%;left:0;width:100%;padding:14px;font-size:12px}.sds-u-root .sds-u-chat-heading{font-size:15px}.sds-u-root .sds-u-question{font-size:15px;min-height:62px}.sds-u-root .sds-u-search-context{font-size:8px}.sds-u-root .sds-u-search small{font-size:6px}.sds-u-root .sds-u-website{display:none}.sds-u-root .sds-u-business{top:30%;left:6%;width:88%}.sds-u-root .sds-u-mini-content h2{font-size:26px}.sds-u-root .sds-u-mini-nav>span:first-child{font-size:6px}.sds-u-root .sds-u-mini-nav>span:last-child{font-size:4px}.sds-u-root .sds-u-mini-content p{font-size:5px}.sds-u-root .sds-u-mini-button{font-size:4px;padding:6px}.sds-u-root .sds-u-mini-bottom{font-size:3px}.sds-u-root .sds-u-mini-eyebrow{font-size:4px}.sds-u-root .sds-u-content{top:66%;left:0;width:48%;padding:10px;grid-template-columns:22px 1fr;font-size:11px}.sds-u-root .sds-u-content small{font-size:4px;letter-spacing:.5px}.sds-u-social-deck,.sds-u-phone-feed{height:206px}.sds-u-side-post{height:178px}.sds-u-post-overlay strong{font-size:13px}.sds-u-post-kicker{font-size:4px}.sds-u-post-overlay{left:8px;right:19px}.sds-u-social-rail{right:5px;font-size:14px}.sds-u-platform-label{font-size:6px}.sds-u-root .sds-u-concierge{top:70%;width:48%;right:0;font-size:10px;padding:9px;grid-template-columns:22px 1fr;gap:7px}.sds-u-root .sds-u-concierge small{font-size:4px;letter-spacing:.5px}.sds-u-root .sds-u-message{font-size:5px;padding:6px;max-width:100%}.sds-u-root .sds-u-chat-bubble{top:64%;font-size:8px;right:0}.sds-u-root .sds-u-notification{left:53%;top:91%;width:47%;padding:10px;gap:6px;flex-wrap:wrap}.sds-u-root .sds-u-notification-icon{width:24px;height:24px;font-size:17px}.sds-u-root .sds-u-notification>div{order:2;width:100%}.sds-u-root .sds-u-notification-source{font-size:4px;letter-spacing:.6px}.sds-u-root .sds-u-notification strong{font-size:10px;white-space:normal}.sds-u-root .sds-u-notification-check{margin-left:auto}.sds-u-root .sds-u-visual-caption{margin-top:70px}.sds-u-root .sds-u-power-ring{top:30%;left:0;width:100%;height:33%}.sds-u-root .sds-u-orbital-platform{top:50%;left:5%;width:90%;height:15%}}
@media(max-width:360px){.sds-u-root .sds-u-universe{aspect-ratio:280/650}.sds-u-root .sds-u-search{font-size:11px;padding:11px}.sds-u-root .sds-u-question{font-size:14px}.sds-u-root .sds-u-mini-content h2{font-size:22px}.sds-u-root .sds-u-mini-content p{display:none}.sds-u-root .sds-u-content{padding:8px;font-size:10px}.sds-u-root .sds-u-concierge{font-size:9px;grid-template-columns:20px 1fr;padding:8px;gap:5px}.sds-u-root .sds-u-concierge small{font-size:3.5px}.sds-u-social-deck,.sds-u-phone-feed{height:184px}.sds-u-side-post{height:155px}.sds-u-post-overlay strong{font-size:11px}.sds-u-social-top{font-size:5px;gap:4px;left:6px;right:5px}.sds-u-social-top b{font-size:6px}.sds-u-root .sds-u-content small{font-size:3.5px}.sds-u-platform-label{font-size:5px}.sds-u-root .sds-u-notification strong{font-size:9px}.sds-u-root .sds-u-notification{padding:8px}.sds-u-root .sds-u-service-description{font-size:9px}}