h1.svelte-w54x3c.svelte-w54x3c{margin-inline:auto;text-align:center}.experiments.svelte-w54x3c.svelte-w54x3c{display:flex;flex-wrap:wrap;justify-content:space-around;gap:2rem;margin-block:auto}.ex.svelte-w54x3c.svelte-w54x3c{position:relative;flex:1 1;min-width:250px;max-width:600px;height:var(--size-15);padding:var(--size-4);background-color:var(--border);border-radius:var(--radius-4)}.underconstruction.svelte-w54x3c.svelte-w54x3c{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10}.underconstruction.svelte-w54x3c.svelte-w54x3c p{position:relative;background-color:#ffb101;color:#000;font-size:var(--font-size-4);font-weight:700;width:130%;text-transform:uppercase;text-align:center;border:10px solid #000;border-image:repeating-linear-gradient(-55deg,#000,#000 20px,#ffb101 20px,#ffb101 40px) 10;left:-15%}.underconstruction.svelte-w54x3c.svelte-w54x3c p:nth-child(1){top:50%;transform:rotate(35deg)}.underconstruction.svelte-w54x3c.svelte-w54x3c p:nth-child(2){top:38%;transform:rotate(-35deg)}.hide.svelte-w54x3c.svelte-w54x3c,.stop.svelte-w54x3c.svelte-w54x3c{display:none}.show.svelte-w54x3c.svelte-w54x3c{display:block}button.svelte-w54x3c.svelte-w54x3c,.button.svelte-w54x3c.svelte-w54x3c{width:calc(100% - (2 * var(--size-4)));position:absolute;bottom:0;margin-bottom:1rem}@media only screen and (min-width: 600px){.ex.svelte-w54x3c.svelte-w54x3c{min-width:400px}}@keyframes svelte-w54x3c-fonts{5%{font-variation-settings:"BLDA" 100,"TRMD" 0,"TRMC" 0,"SKLD" 0,"TRML" 0,"SKLA" 0,"TRMF" 0,"TRMK" 0,"BLDB" 0,"WMX2" 0,"TRMB" 0,"TRMA" 0,"SKLB" 0,"TRMG" 0,"TRME" 0}25%{font-variation-settings:"BLDA" 500,"TRMD" 500,"TRMC" 404,"SKLD" 299,"TRML" 339,"SKLA" 399,"TRMF" 595,"TRMK" 688,"BLDB" 93,"WMX2" 49,"TRMB" 392,"TRMA" 357,"SKLB" 688,"TRMG" 394,"TRME" 293}45%{font-variation-settings:"BLDA" 0,"TRMD" 1000,"TRMC" 750,"SKLD" 0,"TRML" 250,"SKLA" 1000,"TRMF" 250,"TRMK" 250,"BLDB" 10,"WMX2" 750,"TRMB" 500,"TRMA" 500,"SKLB" 1000,"TRMG" 750,"TRME" 500}65%{font-variation-settings:"BLDA" 475,"TRMD" 200,"TRMC" 546,"SKLD" 208,"TRML" 894,"SKLA" 567,"TRMF" 501,"TRMK" 234,"BLDB" 983,"WMX2" 12,"TRMB" 4,"TRMA" 293,"SKLB" 183,"TRMG" 928,"TRME" 560}85%{font-variation-settings:"BLDA" 178,"TRMD" 287,"TRMC" 263,"SKLD" 657,"TRML" 394,"SKLA" 348,"TRMF" 1000,"TRMK" 783,"BLDB" 92,"WMX2" 298,"TRMB" 348,"TRMA" 387,"SKLB" 24,"TRMG" 287,"TRME" 870}to{font-variation-settings:"BLDA" 0,"TRMD" 0,"TRMC" 0,"SKLD" 0,"TRML" 0,"SKLA" 0,"TRMF" 0,"TRMK" 0,"BLDB" 0,"WMX2" 0,"TRMB" 0,"TRMA" 0,"SKLB" 0,"TRMG" 0,"TRME" 0}}.variable-fonts.svelte-w54x3c.svelte-w54x3c{position:relative}.variable-fonts.svelte-w54x3c.svelte-w54x3c p{font-size:var(--font-size-4);font-family:Decovar Alpha;color:var(--color-2)}.variable-fonts.svelte-w54x3c p.animate.svelte-w54x3c{animation:svelte-w54x3c-fonts 5s infinite}.container-guitar.svelte-w54x3c.svelte-w54x3c .guitar{height:40%;display:flex}.container-guitar.svelte-w54x3c.svelte-w54x3c .guitar label{width:20%;display:flex;align-items:center;gap:10px;cursor:pointer}.container-guitar.svelte-w54x3c.svelte-w54x3c .guitar .guitarSVG{--bridge-head: #5f3232;--body: #b75200;--body2: #502f23;--sound-hole: #222222;--sound-hole-ring: #ca971b;--nut: #d2b48c;--frets: #b3b3b3;--fretboard: #493b2b;--tuners: #cc9000;--fretdots: #bdbcd2;--strings: #ffffff;transform:rotate(45deg);width:80%;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none;-webkit-touch-callout:none}.container-guitar.svelte-w54x3c.svelte-w54x3c .guitar .guitarSVG .trigger{cursor:pointer}.container-guitar.svelte-w54x3c.svelte-w54x3c section{height:40%;background-color:var(--new-color)}.container-guitar.svelte-w54x3c.svelte-w54x3c section h2{color:#000;text-align:center;margin-block:auto;font-size:2rem}@property --new-color{syntax:"<color>";inherits:true;initial-value:red}@property --old-color{syntax:"<color>";inherits:true;initial-value:red}@keyframes svelte-w54x3c-colorChange{0%{background-color:var(--old-color)}to{background-color:var(--new-color)}}.container-guitar.svelte-w54x3c section.active.svelte-w54x3c{animation:svelte-w54x3c-colorChange 1s}.stereo.svelte-w54x3c.svelte-w54x3c{position:relative}input[type=range].svelte-w54x3c.svelte-w54x3c{-webkit-appearance:none;background:transparent;width:150px}input[type=range].svelte-w54x3c.svelte-w54x3c::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range].svelte-w54x3c.svelte-w54x3c::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-1vh;height:4vh;width:2vw;border:.5vmin solid var(--surface-2);border-radius:var(--radius-3);background-color:var(--color-1);cursor:pointer}input[type=range].svelte-w54x3c.svelte-w54x3c::-moz-range-thumb{height:4vh;width:2vw;border:.5vmin solid var(--surface-2);border-radius:var(--radius-3);background-color:var(--color-1);cursor:pointer}input[type=range].svelte-w54x3c.svelte-w54x3c::-ms-thumb{height:4vh;width:2vw;border:.5vmin solid var(--surface-2);border-radius:var(--radius-3);background-color:var(--color-1);cursor:pointer}input[type=range].svelte-w54x3c.svelte-w54x3c::-webkit-slider-runnable-track{height:2vh;cursor:pointer;background-color:var(--surface-2);border-radius:var(--radius-3)}input[type=range].svelte-w54x3c.svelte-w54x3c::-moz-range-track{height:2vh;cursor:pointer;background-color:var(--surface-2);border-radius:var(--radius-3)}input[type=range].svelte-w54x3c.svelte-w54x3c::-ms-track{height:2vh;cursor:pointer;background-color:var(--surface-2);border-radius:var(--radius-3)}@media only screen and (min-width: 600px){.master-controls.svelte-w54x3c.svelte-w54x3c{display:grid;grid-template-rows:repeat(2,auto);grid-template-columns:repeat(2,auto);grid-template-areas:"volin panin" "vollab panlab";justify-items:center;align-items:center}.control-volume.svelte-w54x3c.svelte-w54x3c{grid-area:volin}label[for=volume].svelte-w54x3c.svelte-w54x3c{grid-area:vollab;margin-top:15px}.control-panner.svelte-w54x3c.svelte-w54x3c{grid-area:panin}label[for=panner].svelte-w54x3c.svelte-w54x3c{grid-area:panlab;margin-top:15px}}.control-volume.svelte-w54x3c.svelte-w54x3c:before{content:"min"}.control-volume.svelte-w54x3c.svelte-w54x3c:after{content:"max"}.control-panner.svelte-w54x3c.svelte-w54x3c:before{content:"left"}.control-panner.svelte-w54x3c.svelte-w54x3c:after{content:"right"}.piano.svelte-w54x3c p.svelte-w54x3c{display:none}.container-keyboard.svelte-w54x3c.svelte-w54x3c{max-width:calc(100vw - 7rem);overflow-x:scroll;overflow-y:hidden;white-space:nowrap;margin-block:10px}.keyboard.svelte-w54x3c.svelte-w54x3c{width:auto;padding:0;margin:0}.key.svelte-w54x3c.svelte-w54x3c{cursor:pointer;border:1px solid black;border-radius:2px;display:inline-block;position:relative;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.white-key.svelte-w54x3c.svelte-w54x3c{width:20px;height:80px;box-shadow:0 2px #a9a9a9;background-color:var(--surface-2-light);z-index:1}.black-key.svelte-w54x3c.svelte-w54x3c{width:10px;height:40px;box-shadow:0 2px #313131;background-color:var(--surface-2-dark);top:-39px;z-index:2}.key.svelte-w54x3c.svelte-w54x3c:active,.active.svelte-w54x3c.svelte-w54x3c{background-color:var(--color-2);box-shadow:unset}.c.svelte-w54x3c.svelte-w54x3c:first-of-type{margin:0 -9px 0 0}.e.svelte-w54x3c.svelte-w54x3c,.b.svelte-w54x3c.svelte-w54x3c{margin:0 0 0 -9px}.d.svelte-w54x3c.svelte-w54x3c,.g.svelte-w54x3c.svelte-w54x3c,.a.svelte-w54x3c.svelte-w54x3c{margin:0 -9px}.c.svelte-w54x3c.svelte-w54x3c,.f.svelte-w54x3c.svelte-w54x3c{margin:0 -9px 0 -4px}.songs.svelte-w54x3c.svelte-w54x3c{padding-top:1rem}@media (hover: hover){.piano.svelte-w54x3c p.svelte-w54x3c{display:block}.key.svelte-w54x3c.svelte-w54x3c:hover{background-color:var(--color-1)}}.dog.svelte-w54x3c.svelte-w54x3c{position:relative}.dachshund-animation.svelte-w54x3c.svelte-w54x3c{background-color:#98739a;max-height:70%;width:100%}.cube.svelte-w54x3c.svelte-w54x3c{display:flex;justify-content:center;align-items:center;perspective:800px}.cube.svelte-w54x3c.svelte-w54x3c h2{position:absolute;top:20px;left:20px}.rubiks-cube.svelte-w54x3c.svelte-w54x3c{position:relative;width:100px;height:100px;transform-style:preserve-3d;transform:rotateX(-30deg) rotateY(30deg)}.rubiks-cube.animate.svelte-w54x3c.svelte-w54x3c{animation:svelte-w54x3c-rotate 10s infinite linear}@keyframes svelte-w54x3c-rotate{0%{transform:rotateX(-30deg) rotateY(30deg)}50%{transform:rotateX(30deg) rotateY(210deg)}to{transform:rotateX(-30deg) rotateY(390deg)}}.face.svelte-w54x3c.svelte-w54x3c{position:absolute;width:100px;height:100px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border:2px solid #1c1c1c}.block.svelte-w54x3c.svelte-w54x3c{border:1px solid #1c1c1c}.red.svelte-w54x3c.svelte-w54x3c{background-color:#b71234}.orange.svelte-w54x3c.svelte-w54x3c{background-color:#ff5800}.blue.svelte-w54x3c.svelte-w54x3c{background-color:#0046ad}.green.svelte-w54x3c.svelte-w54x3c{background-color:#009b48}.yellow.svelte-w54x3c.svelte-w54x3c{background-color:#ffd500}.white.svelte-w54x3c.svelte-w54x3c{background-color:#fff}.front.svelte-w54x3c.svelte-w54x3c{transform:rotateY(0) translateZ(50px)}.back.svelte-w54x3c.svelte-w54x3c{transform:rotateY(180deg) translateZ(50px)}.left.svelte-w54x3c.svelte-w54x3c{transform:rotateY(-90deg) translateZ(50px)}.right.svelte-w54x3c.svelte-w54x3c{transform:rotateY(90deg) translateZ(50px)}.top.svelte-w54x3c.svelte-w54x3c{transform:rotateX(90deg) translateZ(50px)}.bottom.svelte-w54x3c.svelte-w54x3c{transform:rotateX(-90deg) translateZ(50px)}.preview.svelte-w54x3c.svelte-w54x3c{width:100%;height:70%;background-color:var(--surface-2);border-radius:var(--radius-4);margin-block:1rem}