body{font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";padding:0rem 3rem 3rem 3rem;padding-top:5rem}@media screen and (min-width: 600px){body{padding-top:0}}h1{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='100' height='100' viewport='0 0 100 100' style='fill:black;font-size:24px;'><text y='50%'>🚀<animateTransform attributeName='transform' begin='0s' dur='2s' type='rotate' from='0 40 40' to='360 40 40' repeatCount='indefinite' /></text></svg>") 16 0,auto}h1,h2,h3,h4{color:#000000}a{color:#0074D9}a:hover{text-decoration:none}ol,ul{line-height:1.5;margin:0;padding:0;list-style-position:inside}.form{margin:2rem 0;display:flex;flex-wrap:wrap}@media screen and (min-width: 900px){.form{display:grid;grid-template-columns:300px 1fr}}.controls{display:flex;flex-direction:column;margin-right:2rem;max-height:600px;overflow-y:scroll}.controls__range-warning{color:orangered;visibility:hidden;font-size:0.8rem;padding:0.5rem 0}.controls__range-warning.show{visibility:visible}.list{list-style-type:none;margin:0;padding:0;display:flex;display:grid;grid-template-columns:repeat(2, 1fr);font-size:1.3rem}.list__custom input{font-size:1.3rem;width:25px}.list__label_custom{font-size:1rem}.preview{max-width:calc(100% - 5rem);position:relative}.preview__tester{background-color:#eeeeee;padding:2rem;width:400px;max-width:100%;height:400px;font-size:0.85rem;border:0}.preview__copy{padding:1rem;background:white;border:0;position:absolute;left:0;width:100px;bottom:0}@media screen and (min-width: 900px){.preview__copy{bottom:36px}}.preview__copy:hover{text-decoration:underline;cursor:pointer}.icon__twitter{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='27' height='32' viewport='0 0 100 100' style='fill:black;font-size:16px;'><text y='50%'>🐦</text></svg>") 16 0,auto}.icon__mastodon{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='27' height='32' viewport='0 0 100 100' style='fill:black;font-size:16px;'><text y='50%'>🐘</text></svg>") 16 0,auto}.icon__email{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='70' height='84' viewport='0 0 100 100' style='fill:black;font-size:42px;'><text y='50%'>📧</text></svg>") 16 0,auto}.icon__coffee{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='70' height='84' viewport='0 0 100 100' style='fill:black;font-size:42px;'><text y='50%'>☕</text></svg>") 16 0,auto}.icon__pi{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='70' height='84' viewport='0 0 100 100' style='fill:black;font-size:42px;'><text y='30%'>π</text></svg>") 16 0,auto}.icon__github{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='70' height='84' viewport='0 0 100 100' style='fill:black;font-size:42px;'><text y='50%'>🔧</text></svg>") 16 0,auto}.icon__fox{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='80' height='84' viewport='0 0 100 100' style='fill:black;font-size:42px;'><text y='50%'>🔥</text><text y='55%' x='35%'>🦊</text></svg>") 30 0,auto}.icon__laptop{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'  width='27' height='32' viewport='0 0 100 100' style='fill:black;font-size:16px;'><text y='50%'>👨‍💻</text></svg>") 16 0,auto}.desktop-only-notice{position:absolute;top:0;left:0;margin-top:0;padding:1rem;width:100%;background:rgba(251,61,61,0.5);box-sizing:border-box}@media screen and (min-width: 600px){.desktop-only-notice{display:none}}