body{background-color:var(--main-bg-color);font-family:Inter,Arial,Helvetica,sans-serif}#all{display:grid;grid-template-columns:1fr minmax(300px,1200px) 1fr;grid-template-rows:max-content 1fr}#infocontainer{margin:20px;grid-column:2;grid-row:1;display:grid;grid-template-columns:1fr minmax(300px,450px) 1fr}#info{grid-column:2}#titlecontainer{margin-bottom:50px}#titleflex{display:flex;justify-content:space-between;align-items:end}#title{font-size:x-large;font-weight:400}#about{padding:unset;background-color:unset;color:unset;border:unset;padding-bottom:.1em}.bolded{font-weight:700}#about:hover{cursor:pointer;font-weight:700}#divider{border-style:solid;border-color:var(--text);border-width:1.5px 0px 0px 0px}#infotext{margin-bottom:40px}#infotext p{margin-bottom:1em}#controls{display:flex;flex-flow:column;align-items:center;margin-bottom:40px}.inputcontainer{width:100%;position:relative}.clearinput{background-color:unset;color:unset;padding:0 6px;border:unset;position:absolute;top:.3em;right:0}.clearinput:hover{cursor:pointer}.mediainput{margin-top:5px;width:100%;background-color:var(--white);color:var(--text);opacity:1;border:1px solid var(--text);border-radius:4px;padding:0 20px 0 5px;overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.flatbottom{border-radius:4px 4px 0 0}.mediainput::placeholder{font-style:italic;color:var(--text);opacity:.5}.mediainput:disabled{font-style:italic;background-color:var(--white);color:var(--text);opacity:1;border:1px solid var(--text);border-radius:4px}.mediaoptions{width:100%;background-color:var(--white);border-width:0px 1px 1px 1px;border-style:solid;max-height:300px;overflow-y:scroll;border-radius:0 0 4px 4px}.mediaoptions ul{list-style-type:none;padding:0}.mediaoptions li{cursor:pointer;line-height:1;padding:.25em 5px;transition:background-color .1s ease}.mediaoptions li:hover{background-color:var(--emph-color);transition:background-color .1s ease}.mediaoptions p{padding:0 5px}#submit{color:var(--text);background-color:var(--emph-color);margin-top:10px;width:max-content;border:1px solid var(--text);border-radius:calc(.75em + 1px);padding:0 10px}#submit:hover{cursor:pointer}#submit:disabled{opacity:.5;cursor:not-allowed}#tropescontainer{margin:20px 20px 80px;grid-column:2}#tropestitle{font-weight:400;font-style:italic;font-size:xx-large;margin-bottom:.5em;line-height:1.15}#tropes{column-width:200px;column-rule:2px solid var(--emph-color);break-inside:avoid}#tropes p{line-height:1;margin-bottom:.5em}#tropes a{text-decoration:underline 1px}a{transition:background-color .1s ease}a:hover{background-color:var(--emph-color);transition:background-color .1s ease}:root{--main-bg-color: #f4f4ff;--emph-color: #ffccff;--text: #151551;--white: white;color:var(--text)}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}