/* The animated product previews follow the shipped Obsidian app and companion. */
.extension-popover{width:43%;top:11%;padding:3%;border-radius:14px;background:#111113;border-color:#4b4b53;box-shadow:0 24px 55px #0009}
.extension-brand{gap:6%;padding-bottom:7%;border-color:#303034}
.extension-brand strong{font-size:3.5cqi;font-weight:500;letter-spacing:-.14cqi;color:#f4f3ef}
.extension-brand small{font-size:.85cqi;letter-spacing:.09em;margin-top:.7cqi;color:#777780}
.extension-brand>span{font-size:2.7cqi;color:#a09fa6}
.extension-connection{display:flex;align-items:center;gap:1cqi;font-size:1.15cqi;color:#a09fa6;padding:4% 0}
.extension-connection i{width:.65cqi;height:.65cqi;display:block;background:#eeede6;border-radius:50%}
.extension-question-count{margin:0 0 6%;padding:5.5%;border:1px solid #303034;border-radius:10px;background:#19191c}
.extension-question-count>span{font-size:.9cqi;color:#777780}
.extension-question-count>strong{font-size:2.15cqi;font-weight:500;line-height:1.2;margin:5% 0}
.extension-question-count>small{font-size:1.2cqi;color:#a09fa6}
.extension-popover .solve-demo-button{border:1px solid #f1f0eb;border-radius:8px;min-height:7.8cqi;padding:6% 7%;font-size:1.7cqi;background:#f1f0eb;color:#171719}
.extension-progress{display:flex;align-items:center;gap:1.4cqi;margin-top:6%;font-size:1.3cqi;color:#a09fa6;min-height:3cqi}
.extension-progress>i{width:2cqi;height:2cqi;display:grid;place-items:center;border:1px solid #55555e;border-radius:50%;font-size:1.1cqi;font-style:normal;color:#efeee7}
.extension-fill-track{height:.4cqi;margin-top:6%;border-radius:3px;background:#303034;overflow:hidden}
.extension-fill-track>i{display:block;height:100%;width:0;background:#eeede6}
.stage-chrome[data-step="2"] .extension-fill-track>i{width:50%}
.stage-chrome[data-step="3"] .extension-fill-track>i{width:100%}
.extension-result{border:0;border-top:1px solid #303034;border-radius:0;background:none;padding:7% 0 0;margin:8% 0 0}
.extension-result>b{font-size:1.5cqi;color:#f4f3ef;font-weight:500}
.extension-result>span{font-size:1.15cqi;color:#a09fa6;margin-top:3%}
.extension-bottom-note{display:flex;align-items:center;justify-content:space-between;min-height:6cqi;margin-top:6%;padding:4% 6%;border:1px solid #303034;background:#19191c;border-radius:7px;color:#eeede6;text-align:left;font-size:1.45cqi}
.extension-bottom-note>span{font-size:2cqi}
.stage-chrome[data-step="3"] .solve-demo-button{background:#f1f0eb}
.mini-app{top:7%;height:82%;background:#151517;color:#f4f3ef;border-color:#4b4b53;border-radius:12px}
.mini-title{background:#1a1a1e;border-color:#303034;color:#a09fa6}
.mini-app-content{grid-template-columns:28% 72%}
.mini-sidebar{background:#101012;color:#92929a;align-items:stretch;padding:7% 5%}
.mini-app-brand{display:flex;align-items:center;gap:8%;padding:0 6% 20%;width:100%}
.mini-app-brand>img{width:21%;height:auto;object-fit:contain}
.mini-app-brand>strong{font-size:2.75cqi;font-weight:550;letter-spacing:-.1cqi;color:#f4f3ef}
.mini-sidebar>span{font-size:1.4cqi;padding:8% 7%;margin-bottom:3%;color:#8d8d96}
.mini-sidebar>span.active{background:#29292f;color:#f4f3ef}
.mini-sidebar>.mini-site-link{position:absolute;bottom:17%;left:9%;right:9%;width:auto;padding:6% 0;font-size:1.2cqi;color:#c7c7cf}
.mini-sidebar>small{font-size:.9cqi;color:#696973}
.mini-settings{padding:6% 6.5%}
.mini-settings h3{font-size:3.75cqi;font-weight:600;color:#f4f3ef;letter-spacing:-.12cqi}
.mini-settings>p{font-size:1.3cqi;color:#8d8d96;margin-bottom:6%}
.mini-settings h4{font-size:1.15cqi;letter-spacing:.09em;text-transform:uppercase;color:#787882;font-weight:500}
.mini-setting-card{background:#1c1c20;border-color:#323238;border-radius:7px;padding:5%}
.mini-setting-card>b{font-size:1.4cqi;color:#e5e4df;font-weight:500}
.mini-setting-card>p{font-size:1.3cqi;color:#9b9ba4}
.stage-mac .mini-settings{padding:4.5% 5%}
.stage-mac .mini-settings>p{margin-bottom:4%}
.stage-mac .mini-settings h4{margin-bottom:3%}
.stage-mac .mini-setting-card{padding:2% 3.5%;margin-bottom:2%}
.stage-mac .mini-setting-card>b{margin-bottom:2%}
.stage-mac .open-workspace-demo{margin-top:3%}
.mini-choices>span{border-color:#3b3b43;color:#a09fa6;border-radius:5px;background:#242429}
.mini-choices>span.active{background:#f1f0eb;border-color:#f1f0eb;color:#171719}
.mini-slider>i{background:linear-gradient(90deg,#eeede6 0 calc(var(--opacity) * 1%),#45454e calc(var(--opacity) * 1%))}
.mini-slider>strong{color:#c8c8d0}
.mini-keybind>span{color:#a09fa6}
.mini-keybind kbd{background:#28282f;border-color:#41414a;color:#d8d8df}
.mini-primary,.mini-secondary{border-radius:6px;min-height:5.6cqi;background:#f1f0eb;border-color:#f1f0eb;color:#171719;font-weight:500;font-size:1.35cqi}
.mini-secondary{background:#26262c;border-color:#3b3b43;color:#e2e1dc}
.stage-mac[data-step="2"] .open-workspace-demo,.stage-mac[data-step="3"] .open-workspace-demo{background:#fff}
.mini-toggle{color:#b6b6bf;font-size:1.25cqi}
.mini-toggle>i{background:#42424b}
.mini-toggle>i:after{background:#111113;box-shadow:none}
.stage-windows[data-step="2"] .mini-toggle>i,.stage-windows[data-step="3"] .mini-toggle>i{background:#f1f0eb}
.stage-windows:not([data-step="0"]) .chat-connect-preview{justify-content:flex-start;background:none;border-color:transparent;color:#bdbdc7;min-height:3cqi;padding:0}
.mini-ready{color:#c9c9d1}
.connection-toast{background:#1b1b20;border-color:#45454e;color:#efeee9}
@media(prefers-reduced-motion:reduce){.extension-popover,.mini-app,.mini-setting-card{transition:none}}