:root{--font-sans:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono",Menlo,Monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono";--font-title:Relapse,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--color-primary:#37afff;--color-bg1:#141518;--color-bg2:#282a2e;--color-darken:#43464d;--color-text1:#fff;--color-text2:#cecece}*{background:transparent;border:0;box-sizing:border-box;color:#fff;color:var(--color-text1);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);font-size:100%;margin:0;outline:0;padding:0;transition-duration:175ms;transition-property:box-shadow,background,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);vertical-align:initial}::-webkit-scrollbar{width:"18px"}::-webkit-scrollbar-thumb{background-clip:"padding-box";background-color:"#AAAAAA";border:"6px solid rgba(0, 0, 0, 0)";border-radius:"9999px"}body{background:#141518;background:var(--color-bg1);color:#fff;color:var(--color-text1);height:100vh;overflow:hidden;padding:2rem;width:100%}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{display:flex;flex-direction:column;gap:1rem}.sketch-picker{width:250px}@font-face{font-family:Uni Neue Italic;font-weight:900;src:url(/static/media/UniNeue-Trial-HeavyItalic.0275edc3e618394c5103.ttf)}@font-face{font-family:Uni Neue Italic;font-weight:500;src:url(/static/media/UniNeue-Trial-RegularItalic.e80ccf06745d56c2f794.ttf)}@font-face{font-family:Uni Neue Italic;font-weight:700;src:url(/static/media/UniNeue-Trial-BoldItalic.d1607bd79c5dc0edbd7e.ttf)}@font-face{font-family:Meedori;font-weight:500;src:url(/static/media/Meedori-Sans-Bold.0a176f99cbe05f47c35b.ttf)}@font-face{font-family:Relapse;src:url(/static/media/relapse.0414fd6d336b4db661c7.ttf)}.button{background:var(--button-color-1);border-radius:.5rem;color:var(--button-text-color);cursor:pointer;font-size:16px;font-weight:500;padding:.8rem 1rem}.button:hover{background:var(--button-color-2)}.button *{color:var(--button-text-color)}#card{background:var(--card-color-1);border-radius:1rem;min-height:300px;overflow:hidden;position:relative;width:550px}#card,#card *{color:var(--card-text-color)}#card #alignment svg{height:28px;width:28px}#card #alignment svg *{stroke-width:30px}#card>div{padding:1rem}#card p{font-family:Uni Neue Italic;font-weight:500;margin-top:.5rem}#card .italic{font-style:italic}#card #title,#card .center{text-align:center}#card #title{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,var(--card-title-color-1),var(--card-title-color-2));-webkit-background-clip:text;background-clip:text;font-size:90px;font-weight:800;line-height:4.5rem;margin-top:3rem}#card #title,#title-holder{overflow:visible}#card #gradient{background:#fff;background:linear-gradient(180deg,var(--card-color-1) 0,var(--card-color-2) 100%);padding-top:0;width:100%}#card .subtitle{font-size:28px;font-weight:800;text-transform:uppercase}#card .content{font-size:16px;line-height:21px}#card .bold{font-family:Uni Neue Italic;font-weight:700}#card #alignment{align-items:center;display:flex;font-family:Meedori;font-size:20px;font-weight:500;gap:.5rem;left:.25rem;position:absolute;top:.25rem}#card #alignment img{height:28px;width:28px}#card #corner1{border-left:2px solid var(--card-text-color);border-top:2px solid var(--card-text-color);border-top-left-radius:1rem;left:.2rem;top:.2rem}#card #corner1,#card #corner2{height:40px;position:absolute;width:40px}#card #corner2{border-bottom:2px solid var(--card-text-color);border-bottom-right-radius:1rem;border-right:2px solid var(--card-text-color);bottom:.2rem;right:.2rem}input,textarea{background:var(--color-bg2);border:2px solid var(--color-darken);border-radius:.5rem;color:#fff;flex:1 1;flex-grow:1;flex-shrink:1;min-width:0;padding:.75rem .9rem;resize:none;width:100%}input:active,input:focus,textarea:active,textarea:focus{border:2px solid var(--color-primary)}.input-flex{align-items:center;display:flex;gap:1rem}#content-flex{display:flex;gap:2rem;height:calc(100vh - 4rem);margin:0 auto;max-width:1100px}#card-holder{flex-grow:0;flex-shrink:0}#card-holder,main{overflow-y:auto;padding-right:1rem}main{flex:1 1;flex-grow:1;flex-shrink:1}#color-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}select{background:var(--color-bg2);border:2px solid var(--color-darken);border-radius:.5rem;color:#fff;padding:.75rem .9rem;resize:none;width:100%}
/*# sourceMappingURL=main.31ae0c6c.css.map*/