:root{color:#202124;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fafafa;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;padding:48px 24px 360px}h1{margin:0 0 24px;font-size:24px;font-weight:600}p{margin:16px 0 0;font-size:14px}.environment-selector{width:240px;max-width:100%;position:relative}.environment-trigger{width:100%;min-height:40px;color:inherit;font:inherit;cursor:pointer;background:#fff;border:1px solid #767676;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:14px;display:flex}.environment-trigger:focus-visible,.environment-search:focus-visible{outline-offset:3px;outline:2px solid #2458a6}.environment-popup{z-index:1;background:#fff;border:1px solid #767676;border-radius:6px;width:100%;padding:6px;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 4px 12px #00000014}.environment-search{width:100%;height:36px;color:inherit;font:inherit;background:#fff;border:1px solid #767676;border-radius:3px;padding:6px 8px;font-size:16px}.environment-search:focus-visible{outline-offset:1px}.environment-list{margin:6px 0 0;padding:0;list-style:none}.environment-option{cursor:pointer;border-radius:3px;justify-content:space-between;align-items:center;min-height:32px;padding:6px 8px;font-size:14px;display:flex}.environment-option.is-active{color:#172d50;outline-offset:-1px;background:#e2e9f3;outline:1px solid #8b9eb8}.environment-empty{color:#4b4b4b;margin:0;padding:12px 8px;font-size:14px}