.orientation-widget{width:106px;padding:7px 8px 8px;box-sizing:border-box;border:1px solid #d6e0d5;border-radius:15px;background:#f9fcf4ed;color:#40604e;box-shadow:0 7px 24px #183c2a0d;pointer-events:auto;font-family:inherit}
.orientation-explore{position:fixed;right:30px;top:92px;z-index:4}
.orientation-design{position:absolute;right:12px;top:12px}
.orientation-plan{position:absolute;right:12px;bottom:10px;pointer-events:none;background:#f8faf1d9;box-shadow:none}
.orientation-dial{position:relative;width:88px;height:88px;margin:auto}
.orientation-dial>svg{display:block;width:88px;height:88px;fill:none;stroke:#b7c9b7;stroke-width:1.1}
.orientation-dial .orientation-nose{fill:#547d68;stroke:#3d644f;stroke-width:1}
.orientation-dial .orientation-needle circle{fill:#e1ecda;stroke:#477158}
.orientation-cardinal{position:absolute;display:grid;place-items:center;width:26px;height:23px;padding:0;border:0;border-radius:6px;font-size:11px;line-height:1;color:#54715a;background:transparent}
button.orientation-cardinal:hover{background:#dcebd7}
.orientation-cardinal.orientation-n{top:0;left:31px;color:#ad644c;font-weight:700}
.orientation-cardinal.orientation-e{top:32px;right:-1px}
.orientation-cardinal.orientation-s{bottom:0;left:31px}
.orientation-cardinal.orientation-w{top:32px;left:-1px}
.orientation-caption{display:block;text-align:center;white-space:nowrap;font-size:9px;line-height:1.7;font-variant-numeric:tabular-nums;color:#70836c}
.orientation-plan .orientation-nose{fill:#a97557;stroke:#a97557}
body.designing .orientation-explore,body.scene-unavailable .orientation-explore{display:none}
.top-actions .solar-entry svg{display:block;width:17px;height:17px;flex-shrink:0}
.design-solar-entry{display:flex;gap:5px;align-items:center;border:1px solid #d5dfcd;border-radius:8px;background:#f5f8ed;padding:7px 10px;white-space:nowrap;font-size:11px;color:#4e6f46;pointer-events:auto}
.design-solar-entry:hover{background:#e3edd9}
@media(max-width:1050px){.top-actions .solar-entry span{display:none}.top-actions .solar-entry{padding:9px 11px}}
@media(max-width:720px){.orientation-explore{right:12px;top:80px}.orientation-design{right:7px;top:7px}.orientation-widget{width:86px;padding:4px 5px 5px;border-radius:11px}.orientation-dial{width:74px;height:74px}.orientation-dial>svg{width:74px;height:74px}.orientation-cardinal{font-size:10px;width:22px;height:19px}.orientation-cardinal.orientation-n,.orientation-cardinal.orientation-s{left:26px}.orientation-cardinal.orientation-e,.orientation-cardinal.orientation-w{top:27px}.orientation-caption{font-size:8px}.design-solar-entry{font-size:10px;padding:5px 7px}.orientation-plan{bottom:6px;right:7px}}
@media(max-width:580px){.top-actions .solar-entry{width:29px;min-width:29px;padding:5px;border-radius:9px}.orientation-plan{transform:scale(.85);transform-origin:bottom right}.orientation-design{transform:scale(.85);transform-origin:top right}}