body,html{margin:0;padding:0}body{width:100vw;background:#000;--palette-1-color-1:#a5afb9;--palette-1-color-2:#adb5bd;--palette-1-color-3:#ced4da;--palette-1-color-4:#dee2e6;--palette-1-color-5:#f8f9fa;--palette-1-color-6:#ffffff;--palette-2-color-1:#212529;--palette-2-color-2:#343a40;--palette-2-color-3:#495057;--palette-2-color-4:#6c757d;--palette-2-color-5:#adb5bd;--palette-2-color-6:#ced4da;--palette-3-color-1:#0A0908;--palette-3-color-2:#0C0B0A;--palette-3-color-3:#0E0D0C;--palette-3-color-4:#11100F;--palette-3-color-5:#181715;--palette-3-color-6:#262422;--palette-4-color-1:#03045e;--palette-4-color-2:#023e8a;--palette-4-color-3:#0077b6;--palette-4-color-4:#0096c7;--palette-4-color-5:#00b4d8;--palette-4-color-6:#48cae4;--palette-5-color-1:#012a4a;--palette-5-color-2:#013a63;--palette-5-color-3:#01497c;--palette-5-color-4:#014f86;--palette-5-color-5:#2a6f97;--palette-5-color-6:#2c7da0;--palette-6-color-1:#52b69a;--palette-6-color-2:#34a0a4;--palette-6-color-3:#168aad;--palette-6-color-4:#1a759f;--palette-6-color-5:#1e6091;--palette-6-color-6:#184e77;--palette-7-color-1:#74c69d;--palette-7-color-2:#52b788;--palette-7-color-3:#40916c;--palette-7-color-4:#2d6a4f;--palette-7-color-5:#1b4332;--palette-7-color-6:#081c15;--palette-8-color-1:#cad2c5;--palette-8-color-2:#84a98c;--palette-8-color-3:#52796f;--palette-8-color-4:#354f52;--palette-8-color-5:#2f3e46;--palette-8-color-6:#212c31;--palette-9-color-1:#0b525b;--palette-9-color-2:#144552;--palette-9-color-3:#1b3a4b;--palette-9-color-4:#212f45;--palette-9-color-5:#272640;--palette-9-color-6:#312244;--palette-10-color-1:#03071e;--palette-10-color-2:#6a040f;--palette-10-color-3:#d00000;--palette-10-color-4:#e85d04;--palette-10-color-5:#f48c06;--palette-10-color-6:#faa307;--palette-11-color-1:#353652;--palette-11-color-2:#4c334d;--palette-11-color-3:#643047;--palette-11-color-4:#7c2e41;--palette-11-color-5:#942b3b;--palette-11-color-6:#ab2836;--palette-12-color-1:#003049;--palette-12-color-2:#082230;--palette-12-color-3:#d62828;--palette-12-color-4:#f77f00;--palette-12-color-5:#fcbf49;--palette-12-color-6:#eae2b7;--palette-13-color-1:#bfbdc1;--palette-13-color-2:#6d6a75;--palette-13-color-3:#37323e;--palette-13-color-4:#deb841;--palette-13-color-5:#de9e36;--palette-13-color-6:#ff7b00;--palette-14-color-1:#ff7b00;--palette-14-color-2:#ff9500;--palette-14-color-3:#ffaa00;--palette-14-color-4:#ffc300;--palette-14-color-5:#ffdd00;--palette-14-color-6:#ffea00;--palette-15-color-1:#f7b267;--palette-15-color-2:#f79d65;--palette-15-color-3:#f4845f;--palette-15-color-4:#f27059;--palette-15-color-5:#f25c54;--palette-15-color-6:#c75050;--palette-16-color-1:#060C0E;--palette-16-color-2:#264653;--palette-16-color-3:#2a9d8f;--palette-16-color-4:#e9c46a;--palette-16-color-5:#f4a261;--palette-16-color-6:#e76f51;--palette-17-color-1:#143601;--palette-17-color-2:#1a4301;--palette-17-color-3:#245501;--palette-17-color-4:#538d22;--palette-17-color-5:#73a942;--palette-17-color-6:#aad576;--palette-18-color-1:#007f5f;--palette-18-color-2:#55a630;--palette-18-color-3:#aacc00;--palette-18-color-4:#d4d700;--palette-18-color-5:#eeef20;--palette-18-color-6:#ffff3f;--palette-19-color-1:#b6ad90;--palette-19-color-2:#c2c5aa;--palette-19-color-3:#a4ac86;--palette-19-color-4:#656d4a;--palette-19-color-5:#414833;--palette-19-color-6:#333d29;--palette-20-color-1:#6f523b;--palette-20-color-2:#5c4d3c;--palette-20-color-3:#4a473e;--palette-20-color-4:#38413f;--palette-20-color-5:#263c41;--palette-20-color-6:#143642;--palette-21-color-1:#ffd22e;--palette-21-color-2:#c6a324;--palette-21-color-3:#8e751a;--palette-21-color-4:#55460f;--palette-21-color-5:#1c1705;--palette-21-color-6:#000000;--palette-22-color-1:#1f1528;--palette-22-color-2:#4d1955;--palette-22-color-3:#9e1a7b;--palette-22-color-4:#ec4067;--palette-22-color-5:#ef5d60;--palette-22-color-6:#311847}body #wrap{width:100vw;position:relative;overflow:hidden;filter:hue-rotate(var(--hue-rotation)) grayscale(.25)}body #wrap:before{content:"";padding-bottom:100%;display:block}body #background{z-index:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0;grid-row-gap:0;background:radial-gradient(at var(--position-anchor-x) var(--position-anchor-y),var(--color-a),var(--color-b));overflow:hidden}body #lines .sector .line .glow,body #lines .sector .line .surface,body .block{position:absolute;background:linear-gradient(180deg,var(--color-a),var(--color-b))}body #lines .sector .line,body .block{top:var(--position-x);left:var(--position-y)}body .block{width:calc(var(--size-w)*15%);height:calc(var(--size-h)*2%);filter:brightness(50%);z-index:2;opacity:.75}body #background,body #lines,body #noise{width:100%;height:100%;position:absolute;top:0;left:0}body #lines{z-index:3;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);grid-column-gap:0;grid-row-gap:0;overflow:hidden}body #lines .sector{position:relative;z-index:7;mix-blend-mode:hard-light}body #lines .sector .line{width:calc(var(--size-w)*.15%);height:calc(var(--size-h)*5%);position:absolute;transform:rotate(var(--rotation))}body #lines .sector .line .glow,body #lines .sector .line .surface{width:100%;height:100%;top:0;left:0}body #lines .sector .line .glow{z-index:8;filter:blur(var(--shadow-blur))}body #lines .sector .line .surface{z-index:9;filter:blur(var(--shadow-blur))}body #noise{z-index:50;background-size:2000px;background-position:top left;background-repeat:repeat;opacity:.75}