.code{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);bottom:0;height:180px;left:15px;position:fixed;right:15px}.code__label{font-size:14px;line-height:20px}.code__copy{margin-top:4px}.code__textarea{box-sizing:border-box;font-size:12px;height:120px;margin:0;max-width:260px;padding:5px;width:100%}.code__copy,.code__textarea{font-family:Arial,sans-serif}.body_bg_black .code__textarea{background:#333;border:1px solid #555;color:#fff}.body_bg_black .code__label{color:#fff}
.form__panel{background:#fff;border:1px solid #f0f0f0;border-radius:4px;border-radius:10px;color:#000;left:15px;line-height:1.6;position:absolute;top:70px;transition:border-color .5s ease;white-space:nowrap;z-index:20}.body_bg_black .form__panel{background:#333;border-color:#555;color:#fff}.form__field{margin-left:10px}.form__label{display:inline-block;width:80px}.form__label_radio{margin-right:1em}.form__group{padding:3px}.form__group input[type=number]{width:60px}.form__color{height:20px;width:60px}.form__group:hover{background-color:#f0f0f0}.body_bg_black .form__group:hover{background-color:#555}.form__title{background:#5ecdef50;font-weight:700;padding:3px;text-align:center}.form__body{padding:5px}.form__bottom{background:#eee;border-radius:0 0 10px 10px;padding:5px;text-align:center}.body_bg_black .form__bottom{background:#555}.form__layer{border:1px solid hsla(0,0%,78%,.5);border-radius:10px;bottom:25%;display:none;height:50%;left:25%;overflow:hidden;position:fixed;right:25%;top:25%;width:50%;z-index:10}.form__layer_visible{display:block}.form__button{margin-left:5px}
body,html{border:0;margin:0;padding:0}body.animation{transition:background-color .5s ease}body.debug .snowflake{border:1px solid red}.body_bg_black{background:#000}body,input,textarea{font-family:Arial,sans-serif;font-size:12px}input{margin-left:0}label{margin-right:5px}.github{border:1px solid #aaa;border-radius:5px;color:#aaa;display:inline-block;font-size:12px;padding:3px 5px;text-decoration:none;vertical-align:middle}.header{-webkit-background-clip:text;background-clip:text;background-color:#fff;background-image:linear-gradient(90deg,#3980db,#b69ee2);color:#222;color:transparent;font-size:30px;left:50%;margin:0;padding:0;top:20px;transform:translateX(-50%);white-space:nowrap}.header,.no-support{font-weight:700;position:absolute}.no-support{border:2px dotted red;display:none;font-size:18px;left:20px;padding:5px;top:50px}.no-support_visible{display:block}