html{background-color:#fbe5d8;padding:0}body{width:80%;min-height:calc(100vh - 4em);margin:0 auto;padding:2em;background-color:#f4ece5;border-color:#eee;border-left-style:solid;border-right-style:solid;border-width:20px;text-align:center}.stack{display:flex;flex-direction:column;justify-content:flex-start;>*{margin-top:0;margin-bottom:0}>*+*{margin-top:var(--space, 2.5rem)}}p{color:#444;font-family:commissioner,sans-serif;font-size:23px}a{color:#22d}a:hover{color:#2dd}p.value-description{text-indent:-16pt;margin-left:20pt}p.question{margin:16pt auto;color:#555;font-family:Zen Antique Soft,serif;font-weight:400;width:70%;min-width:500pt;min-height:144pt;background-color:#eee;padding:16pt;border-radius:16pt;font-size:clamp(1.625rem,1.4716rem + .6818vw,2rem);display:flex;justify-content:center;align-items:center;text-align:center}h1{color:#222;font-family:comfortaa,serif;font-size:35px;text-align:center;margin-top:0;margin-bottom:0}h2{color:#333;font-family:Comfortaa,display;font-size:30pt;margin-top:12pt;margin-bottom:0}li{font-size:16pt;text-indent:16pt}a{font-family:inherit}img.center{display:block;margin:1em auto;width:50%;min-width:500pt}.button{background-color:#2bb855;font-family:commissioner,sans-serif;border:none;border-radius:0;color:#fff;padding:8pt;width:50%;min-width:500pt;text-align:center;text-decoration:none;display:block;font-size:24pt;margin-inline:auto;cursor:pointer;&#stronglyAgree{background-color:#315e33}&#agree{background-color:#269a2a}&#neutral{background-color:#bbb;color:#555}&#disagree{background-color:#f44336}&#stronglyDisagree{background-color:#b71c1c}&#back_button{background-color:#555;color:#fff}}.green_button{background-color:#4caf50}.small_button,.small_button_off{background-color:#333;font-family:commissioner,sans-serif;border:none;border-radius:0;color:#fff;padding:8pt;width:10%;min-width:100pt;text-align:center;text-decoration:none;display:block;font-size:18pt;cursor:pointer}.small_button_off{background-color:#ddd;color:#888;border:2px solid #888;cursor:not-allowed}.button:disabled{background-color:#ddd;font-family:commissioner,sans-serif;border:2px solid #888;border-radius:0;color:#888;padding:8pt;width:50%;min-width:500pt;text-align:center;text-decoration:none;display:block;font-size:24pt;cursor:not-allowed}span.weight-300{font-weight:300}#banner{border-color:#444;border-style:solid;border-width:2px;border-radius:0;display:block;margin:8pt auto;max-width:50%;min-width:500pt}@media screen and (orientation:portrait){body{width:auto!important;border-width:0px!important}.title{display:none}.svgHeader{color:#222;font-family:Comfortaa,sans-serif;text-align:center;margin-top:0;margin-bottom:0;font-weight:700;text-anchor:middle}#banner{min-width:0px;max-width:100%;border-width:1px}.button,.button:disabled,.text_input,.num_input,.selection{min-width:0px;max-width:100%;width:100%;font-size:1.5em}h2{font-size:1.5em;line-height:initial}p.question{min-height:224px!important;min-width:0px;max-width:100%;width:auto}}#chart-wrapper{--chart-width: 600px;padding:35px;position:relative;font-size:clamp(.875rem,.7727rem + .4545vw,1.125rem);max-width:var(--chart-width);margin-inline:auto;#plato{position:absolute;top:0;left:50%;transform:translate(-50%)}#aristotle{position:absolute;bottom:0;left:50%;transform:translate(-50%)}#stoic{position:absolute;right:0;top:50%;transform:translateY(-50%);rotate:90deg}#epicurean{position:absolute;left:0;top:50%;translate:-2em 0;rotate:-90deg}}#chart{background-size:5% 5%;background-image:linear-gradient(to right,#ddd 1px,transparent 1px),linear-gradient(to bottom,#ddd 1px,transparent 1px);width:100%;background-color:#f7f7f7;max-width:var(--chart-width);position:relative;&:after{content:"";display:block;padding-bottom:100%}#ap{position:absolute;left:calc(50% - 1px);inset-block:0;border:1px solid black;&:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8cG9seWdvbiBwb2ludHM9IjUwLDAgMTAwLDEwMCAwLDEwMCIgc3R5bGU9ImZpbGw6YmxhY2s7IiAvPgo8L3N2Zz4=);position:absolute;top:0;translate:-50% -50%;width:1em}&:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8cG9seWdvbiBwb2ludHM9IjUwLDAgMTAwLDEwMCAwLDEwMCIgc3R5bGU9ImZpbGw6YmxhY2s7IiAvPgo8L3N2Zz4=);position:absolute;bottom:0;rotate:180deg;translate:-50% 50%;width:1em}}#es{position:absolute;top:calc(50% - 1px);inset-inline:0;border:1px solid black;&:before{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8cG9seWdvbiBwb2ludHM9IjUwLDAgMTAwLDEwMCAwLDEwMCIgc3R5bGU9ImZpbGw6YmxhY2s7IiAvPgo8L3N2Zz4=);position:absolute;left:0;rotate:-90deg;translate:-50% -50%;width:1em}&:after{content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj4KICA8cG9seWdvbiBwb2ludHM9IjUwLDAgMTAwLDEwMCAwLDEwMCIgc3R5bGU9ImZpbGw6YmxhY2s7IiAvPgo8L3N2Zz4=);position:absolute;right:0;rotate:90deg;translate:50% -50%;width:1em}}#position{background-color:red;width:clamp(.5rem,.3977rem + .4545vw,.75rem);height:clamp(.5rem,.3977rem + .4545vw,.75rem);display:block;position:absolute;transform:translate(-50%,-50%)}}.axis{--space: 8px;p{font-size:18px}}.center{--max-width: 73ch;--min-width: 0;box-sizing:content-box;max-width:var(--max-width, 70ch);min-width:var(--min-width, 0);margin-left:auto;margin-right:auto;padding-left:var(--s1);padding-right:var(--s1)}