.contrast:hover,.tooltip-content,body{background:var(--bg1)}#cssdisplay,body{color:var(--text)}#cssdisplay.name{word-break:break-word}:root{--highlight:#52dc87;--purp:#38185f;--bg1:#38185f;--bg2:#000;--text:#e0d8fd;--links:#d68aa8}.eco{--bg1:#000;--bg2:#222;--text:#52dc87}.light{--bg1:#b2ece2;--bg2:#e0dbea;--text:#38185f;--links:#38185f}#sticky-header{position:sticky;top:0;left:0;width:calc(100% - 2rem);z-index:9999;display:flex;flex-direction:column-reverse;justify-content:space-between;align-items:center;padding:0 1rem;gap:0.5rem}h2{margin-top:0;font-size:2rem}.icon{height:40px;width:40px;fill:var(--text);stroke:var(--text);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}@media (min-width:768px){h1{font-size:2.3rem;max-width:600px!important}h2{font-size:3rem}h3{font-size:2rem}h4{font-size:1.4rem}#sticky-header{gap:1em}}@media (min-width:992px){#sticky-header{flex-direction:row;justify-content:space-between}}#inf{width:30px;height:30px}.about-themes{position:relative;display:inline-block}code{padding:0.2rem;background:var(--bg2);border-radius:2px}#css,#part1,.theme,.container,.contrast,.controls,.item{display:flex}#tooltipToggle{border-radius:50%;padding:0;margin:auto}.tooltip-content{position:absolute;top:80px;left:10%;border:2px solid var(--text);padding:.5rem;max-width:200px;border-radius:15px;font-size:.9rem;z-index:9999;cursor:pointer}#cssdisplay,.contrast,.controls label{background:var(--bg2)}.contrast:hover{transform:scaleX(1.1)}.theme{flex-direction:row;gap:.5rem;align-items:center;justify-content:center}.contrast{align-items:center;justify-content:center;transition:.4s;border-radius:15px;padding:0;border:1px solid var(--text);cursor:pointer;align-self:center}:root{--icon-size:128px;--stroke-colour:#000000;--stroke-width:5;--fill-colour:none;--bg-colour:transparent;--stroke-linecap:round;--stroke-linejoin:round}body{font-family:sans-serif;margin:2rem}.controls{flex-direction:column;flex-wrap:wrap;justify-content:space-around}.desc{margin-bottom:1rem;max-width:300px}.controls label{display:flex;flex-direction:row;flex-wrap:wrap;margin:.5rem 0;padding:1rem;gap:.5rem;border:2px solid #000;border-radius:15px;align-items:center}.container{flex-wrap:wrap;gap:1rem;text-align:center;justify-content:space-between}#part1{flex-direction:row;flex-wrap:wrap;gap:6rem;justify-content:center;margin-bottom:6rem}#dl{padding:0.5rem;border-radius:15px;border:2px solid var(--text);background:var(--bg2)}.item{flex-direction:column;gap:.5rem;padding:1rem;border:2px solid var(--stroke-colour);border-radius:15px;background:var(--bg-colour);align-items:center;flex:0 0 auto;color:var(--stroke-colour)}.item svg{width:var(--icon-size);height:var(--icon-size);stroke:var(--stroke-colour);stroke-width:var(--stroke-width);fill:var(--fill-colour);stroke-linecap:var(--stroke-linecap);stroke-linejoin:var(--stroke-linejoin)}.name{font-size:.9rem}#css{flex-direction:row}#cssdisplay{min-height:150px;width:auto;margin-top:2rem;align-content:center;font-family:monospace;font-size:1rem;padding:1rem;border-radius:15px;white-space:pre-wrap;border:2px solid var(--text)}#copy-css{color:var(--text);padding:0.5rem;font-size:1.1rem;margin-top:1.5rem}a {color:var(--links);text-decoration:underline;spacing:2px;font-weight:600}#copy-css{cursor:pointer;display:inline-flex;align-items:center;gap:0.4rem;}#copy-css.icon{pointer-events: none;}
