css实现多彩滑块组合成炫酷色彩氛围效果代码

代码语言:html

所属分类:布局界面

代码描述:css实现多彩滑块组合成炫酷色彩氛围效果代码

代码标签: 滑块组 合成 炫酷 色彩 氛围 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en" >

<head>

  <meta charset="UTF-8">

  
<style>
body {
	display: grid;
	place-items: center;
	background-color: #030303;
	width: 100vw;
	height: 100vh;
	overflow: hidden;
}
.app {
	position: relative;
}
input {
	--absX: max(calc(var(--x) * -1), var(--x));
	accent-color: hsl(calc(var(--absX) * 2), 100%, 50%);
	mix-blend-mode: screen;
	width: 5rem;
	height: 1rem;
	margin-left: -2.5rem;
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translateX(calc(var(--x) * 3px)) translateY(calc(var(--y) * 3px))
		rotate(calc(var(--rot) * 1deg));
}
</style>



</head>

<body >
  <div class="app">
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0; --y: 0; --rot: 0"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.24455151948660941; --y: 0.2265075394504598; --rot: 42.80635001174391"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.050998681531847445; --y: 0.6647131553733968; --rot: 85.61270002348782"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.6214083129159855; --y: 0.7834868911723467; --rot: 128.41905003523172"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.3177281402254124; --y: 0.20339696712550376; --rot: 171.22540004697564"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.381212620691272; --y: -0.9327537050159204; --rot: -145.96824994128048"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.45540683455563474; --y: -1.9474610689407932; --rot: -103.16189992953656"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.1541046353416087; --y: -2.027926757831125; --rot: -60.355549917792644"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.5425556879591067; --y: -0.8040657216533384; --rot: -17.549199906048734"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.7132057170027624; --y: 1.2800448184432938; --rot: 25.257150105698436"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.2452625952031096; --y: 3.091994854474879; --rot: 68.06350011743909"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.3062366459904384; --y: 3.426104240842081; --rot: 110.86985012917975"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -3.5852092300800336; --y: 1.773774161653319; --rot: 153.6762001409269"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.15526015381868; --y: -1.2294677026520608; --rot: -163.51744984732593"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -2.383310936408974; --y: -4.01218229373631; --rot: -120.71109983558529"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.0476875194487951; --y: -4.889003053956014; --rot: -77.90474982384463"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.363550806226478; --y: -3.066572811123959; --rot: -35.09839981209746"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 5.615466058916625; --y: 0.7600342441406841; --rot: 7.707950199649704"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 3.8153136837019663; --y: 4.630699892560144; --rot: 50.51430021139687"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.36685098644372466; --y: 6.3226996975071; --rot: 93.32065022313103"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.805851949452286; --y: 4.620414644205659; --rot: 136.12700023487818"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -6.998787019243336; --y: 0.13030832387448701; --rot: 178.93335024662537"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -5.4719651420660425; --y: -4.882148631677649; --rot: -138.26029974164052"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.7286836465055744; --y: -7.631958983189907; --rot: -95.45394972989337"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.853725223451066; --y: -6.359351496436952; --rot: -52.64759971814619"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 8.210709182887502; --y: -1.4243241058450518; --rot: -9.841249706399026"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.271352052637864; --y: 4.7157767586804; --rot: 32.96510030534813"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.212113747772741; --y: 8.723906966887878; --rot: 75.77145031708228"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.4646153165276585; --y: 8.196238233881306; --rot: 118.57780032882947"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -9.160908024203927; --y: 3.0858076117153703; --rot: 161.3841503405766"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -9.121880689272984; --y: -4.097717985741408; --rot: -155.80949964768925"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.038077870957232; --y: -9.511661520778759; --rot: -113.00314963594211"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 3.61376506222314; --y: -10.03585969674911; --rot: -70.19679962419492"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 9.766812896821598; --y: -5.060569714812679; --rot: -27.390449612447757"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 10.925578943498156; --y: 3.012668118766845; --rot: 15.415900399299412"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 6.143966569406656; --y: 9.917801465300892; --rot: 58.22225041103355"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -2.295587663304354; --y: 11.778381776801297; --rot: 101.02860042279376"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -9.956951988950944; --y: 7.278064179494227; --rot: 143.83495043451487"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -12.581668995347886; --y: -1.464940181695528; --rot: -173.35869955373798"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -8.451853003040366; --y: -9.877559456414199; --rot: -130.55234954199082"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.5243944426992713; --y: -13.323017235080195; --rot: -87.74599953024367"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 9.673966327471108; --y: -9.653608303258059; --rot: -44.93964951849649"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.990296994702298; --y: -0.5211429746469236; --rot: -2.1332995067493217"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 10.870987260252333; --y: 9.341631572261663; --rot: 40.673050504997846"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.6655528875074292; --y: 14.571789344141191; --rot: 83.47940051671897"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -8.877190889577752; --y: 12.091132366738764; --rot: 126.28575052846612"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -15.056300364628294; --y: 2.9015393227052857; --rot: 169.0921005402133"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -13.300780319817202; --y: -8.278507554409058; --rot: -148.10154944803955"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.22067572761745; --y: -15.433272381523658; --rot: -105.29519943629239"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.544713414223923; --y: -14.486375574138872; --rot: -62.48884942454522"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 15.692891070590841; --y: -5.613461287329598; --rot: -19.68249941279805"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 15.634187680959094; --y: 6.676239626956697; --rot: 23.123850598949115"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.0693869774670715; --y: 15.826187544928924; --rot: 65.93020061069628"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -5.674836810152686; --y: 16.73043150337872; --rot: 108.7365506224174"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -15.825134563073261; --y: 8.577010904774697; --rot: 151.54290063416457"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -17.76138937026612; --y: -4.543584350367978; --rot: -165.65074935408828"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.124042413278083; --y: -15.682736038669752; --rot: -122.84439934234112"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 3.286888703465229; --y: -18.713534210592947; --rot: -80.03804933059395"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 15.393109078221395; --y: -11.69743436330189; --rot: -37.23169931884679"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 19.573652696006732; --y: 1.910470600110405; --rot: 5.5746506929003825"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.28348292373255; --y: 14.951557825688456; --rot: 48.38100070462149"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.421341154974095; --y: 20.328967412920154; --rot: 91.18735071636867"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -14.354638450441703; --y: 14.867934156035657; --rot: 133.9937007281158"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -20.967257085933227; --y: 1.1722330367221983; --rot: 176.800050739863"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -16.4360966114791; --y: -13.600214678056968; --rot: -140.39359924838985"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -2.860775647155607; --y: -21.476973882302087; --rot: -97.58724923664268"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 12.687503331462077; --y: -17.972959111235376; --rot: -54.78089922489552"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.84735684226017; --y: -4.633656955874658; --rot: -11.974549213148348"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 19.46331283354873; --y: 11.617109421934321; --rot: 30.831800798598817"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 6.479160447048244; --y: 22.06854050229434; --rot: 73.63815081031993"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.3910504055665; --y: 20.891876792510068; --rot: 116.4445008220671"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.13165780780177; --y: 8.384559248373058; --rot: 159.25085083381427"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.243425760028288; --y: -9.01276930017129; --rot: -157.9427991544125"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.3362019182764; --y: -22.028936447675598; --rot: -115.13644914271748"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.487136439368194; --y: -23.50291965656032; --rot: -72.33009913097031"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.753787786299146; --y: -12.319607012752561; --rot: -29.523749119223133"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 24.655633416718768; --y: 5.820439725498292; --rot: 13.282600892524032"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 14.319565792578622; --y: 21.300887617416087; --rot: 56.0889509042712"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.020363327691556; --y: 25.68728632443203; --rot: 98.89530091601837"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -20.666248019745495; --y: 16.320252364188793; --rot: 141.70165092776554"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -26.584169807206504; --y: -2.0959548594187996; --rot: -175.49199906048733"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -18.305340485756357; --y: -19.847279654918186; --rot: -132.68564904874015"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.057581155948083516; --y: -27.33327268223823; --rot: -89.87929903699298"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 18.84284391452828; --y: -20.258126212884772; --rot: -47.07294902524581"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 27.922402857136046; --y: -2.0831271405751632; --rot: -4.266599013498643"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 22.16165550711833; --y: 17.65329439401013; --rot: 38.53975099824853"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.313341894980363; --y: 28.3403045056821; --rot: 81.34610100999569"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -16.280507246328927; --y: 23.998855885275685; --rot: 124.15245102174283"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.576769763946693; --y: 6.61911431407755; --rot: 166.95880103343794"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -25.75267114884978; --y: -14.727900047539404; --rot: -150.23484895481494"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -8.98546184266607; --y: -28.622744024184545; --rot: -107.42849894306777"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.000438888788777; --y: -27.406198200589216; --rot: -64.62214893132061"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 28.470423942874046; --y: -11.396464581503718; --rot: -21.81579891957343"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 28.94282493064215; --y: 11.104633493915923; --rot: 20.990551092173735"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.835370611186647; --y: 28.113347325227757; --rot: 63.79690110392091"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -9.048520249760422; --y: 30.346368136359473; --rot: 106.60325111566807"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -27.546474100575228; --y: 16.28470953460141; --rot: 149.40960112741524"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -31.601210429961945; --y: -6.841633124167712; --rot: -167.7840488608376"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -18.726413482314726; --y: -26.76625766147543; --rot: -124.97769884909044"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.494962536678156; --y: -32.69243508510585; --rot: -82.17134883734327"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.7707059034898; --y: -21.141944762650084; --rot: -39.3649988255961"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 33.60595777820879; --y: 2.02090233650531; --rot: 3.4413511861510613"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 23.512429280812498; --y: 24.559431371975844; --rot: 46.24770119789822"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 0.5668148681972511; --y: 34.32865419271441; --rot: 89.0540512096454"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -23.133689996547968; --y: 25.818794799939717; --rot: 131.86040122139255"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -34.84848247437296; --y: 3.253193697479579; --rot: 174.6667512330876"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.04191307177924; --y: -21.496407972478128; --rot: -142.5268987551652"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -6.022062883967713; --y: -35.154599553012254; --rot: -99.72054874341806"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 19.65219643097243; --y: -30.162744826001408; --rot: -56.91419873167089"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 35.23747038093965; --y: -8.856172551588644; --rot: -14.107848719923727"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 32.16248657599565; --y: 17.607353625498174; --rot: 28.698501291823447"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 11.737301303225307; --y: 35.088969180033; --rot: 71.50485130357062"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -15.369854450650442; --y: 34.0227181739437; --rot: 114.31120131531777"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -34.702471838266504; --y: 14.64637245505172; --rot: 157.11755132706494"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -35.72555003179635; --y: -12.949327199728012; --rot: -160.0760986611879"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -17.563578680799612; --y: -34.07293865177769; --rot: -117.26974864944074"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 10.357017559682696; --y: -37.25376891509818; --rot: -74.46339863769357"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 33.196986670160385; --y: -20.4685142602289; --rot: -31.657048625946395"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 38.590981215254786; --y: 7.605739934744262; --rot: 11.149301385800765"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 23.340314062008446; --y: 32.07295097011273; --rot: 53.95565139754794"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.709816282981142; --y: 39.72175261214648; --rot: 96.762001409243"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -30.700934255414023; --y: 26.157798332859052; --rot: 139.56835142099015"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.6317430531175; --y: -1.6850027427915772; --rot: -177.6252985672627"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.899622312337584; --y: -29.082844259188953; --rot: -134.81894855551553"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.451595583094744; --y: -41.307835996425474; --rot: -92.01259854376836"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 27.22241850619412; --y: -31.544429647478665; --rot: -49.206248532021185"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 41.73826089668896; --y: -4.681621227729245; --rot: -6.399898520274021"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 34.07100854164424; --y: 25.125236079812595; --rot: 36.40645149147315"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.985571799934868; --y: 41.9127079472626; --rot: 79.21280150322032"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.798716127135823; --y: 36.458449541282974; --rot: 122.01915151496749"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -41.82243413886714; --y: 11.342917635154492; --rot: 164.82550152671465"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -38.68630383953388; --y: -20.252102928166344; --rot: -152.3681484615382"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -14.732228948025213; --y: -41.460359745460096; --rot: -109.56179844979104"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 17.49643744930793; --y: -40.73474095936906; --rot: -66.75544843804386"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 40.82115440671581; --y: -18.131311701423513; --rot: -23.949098426296693"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 42.584704670392775; --y: 14.544515397063856; --rot: 18.85725158545047"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.517351335475368; --y: 39.901312041295434; --rot: 61.66360159719763"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -11.410831884347257; --y: 44.218065992890374; --rot: 104.4699516088927"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -38.69921389589663; --y: 24.867063434182203; --rot: 147.27630162063986"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -45.617772150193844; --y: -8.111512918733291; --rot: -169.917348367613"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.1568503470626; --y: -37.21517911163264; --rot: -127.1109983558658"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 4.664234017242289; --y: -46.767990346308444; --rot: -84.30464834411865"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 35.45150227032293; --y: -31.362962730292754; --rot: -41.49829833237149"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 47.654245269028365; --y: 1.088126348545114; --rot: 1.3080516794277945"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 34.461664923648314; --y: 33.412477470103696; --rot: 44.11440169117497"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.596329105310542; --y: 48.26354925083762; --rot: 86.92075170281791"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -31.10440856879586; --y: 37.42940304132385; --rot: 129.72710171456507"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -48.58452405905196; --y: 6.367418782787986; --rot: 172.53345172631225"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.24297462062279; --y: -28.535605328460935; --rot: -144.6601982619406"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.20232450389923; --y: -48.60751333379352; --rot: -101.85384825019344"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.716365288214067; --y: -42.87969865056352; --rot: -59.047498238446266"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 48.324684746678614; --y: -14.077261401940792; --rot: -16.241148226699103"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 45.31758478274688; --y: 22.658941294104174; --rot: 26.565201785048068"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 17.967624994489764; --y: 47.73012101448504; --rot: 69.37155179679523"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -19.377494711828742; --y: 47.53550052123318; --rot: 112.1779018085424"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -46.81989897002005; --y: 21.84814648617955; --rot: 154.9842518202896"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -49.51333518666967; --y: -15.888034450255287; --rot: -162.2093981679633"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -25.693055328089528; --y: -45.59215596662992; --rot: -119.40304815621612"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 12.208342024012008; --y: -51.23215945870835; --rot: -76.59669814446895"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 44.04714297276413; --y: -29.47624799625752; --rot: -33.79034813272178"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.67437931742514; --y: 8.357882983654351; --rot: 9.01600187902539"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 33.17146189616231; --y: 42.187263798243215; --rot: 51.822351890772545"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.357705140819156; --y: 53.82388322952626; --rot: 94.62870190251972"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.0170999838369; --y: 36.75245325137782; --rot: 137.4350519142669"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -54.66618145844418; --y: -0.23032411271523665; --rot: -179.75859807398595"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.193177793365365; --y: -37.54342097985905; --rot: -136.9522480622388"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.000403195413995; --y: -55.18853641882433; --rot: -94.14589805049164"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 34.77517933711878; --y: -43.46797303589167; --rot: -51.339548038744454"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 55.380083045171304; --y: -8.309416460253368; --rot: -8.533198026997288"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 46.551740892134546; --y: 31.72349073409188; --rot: 34.27315198474988"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 12.670600366206974; --y: 55.23193820128881; --rot: 77.07950199649704"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.401598766932885; --y: 49.420129375408926; --rot: 119.88585200824421"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -54.73729822128783; --y: 17.056942708026888; --rot: 162.69220201999138"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -52.049712115801974; --y: -24.824824533248606; --rot: -154.50144796826146"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -21.440701214100866; --y: -53.89152374397715; --rot: -111.6950979565143"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.010501145702563; --y: -54.41816442498046; --rot: -68.88874794476712"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.69221107991762; --y: -25.793578062905198; --rot: -26.082397933124184"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 56.504434650132666; --y: 16.977893416701832; --rot: 16.723952078622986"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 30.086900999358797; --y: 51.13924943425771; --rot: 59.53030209037016"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -12.748103060839094; --y: 58.28890957516135; --rot: 102.33665210211731"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -49.23486339653228; --y: 34.29180990156113; --rot: 145.1430021138645"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -59.75357265398634; --y: -8.343959863031893; --rot: -172.05064787438835"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -38.37944759398997; --y: -46.98364020406062; --rot: -129.24429786264122"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 3.7898993652419692; --y: -60.8821538942352; --rot: -86.43794785089403"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 44.392541382359155; --y: -42.32115366330776; --rot: -43.63159783914686"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 61.660270253855316; --y: -0.8881722801927414; --rot: -0.8252478273996929"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 46.088659995587186; --y: 41.47089846881982; --rot: 41.98110218434747"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 5.66302554521281; --y: 62.07555546363409; --rot: 84.78745219609463"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -38.23039263063851; --y: 49.65428672751559; --rot: 127.59380220784182"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -62.1177782480048; --y: 10.50626601279932; --rot: 170.400152219589"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -52.991137285713414; --y: -34.68501809539365; --rot: -146.79349776866388"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -15.38850319343061; --y: -61.77894798319424; --rot: -103.98714775691671"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 30.85102942170773; --y: -56.073291178786036; --rot: -61.18079774516953"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 61.05340690568768; --y: -20.27952866775519; --rot: -18.37444773342237"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 58.875993206166605; --y: 26.74687274739239; --rot: 24.431902278324795"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.148502476900106; --y: 59.9379080646743; --rot: 67.23825229007197"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.393101262645317; --y: 61.37583775628123; --rot: 110.04460230181914"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -58.431678299108036; --y: 29.9641466132553; --rot: 152.8509523135663"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -63.55094688410423; --y: -17.812275265494954; --rot: -164.34269767468655"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -34.694944403040274; --y: -56.536465612744614; --rot: -121.53634766293938"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.028847265033003; --y: -65.3811408847298; --rot: -78.7299976511922"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 54.25657041842388; --y: -39.3093445179465; --rot: -35.92364763944504"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 66.84810011507282; --y: 8.069032704294763; --rot: 6.882702372302121"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 43.77596830708827; --y: 51.59886022534395; --rot: 49.68905238404929"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -2.96066697821073; --y: 67.93551686006468; --rot: 92.49540239579646"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -48.57276744947577; --y: 48.063819102767845; --rot: 135.30175240754363"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -68.6292360925141; --y: 2.2669504778600884; --rot: 178.1081024192908"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -52.14249212449437; --y: -45.190270136911586; --rot: -139.08554756896206"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -7.583224157596768; --y: -68.91738403687962; --rot: -96.2791975572149"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 41.46585550202399; --y: -55.982383585639795; --rot: -53.472847545571945"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 68.7904835161919; --y: -12.956441548840877; --rot: -10.666497533824774"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 59.5548975955979; --y: 37.41646629701453; --rot: 32.13985247792239"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 18.353962245622782; --y: 68.24155513808307; --rot: 74.94620248966956"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -33.06143014239221; --y: 62.832649450263666; --rot: 117.75255250141673"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -67.26620345911334; --y: 23.742415981563713; --rot: 160.5589025131639"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -65.78966390862729; --y: -28.422372066753596; --rot: -156.63474747508897"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -29.087908382052724; --y: -65.86268735754189; --rot: -113.82839746334179"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 23.52311061571301; --y: -68.40156707321873; --rot: -71.02204745159462"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 64.03197394040846; --y: -34.35623317157015; --rot: -28.21569743984745"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 70.64577051701475; --y: 18.38953800554243; --rot: 14.590652571899717"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 39.51308951224129; --y: 61.77777541297019; --rot: 57.39700258364688"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -13.049484908085036; --y: 72.50164633586908; --rot: 100.20335259539407"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -59.106568445114114; --y: 44.52430310114961; --rot: 143.00970260714124"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -73.95069185048332; --y: -7.5325705625173365; --rot: -174.18394738111164"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -49.356049613004615; --y: -56.02759568025152; --rot: -131.37759736936448"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.8700390149417667; --y: -74.97668273591862; --rot: -88.57124735761728"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.55284914656188; --y: -53.975079042923326; --rot: -45.764897345870125"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 75.56581341929696; --y: -3.9054176120416106; --rot: -2.95854733412296"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 58.34893948151414; --y: 48.69703544757731; --rot: 39.84780267762421"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 9.759847821418493; --y: 75.70682365731989; --rot: 82.65415268937137"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -44.477522728234824; --y: 62.44619884137972; --rot: 125.46050270111856"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -75.3911102841447; --y: 15.658240326547913; --rot: 168.2668527128657"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -66.23666305075653; --y: -39.91426953289999; --rot: -148.92679727538714"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -21.56473334540042; --y: -74.6128232065567; --rot: -106.12044726363999"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 35.02973579269806; --y: -69.69158923639041; --rot: -63.314097251892804"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 73.36894481675469; --y: -27.442832353587626; --rot: -20.507747240145633"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 72.7838924339585; --y: 29.848776299982607; --rot: 22.29860277160153"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 33.25563497558872; --y: 71.6593520928734; --rot: 65.1049527833487"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -24.398517147129358; --y: 75.48834439036938; --rot: 107.91130279509588"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -69.48686076300089; --y: 38.96606163164435; --rot: 150.71765280684303"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -77.78176305805657; --y: -18.70821572412362; --rot: -166.47599718151403"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -44.53709050445544; --y: -66.85725101918555; --rot: -123.66964716976686"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 12.809104985094065; --y: -79.64319142646124; --rot: -80.86329715801969"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 63.779274383804264; --y: -49.9319953444223; --rot: -38.056947146272535"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 81.05406439137774; --y: 6.734222802187437; --rot: 4.749402865474636"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 55.114584599484516; --y: 60.26464144812204; --rot: 47.5557528772218"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -0.5182273369989925; --y: 81.99836242527766; --rot: 90.36210288896898"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -56.327990327698075; --y: 60.04944032562276; --rot: 133.16845290071615"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -82.46275088568021; --y: 5.802800543188384; --rot: 175.9748029124633"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -64.70215532263566; --y: -51.98683580105187; --rot: -141.21884707578954"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -12.19156667800084; --y: -82.43670387867472; --rot: -98.41249706404237"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 47.26149922541528; --y: -69.03956693141393; --rot: -55.606147052295206"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 81.91261168381666; --y: -18.60978364023243; --rot: -12.79979704054804"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 73.02998593422917; --y: 42.17501944940155; --rot: 30.006552971199127"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.018400077723378; --y: 80.88587084278326; --rot: 72.8129029829463"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -36.753045068835675; --y: 76.64341901408191; --rot: 115.61925299469347"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -79.35495611721629; --y: 31.377837997740585; --rot: 158.42560300644064"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -79.85178325404044; --y: -31.023708497333537; --rot: -158.76804698181223"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -37.64823655388623; --y: -77.32147363043869; --rot: -115.96169697006506"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.017482446734377; --y: -82.62911119255598; --rot: -73.15534695831788"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 74.79019462255295; --y: -43.78970083743168; --rot: -30.34899694657071"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 84.9517449958186; --y: 18.76701953335716; --rot: 12.45735306517645"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 49.76255412603159; --y: 71.7690693681121; --rot: 55.26370307692362"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -12.30697584345532; --y: 86.798518363121; --rot: 98.07005308867079"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -68.26922092936073; --y: 55.52759200341877; --rot: 140.87640310041795"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -88.15092484565407; --y: -5.673819404389143; --rot: -176.3172468878349"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -61.04633673425661; --y: -64.30491854520564; --rot: -133.5108968760877"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -1.094375383854872; --y: -88.99327133283286; --rot: -90.70454686434056"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 59.89353058579507; --y: -66.28129025911366; --rot: -47.898196852593394"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 89.31281554274875; --y: -7.958146199841308; --rot: -5.091846840846228"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 71.19618416573977; --y: 55.05545713403955; --rot: 37.71450317090094"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 14.876872881776555; --y: 89.09988644420694; --rot: 80.5208531826481"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -49.8140423877593; --y: 75.75622499461655; --rot: 123.32720319439527"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -88.3479866364789; --y: 21.809017797244937; --rot: 166.13355320603821"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -79.92833324928931; --y: -44.19546720839515; --rot: -151.06009678221463"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -28.712375078369842; --y: -87.05387581915457; --rot: -108.25374677046746"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 38.22862227481378; --y: -83.6813745045432; --rot: -65.44739675872029"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 85.21763459636722; --y: -35.544327230157; --rot: -22.64104674697312"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 86.98638104098808; --y: 31.944962427637048; --rot: 20.165303264774046"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 42.262107550670656; --y: 82.84270797949296; --rot: 62.97165327652122"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -25.37834292188653; --y: 89.81676247588888; --rot: 105.77800328826838"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -79.93592807519099; --y: 48.82306675335274; --rot: 148.58435330001555"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -92.14850391765106; --y: -18.56483842479241; --rot: -168.60929668823732"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -55.18494213427595; --y: -76.50751557470934; --rot: -125.80294667649015"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 11.542545718351278; --y: -93.96035023411497; --rot: -82.99659666474297"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 72.57105979231821; --y: -61.306127594391214; --rot: -40.1902466529958"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 95.23397509973348; --y: 4.3513711801897434; --rot: 2.6161033588555886"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 67.14594280324562; --y: 68.14347713592535; --rot: 45.42245337060276"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 2.96719577581774; --y: 95.95413357030519; --rot: 88.22880338234992"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -63.24494802892012; --y: 72.66489977926278; --rot: 131.03515339388863"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -96.10879702613569; --y: 10.370322012044568; --rot: 173.84150340563582"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -77.82496515588676; --y: -57.898832444920785; --rot: -143.35214658261702"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -17.81408135405267; --y: -95.68926942603842; --rot: -100.54579657086987"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.13156434614447; --y: -82.58981642189052; --rot: -57.73944655912269"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 94.69028392200806; --y: -25.25371518746304; --rot: -14.933096547375527"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 86.92509043201724; --y: 45.97252546717516; --rot: 27.87325346437164"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 32.64390141301629; --y: 93.11007900140771; --rot: 70.67960347611881"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -39.45389901118494; --y: 90.79862252708034; --rot: 113.48595348786597"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -90.95045344478063; --y: 39.93903014971573; --rot: 156.29230349961315"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -94.18067463941046; --y: -32.61050396589963; --rot: -160.90134648863972"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -47.093484509051095; --y: -88.2167995157145; --rot: -118.09499647689253"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 25.479610875698793; --y: -97.04415081498085; --rot: -75.28864646514538"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 84.91811393194573; --y: -54.0619247161888; --rot: -32.4822964533982"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 99.36479864744125; --y: 18.10074003330968; --rot: 10.324053558348963"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 60.799573814676016; --y: 81.06698630390923; --rot: 53.13040357009613"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.515443176415166; --y: 101.12139519367153; --rot: 95.9367535818433"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -76.67956486724601; --y: 67.26250316312805; --rot: 138.74310359359046"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -102.29591602469687; --y: -2.7670698905662663; --rot: -178.45054639466238"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -73.4079159154757; --y: -71.77549947851911; --rot: -135.6441963829152"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -5.099479970723614; --y: -102.87368615942654; --rot: -92.83784637116806"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 66.37786198766418; --y: -79.1944266708484; --rot: -50.031496359420885"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 102.84351173117682; --y: -13.038016435680486; --rot: -7.225146347673713"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 84.5823354851924; --y: 60.51304424560347; --rot: 35.58120366407345"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 21.001330626659332; --y: 102.19779134773015; --rot: 78.38755367582063"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -54.21063415006008; --y: 89.53389445433194; --rot: 121.19390368756781"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -100.93260622413504; --y: 28.9414754427568; --rot: 164.00025369931495"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -94.0135651073644; --y: -47.50327027599748; --rot: -153.1933962889379"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -36.810054044176475; --y: -99.0477882928703; --rot: -110.38704627719072"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 40.426475778349015; --y: -97.98826488994771; --rot: -67.58069626544356"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 96.54696562764339; --y: -44.55851440378622; --rot: -24.77434625369639"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 101.42760106903225; --y: 33.01847239287467; --rot: 18.03200375805078"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 52.138448135639884; --y: 93.43758465418072; --rot: 60.83835376979794"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -25.319975495180678; --y: 104.3040904536725; --rot: 103.64470378154512"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -89.73090876306557; --y: 59.50189176543479; --rot: 146.4510537932923"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -106.59336340042061; --y: -17.373971307270853; --rot: -170.74259619496058"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -66.60162857432132; --y: -85.44199308512914; --rot: -127.93624618321341"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 9.225477464601964; --y: -108.27435065607443; --rot: -85.12989617146623"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 80.58963533820359; --y: -73.39148912547944; --rot: -42.323546159719065"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 109.32945168477981; --y: 0.9212882736546057; --rot: 0.48280385202810117"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 79.82664857266828; --y: 75.1963028042835; --rot: 43.28915386377527"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.4902939002966455; --y: 109.74468323015553; --rot: 86.09550387552244"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -69.28803564737834; --y: 85.86391885170437; --rot: 128.9018538872696"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -109.50980697563931; --y: 15.959739573982153; --rot: 171.70820389901675"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -91.46203386961983; --y: -62.89432693361554; --rot: -145.48544608923606"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -24.43658378156523; --y: -108.61843528700666; --rot: -102.67909607748891"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 56.04797986551489; --y: -96.58192583211044; --rot: -59.872746065741744"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 107.06811414929074; --y: -32.86972668755321; --rot: -17.066396053994577"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 101.18699088774004; --y: 48.78494289083664; --rot: 25.73995395775259"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 41.20774138694976; --y: 104.86038254538292; --rot: 68.54630396949976"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -41.14412349204918; --y: 105.2433423170844; --rot: 111.35265398124693"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -102.00080766461866; --y: 49.399187039969725; --rot: 154.1590039929941"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -108.72004955635826; --y: -33.1671816043226; --rot: -163.03464599525876"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -57.39292543734431; --y: -98.49899547580898; --rot: -120.22829598351159"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 24.898303747098876; --y: -111.58936141778172; --rot: -77.42194597176442"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 94.36857634957983; --y: -65.13843905251315; --rot: -34.61559596001725"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 113.82691195264172; --y: 16.38395908581163; --rot: 8.190754051729916"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 72.58614860917736; --y: 89.6271655686165; --rot: 50.99710406347709"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -7.672638765348719; --y: 115.41190749725197; --rot: 93.80345407522425"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -84.29629872052784; --y: 79.6877281770508; --rot: 136.60980408697142"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -116.32729354630256; --y: 1.1854200254754903; --rot: 179.41615409871858"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -86.39641580539339; --y: -78.4013421255828; --rot: -137.77749588953424"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.138523689649176; --y: -116.5599002118414; --rot: -94.9711458777871"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 71.97137860920714; --y: -92.66731771342728; --rot: -52.16479586624837"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 116.10056514863496; --y: -19.133823888915053; --rot: -9.358445854501202"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 98.4577040766856; --y: 65.03906908887771; --rot: 33.44790415724597"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 28.117629479013978; --y: 114.94423295780724; --rot: 76.25425416899314"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -57.64049059395539; --y: 103.72729448831642; --rot: 119.06060418074031"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -113.09003021745102; --y: 37.03572687846177; --rot: 161.86695419248747"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -108.43853121156069; --y: -49.81495150177123; --rot: -155.32669579576537"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -45.833706951413916; --y: -110.54131543546522; --rot: -112.52034578401822"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 41.604784911679616; --y: -112.55683840821435; --rot: -69.71399577227103"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 107.30570336840238; --y: -54.457296441556366; --rot: -26.907645760523874"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 116.05086559290619; --y: 33.05512123078157; --rot: 15.89870425122329"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 62.85269193845181; --y: 103.39506330618534; --rot: 58.70505426297046"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -24.213641182575778; --y: 118.89271364746978; --rot: 101.51140427471762"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -98.82549108122637; --y: 70.9668943263845; --rot: 144.31775428646478"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -121.05814182303858; --y: -15.130310583496778; --rot: -172.87589570178807"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -78.7480416435306; --y: -93.61725472237056; --rot: -130.06954569004088"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 5.857098358407463; --y: -122.52675426179808; --rot: -87.26319567829373"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 87.79471383783222; --y: -86.1457382702891; --rot: -44.45684566654655"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 123.2821646847299; --y: -3.5523206159135574; --rot: -1.6504956547993859"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 93.11137836957812; --y: 81.38621297591938; --rot: 41.15585435694778"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 13.04287614121536; --y: 123.31213801554539; --rot: 83.96220436869494"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -74.4239493768212; --y: 99.59846151891168; --rot: 126.76855438044211"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -122.60870784362498; --y: 22.55842500473804; --rot: 169.57490439218927"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -105.56289850412145; --y: -66.94381569203053; --rot: -147.61874559606355"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -32.042083076347396; --y: -121.16826876939727; --rot: -104.8123955843164"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 58.98521840905603; --y: -110.96330528759077; --rot: -62.00604557256923"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 118.991642823384; --y: -41.43656523159478; --rot: -19.199695560822057"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 115.7612832196619; --y: 50.59087287691658; --rot: 23.606654450925106"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 50.684531070174984; --y: 116.08411930423951; --rot: 66.41300446267228"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -41.80657598148803; --y: 119.92168363020954; --rot: 109.21935447441945"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -112.4554675406072; --y: 59.728934345099574; --rot: 152.0257044861666"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -123.41285501791928; --y: -32.68095766809493; --rot: -165.16794550208624"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -68.51337397630775; --y: -108.11992224554453; --rot: -122.36159549033908"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 23.265212650834375; --y: -126.20687114716021; --rot: -79.55524547859191"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 103.09614129964253; --y: -76.98244449376267; --rot: -36.74889546684474"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 128.2797384660105; --y: 13.612813783048017; --rot: 6.057454544902429"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 85.08208373960953; --y: 97.40713596876354; --rot: 48.86380455664959"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -3.7792086902200306; --y: 129.6115813734259; --rot: 91.67015456839677"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -91.08017373349841; --y: 92.75991565690293; --rot: 134.47650458014394"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -130.18680398810108; --y: 6.17849861548365; --rot: 177.2828545918911"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -99.96558600386538; --y: -84.14665407894461; --rot: -139.91079539636175"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -16.201879311613457; --y: -129.99422720556444; --rot: -97.10444538461459"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 76.64195776415615; --y: -106.65108885764717; --rot: -54.29809537286741"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 129.0271999727057; --y: -26.231522607628506; --rot: -11.491745361120248"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 112.77108181007496; --y: 68.60527025954624; --rot: 31.314604650626915"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 36.20738784119458; --y: 127.28368385943435; --rot: 74.12095466237409"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -60.079380206562774; --y: 118.2831878097632; --rot: 116.92730467412125"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -124.76631016463645; --y: 46.06916374215768; --rot: 159.73365468586843"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -123.14828166999988; --y: -51.11045391604496; --rot: -157.4599953023844"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -55.75663271538385; --y: -121.48240895709783; --rot: -114.65364529063729"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 41.7477870787695; --y: -127.33075933970443; --rot: -71.84729527889009"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 117.44400962062898; --y: -65.21003794412373; --rot: -29.04094526714292"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 130.79878812510358; --y: 32.04353501278177; --rot: 13.76540474460424"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 74.37045107928319; --y: 112.66781264524464; --rot: 56.57175475635141"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -22.052422916198577; --y: 133.5245361521104; --rot: 99.37810476809858"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -107.17513258187645; --y: 83.18013825728858; --rot: 142.18445477984574"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -135.48437947318428; --y: -11.831437730310105; --rot: -175.0091952084071"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -91.58292218037087; --y: -100.99181225565721; --rot: -132.20284519665995"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.4395033450905843; --y: -136.65908534706813; --rot: -89.39649518491277"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 94.14810851122216; --y: -99.52453799822; --rot: -46.590145173165595"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 137.03397035455257; --y: -9.062859003209574; --rot: -3.783795161418433"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 106.95298074915456; --y: 86.67854994162097; --rot: 39.02255485032874"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 19.61388318567868; --y: 136.59903215754696; --rot: 81.8289048620759"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -78.62176722921147; --y: 113.81884215219728; --rot: 124.63525487382307"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -135.34905386141517; --y: 30.150921433086896; --rot: 167.44160488557023"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -120.07563458890385; --y: -70.0202969007704; --rot: -149.75204510289106"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -40.61081625114769; --y: -133.2836801007284; --rot: -106.94569509114389"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 60.92035947281247; --y: -125.68010017294338; --rot: -64.13934507939672"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 130.40746413665542; --y: -50.930278788230986; --rot: -21.33299506764955"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 130.59250288543436; --y: 51.371613120110055; --rot: 21.47335494409762"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 61.04627139715247; --y: 126.7298854241426; --rot: 64.27970495584478"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -41.426884175691036; --y: 134.77690183222748; --rot: 107.08605496759196"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -122.26533728915902; --y: 70.8963920709601; --rot: 149.89240497933912"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -138.2014037891645; --y: -31.141875909276077; --rot: -167.30124500891372"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -80.41925841913914; --y: -117.0330845330316; --rot: -124.49489499716657"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 20.57485718572153; --y: -140.83839330795047; --rot: -81.6885449854194"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 111.05719096713702; --y: -89.55488882393097; --rot: -38.88219497367223"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 142.66473878123836; --y: 9.786332739133; --rot: 3.9241550380749417"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 98.24507841793009; --y: 104.36641706554468; --rot: 46.73050504982211"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 1.1613030739051111; --y: 143.66197300010063; --rot: 89.53685506156927"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -96.99408810873928; --y: 106.43376753622002; --rot: 132.34320507331645"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -143.81644688203522; --y: 12.20412706168923; --rot: 175.1495550850636"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -114.06740032349228; --y: -88.97793337611631; --rot: -142.04409490318923"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -23.277060439519943; --y: -143.1194552019219; --rot: -99.23774489144208"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 80.35989712750047; --y: -121.09527121830696; --rot: -56.4313948796949"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 141.5673333210183; --y: -34.31425234728969; --rot: -13.625044867947732"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 127.46985709275125; --y: 71.18592229334091; --rot: 29.181305143799435"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 45.2494713824858; --y: 139.1615240792154; --rot: 71.9876551555466"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -61.50570796835434; --y: 133.14713289599075; --rot: 114.79400516729379"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -135.9086141923702; --y: 56.016502821128256; --rot: 157.60035517904092"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -138.08686873425611; --y: -51.37244197309913; --rot: -159.5932948092119"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -66.54954914556302; --y: -131.82033967854403; --rot: -116.78694479746474"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 40.84250991118697; --y: -142.25290641724897; --rot: -73.98059478571757"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 126.91356002331851; --y: -76.78363145869898; --rot: -31.174244773970408"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 145.61341361127816; --y: 29.975182305510746; --rot: 11.632105237776758"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 86.65498933955698; --y: 121.21020098391581; --rot: 54.438455249523926"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -18.832281543974098; --y: 148.14111386206375; --rot: 97.2448052612711"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -114.73716612346689; --y: 96.10147668515334; --rot: 140.05115527301825"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -149.8134908844051; --y: -7.477830502777525; --rot: -177.1424947152346"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -105.06295108893418; --y: -107.52621735928098; --rot: -134.3361447034874"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -4.022315157571606; --y: -150.61296566105327; --rot: -91.52979469174025"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 99.61382500119258; --y: -113.4816543262909; --rot: -48.72344467999309"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 150.52704504834068; --y: -15.600848912562428; --rot: -5.917094668245919"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 121.30258155310305; --y: 91.04098794680645; --rot: 36.88925534350125"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 27.18940729565258; --y: 149.54844075051773; --rot: 79.69560535524842"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -81.85302488853988; --y: 128.4738368736628; --rot: 122.50195536699559"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -147.67515769737858; --y: 38.718973516423105; --rot: 165.30830537874274"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -134.94697299953395; --y: -72.09933757159669; --rot: -151.8853446095101"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -50.12028839208231; --y: -144.9105510396176; --rot: -109.07899459776294"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 61.83314732123298; --y: -140.67731280059036; --rot: -66.27264458601576"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 141.26335116239318; --y: -61.324266146203406; --rot: -23.466294574268595"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 145.62425064327525; --y: 51.11120623075069; --rot: 19.340055437478572"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 72.2624125798569; --y: 136.74765630867796; --rot: 62.14640544922574"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -39.99348456747251; --y: 149.75153151855022; --rot: 104.95275546097291"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -131.38289259900418; --y: 82.86724308653561; --rot: 147.75910547272005"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -153.0275060824913; --y: -28.5428361114343; --rot: -169.43454451553276"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -93.072697963783; --y: -125.1937414319998; --rot: -126.62819450378561"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 16.824643289652723; --y: -155.42535986539346; --rot: -83.82184449203844"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 118.21003444945224; --y: -102.81455247144618; --rot: -41.015494480291274"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 156.92331504983173; --y: 4.906444106606361; --rot: 1.7908555314558954"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 112.03081909910945; --y: 110.46661644931646; --rot: 44.59720554320306"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 7.14245700191195; --y: 157.50480337359116; --rot: 87.40355555495022"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -102.00317682888102; --y: 120.66213953355887; --rot: 130.2099055666974"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -157.1586088788356; --y: 19.251392150014023; --rot: 173.01625557844454"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -128.65216386101463; --y: -92.86405033698321; --rot: -144.17739440980827"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -31.34874447495647; --y: -155.8789794033945; --rot: -101.37104439806113"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 83.09798810750374; --y: -135.94791459818825; --rot: -58.564694386313946"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 153.66570589259229; --y: -43.3623716714823; --rot: -15.758344374566782"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 142.5001332209827; --y: 72.75790013463957; --rot: 27.048005636971943"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 55.220036083279474; --y: 150.5241687993629; --rot: 69.8543556487191"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -61.90057053710376; --y: 148.26360694708197; --rot: 112.66070566046629"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -146.46535103713146; --y: 66.84983878492048; --rot: 155.46705567221343"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -153.1974736381683; --y: -50.58634712377614; --rot: -161.72659431603938"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -78.18065505570235; --y: -141.50581714605372; --rot: -118.92024430429224"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 38.878806959239036; --y: -157.26550279519734; --rot: -76.11389429254507"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 135.66765854316725; --y: -89.14256859955123; --rot: -33.3075442807979"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 160.43635076095347; --y: 26.84439976890417; --rot: 9.498805730949272"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 99.66730187262569; --y: 128.97840492668107; --rot: 52.30515574269643"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -14.55207118278305; --y: 162.68378838123053; --rot: 95.11150575444361"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -121.47090211508039; --y: 109.68863987271578; --rot: 137.91785576619077"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -163.98689953303352; --y: -2.072867951118531; --rot: -179.27579422206207"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -119.14284476878292; --y: -113.18315680721291; --rot: -136.46944421031492"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: -10.52047260882463; --y: -164.3302490937018; --rot: -93.66309419856775"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 104.15814895481697; --y: -127.96905878495066; --rot: -50.85674418682058"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 163.70401910055782; --y: -23.153946562850003; --rot: -8.050394175073405"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 136.10969280584698; --y: 94.44361264131315; --rot: 34.75595583667376"/>
  <input checked="true" type="range" value="100" min="0" max="100" style="--x: 35.75271823587814; --y: 162.10411203527784; --rot: 77.56230584842093"/>.........完整代码请登录后点击上方下载按钮下载查看

网友评论0