:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:rgba(60,60,60,.29);--vt-c-divider-light-2:rgba(60,60,60,.12);--vt-c-divider-dark-1:rgba(84,84,84,.65);--vt-c-divider-dark-2:rgba(84,84,84,.48);--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:rgba(60,60,60,.66);--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:hsla(0,0%,92%,.64)}:root{--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px;--blue:#0047ba}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:after,:before{box-sizing:border-box;font-weight:400;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;min-height:100vh;text-rendering:optimizeLegibility;transition:color .5s,background-color .5s;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:2rem}:root{--background:#fff;--surface:#fafafa;--text:#000;--muted:#ccc;--blue:#007bff;--border:#000;--bar-bg:#d8d8d8;--winner:#1ee939;--modal-bg:#fff}.dark{--background:#121212;--surface:#1e1e1e;--text:#f5f5f5;--muted:#666;--blue:#4dabf7;--border:#f5f5f5;--bar-bg:#444;--winner:#4aff84;--modal-bg:#2c2c2c}#app{background:var(--background);color:var(--text);font-weight:400;margin:0 auto;padding:0 2rem 2rem 0}.title a{color:var(--blue);font-size:1.4rem;font-weight:700;text-decoration:none}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid var(--border);color:var(--text);font-size:1.2rem;margin-bottom:1rem;margin-right:.1rem;margin-top:.5rem;padding:.5rem 1rem;transition:.3s ease-in-out}button:hover{background:var(--blue);color:#fff;cursor:pointer}header{margin-bottom:1rem}header h2{color:var(--blue);font-weight:700}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.flex{display:flex;gap:.5rem}strong{font-weight:700}nav a{border:1px solid var(--blue);color:var(--blue);font-weight:700;padding:1px 8px;text-decoration:none;text-transform:uppercase}nav a.router-link-active{background:var(--blue);color:#fff}nav a.rounded{border-radius:1rem}nav .inner{display:flex;gap:.5rem;margin-bottom:.5rem;margin-top:1rem}nav .inner--stretched{justify-content:space-between}.answer-unit{margin-top:2rem}.answer-unit .answer{margin-bottom:1rem}.weighted-unit{background:var(--surface);border:1px dashed var(--border);padding:1rem}.weighted-unit .answer{margin-bottom:1rem}.edit{background:var(--surface)}.section{margin-bottom:1rem}.grid{display:grid;gap:10px;grid-template-columns:repeat(4,1fr);position:relative}.grid__left{grid-column:1/3;position:relative}.grid__right{grid-column:4/5;position:relative}.grid__models{display:grid;gap:1.4rem;grid-column:span 4;grid-template-columns:repeat(12,1fr);list-style:none;margin:0;padding:0}.grid__models .model{background:var(--surface);box-shadow:0 4px 8px #0003,0 6px 20px #00000030;grid-column:span 4;padding:1rem}.frontify{display:block}.frontify-row{display:block;margin-bottom:2rem}.frontify-row label{display:block}.frontify-row input{width:100%}input{background:var(--background);border:1px solid var(--muted);color:var(--text);padding:.5rem}label{margin-bottom:.2rem;margin-top:1rem}.block{display:block}.block input{margin:.1rem 0;padding:.5rem;width:100%}.sticky{position:sticky;top:0}.result{margin-top:1.4rem}.bar{background:var(--bar-bg);height:18px;position:relative;width:100%}.bar .progress{background:var(--blue);height:100%;position:absolute;top:0;width:100%}.bar .winner{background:var(--winner)}.bars{margin-bottom:.5rem}.frontify-results .label{font-size:1.4rem;font-weight:700}.frontify-results h3{font-size:1rem;margin-bottom:.5rem;margin-top:1rem;text-transform:uppercase}.question{display:none;margin-bottom:4rem;margin-top:1rem}.question .section{text-transform:uppercase}.question .label{font-size:1.4rem;font-weight:700;margin-bottom:1rem}.question ul{margin:0;padding:0}.question.is-visible{display:block}.answer{border-bottom:1px solid var(--muted);font-size:1rem;list-style:none;margin:0;padding:.5rem 0}.answer .unit{align-items:flex-start;display:flex;justify-content:space-between}.answer .label{display:block;font-size:1.2rem;font-weight:400}.answer.is-active .label{color:var(--blue)}.answer.is-active button{background:var(--blue);border-color:var(--blue);color:#fff}.field{display:flex;flex-direction:column;gap:.4rem}.field input,.field label{font-size:1rem}.field input{border:1px solid var(--muted);padding:.4rem}.progress{background:var(--surface);height:.5rem;margin-bottom:0;position:relative;width:100%}.progress__inner{background:var(--blue);height:100%;left:0;position:absolute;top:0;width:100%}.progress-scores{background:var(--bar-bg)}.progress-scores .progress__inner{background:orange}.actions-wrapper{background:var(--background);bottom:0;left:0;padding:1rem;position:fixed;width:100%}.actions{align-items:flex-start;display:flex;gap:2rem;justify-content:stretch}.actions button{flex:1;font-size:1.4rem;padding:1rem 3rem}.actions button:hover{background:var(--blue);color:#fff;cursor:pointer}.frontify-results{display:flex;gap:4rem}.frontify-results .col{flex:1}.dialog--open{align-items:center;background:#00000080;bottom:0;display:flex;height:100%;justify-content:center;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10}.dialog--modal{background:var(--modal-bg);border-radius:.4rem;display:block;padding:1.7rem}.dialog--modal p{font-size:1.2rem}.dialog--modal .flex{margin-top:.4rem}.mt-4{margin-top:2rem}
