.wrapper[data-astro-cid-r3tqalac]{width:90%;margin:0 auto;max-width:80rem}.cols[data-astro-cid-r3tqalac]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.col[data-astro-cid-r3tqalac]{width:calc(40% - 2rem);margin:1rem;cursor:pointer}.container[data-astro-cid-r3tqalac]{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-perspective:1000px;perspective:1000px}.front[data-astro-cid-r3tqalac],.back[data-astro-cid-r3tqalac]{background-size:cover;box-shadow:0 4px 8px #00000040;background-position:center;-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-o-transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;text-align:center;min-height:280px;height:auto;border-radius:10px;color:#fff;font-size:1.5rem}.back[data-astro-cid-r3tqalac]{background:#cedce7;background:-webkit-linear-gradient(45deg,#cedce7 0%,#596a72 100%);background:-o-linear-gradient(45deg,#cedce7 0%,#596a72 100%);background:linear-gradient(45deg,#cedce7,#596a72)}.front[data-astro-cid-r3tqalac]:after{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;content:"";display:block;opacity:.6;background-color:#000;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:10px}.voted[data-astro-cid-r3tqalac] .container[data-astro-cid-r3tqalac] .front[data-astro-cid-r3tqalac],.voted[data-astro-cid-r3tqalac] .container[data-astro-cid-r3tqalac] .back[data-astro-cid-r3tqalac]{-webkit-transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);transition:-webkit-transform .7s cubic-bezier(.4,.2,.2,1);-o-transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1);transition:transform .7s cubic-bezier(.4,.2,.2,1),-webkit-transform .7s cubic-bezier(.4,.2,.2,1)}.back[data-astro-cid-r3tqalac]{position:absolute;top:0;left:0;width:100%}.inner[data-astro-cid-r3tqalac]{-webkit-transform:translateY(-50%) translateZ(60px) scale(.94);transform:translateY(-50%) translateZ(60px) scale(.94);top:50%;position:absolute;left:0;width:100%;padding:2rem;-webkit-box-sizing:border-box;box-sizing:border-box;outline:1px solid transparent;-webkit-perspective:inherit;perspective:inherit;z-index:2}.container[data-astro-cid-r3tqalac] .back[data-astro-cid-r3tqalac]{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.container[data-astro-cid-r3tqalac] .front[data-astro-cid-r3tqalac],.voted[data-astro-cid-r3tqalac] .container[data-astro-cid-r3tqalac] .back[data-astro-cid-r3tqalac]{-webkit-transform:rotateY(0deg);transform:rotateY(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.voted[data-astro-cid-r3tqalac] .container[data-astro-cid-r3tqalac] .front[data-astro-cid-r3tqalac]{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.front[data-astro-cid-r3tqalac] .inner[data-astro-cid-r3tqalac] p[data-astro-cid-r3tqalac]{font-size:2rem;margin-bottom:2rem;position:relative}.front[data-astro-cid-r3tqalac] .inner[data-astro-cid-r3tqalac] p[data-astro-cid-r3tqalac]:after{content:"";width:4rem;height:2px;position:absolute;background:#c6d4df;display:block;left:0;right:0;margin:0 auto;bottom:-.75rem}.front[data-astro-cid-r3tqalac] .inner[data-astro-cid-r3tqalac] span[data-astro-cid-r3tqalac]{color:#ffffffb3;font-weight:bolder}@media screen and (max-width:64rem){.col[data-astro-cid-r3tqalac]{width:calc(33.333333% - 2rem)}}@media screen and (max-width:48rem){.col[data-astro-cid-r3tqalac]{width:calc(50% - 2rem)}}@media screen and (max-width:32rem){.col[data-astro-cid-r3tqalac]{width:100%;margin:0 0 2rem}}.hide-reset[data-astro-cid-r3tqalac]{opacity:0;transition:opacity 1s ease}#reset[data-astro-cid-r3tqalac]{position:fixed;left:4vw;top:100px;z-index:101;transition:opacity 1s ease}.synth-base[data-astro-cid-aygdy6nt]{fill:var(--synth-base);stroke:var(--synth-stroke);stroke-width:3px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 3px 0 var(--synth-stroke))}.synth-keys-backdrop[data-astro-cid-vk7ffprd]{fill:var(--synth-stroke)}.synth-keys-outline[data-astro-cid-vk7ffprd]{fill:none;stroke:var(--synth-stroke);stroke-width:3px;vector-effect:non-scaling-stroke}.synth-key[data-astro-cid-vk7ffprd]{cursor:pointer;transition:fill .4s ease-out;.pressed-overlay{fill:var(--synth-stroke);transform:translateY(2px);transition:transform .1s ease-out}.base{transition:fill .4s ease-out;stroke:var(--synth-stroke);stroke-width:1.5px}&.white .base{fill:var(--synth-whitekey)}&.black .base{fill:var(--synth-blackkey)}&.pressed{.base{transition:none;fill:var(--synth-whitekey-pressed)}&.black .base{fill:var(--synth-blackkey-pressed)}.pressed-overlay{transition:none;transform:translateY(0)}}}.key-letter[data-astro-cid-vk7ffprd]{fill:var(--synth-keyletter);opacity:0;transform:translateY(4px);transition:.4s ease-out;&.visible{opacity:1;transform:translateY(0)}&.fadeout{opacity:0;transition:opacity 1s ease-in;transition-delay:.2s}}@keyframes press-start{0%,20%{transform:translateY(-10%)}to{transform:translateY(0)}}.lcd-bg[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-bg);stroke:var(--synth-stroke);stroke-width:3px;vector-effect:non-scaling-stroke}.lcd-highlight[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-light)}.lcd-base[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-medium)}.notehead[data-astro-cid-xpfci5sh],.synth-instrument[data-astro-cid-xpfci5sh] .lcd-base[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-dark)}.start[data-astro-cid-xpfci5sh]{cursor:pointer;.lcd-base{fill:var(--synth-lcd-dark)}&:hover .lcd-base{animation:press-start 1s step-start infinite;&:nth-child(2){animation-delay:.1s}&:nth-child(3){animation-delay:.2s}&:nth-child(4){animation-delay:.3s}&:nth-child(5){animation-delay:.4s}}}[data-enabled=true] .start[data-astro-cid-xpfci5sh]{display:none}.synth-randomize[data-astro-cid-xpfci5sh]{display:none;@media(pointer:coarse){display:none}}[data-loading=true] .synth-randomize[data-astro-cid-xpfci5sh]{display:none}@media(pointer:coarse){.synth-instrument[data-astro-cid-xpfci5sh]:hover .instrument[data-astro-cid-xpfci5sh]{display:none}.synth-randomize[data-astro-cid-xpfci5sh] .synth-instrument[data-astro-cid-xpfci5sh]:hover{display:block}.instrument-arrow[data-astro-cid-xpfci5sh]:hover .lcd-base[data-astro-cid-xpfci5sh]{fill:var(--synth-lcd-dark)}}.instrument[data-astro-cid-xpfci5sh],.notehead[data-astro-cid-xpfci5sh]{display:none}[data-enabled=false]{.synth-instruments,.synth-staff{display:none}}.synth-instrument[data-astro-cid-xpfci5sh],.instrument-arrow[data-astro-cid-xpfci5sh]{cursor:pointer}.synth[data-astro-cid-uhknsr27]{width:100%;max-width:540px;margin:0 auto;--synth-whitekey: var(--gray-1);--synth-whitekey-pressed: var(--gray-2);--synth-blackkey: var(--gray-12);--synth-blackkey-pressed: var(--gray-11);--synth-base: var(--gray-1);--synth-stroke: var(--gray-12);--synth-lcd-bg: var(--gray-4);--synth-lcd-light: var(--gray-2);--synth-lcd-medium: var(--gray-11);--synth-lcd-dark: var(--gray-12);--synth-keyletter: var(--gray-12);svg{display:block;width:100%;height:auto;overflow:visible}&[data-loading=true]{pointer-events:none;cursor:default}&:focus,&:focus-within{outline:none}}.dark .synth[data-astro-cid-uhknsr27]{--synth-whitekey: var(--gray-12);--synth-whitekey-pressed: #ffffff;--synth-blackkey: var(--gray-1);--synth-blackkey-pressed: var(--gray-4);--synth-base: var(--gray-12);--synth-stroke: var(--gray-1);--synth-lcd-bg: var(--gray-12);--synth-lcd-light: #ffffff;--synth-lcd-medium: var(--gray-9);--synth-lcd-dark: var(--gray-3);--synth-keyletter: var(--gray-4)}<style is:global> :root{--gray-1: #fcfcfc;--gray-2: #f8f8f8;--gray-3: #f0f0f0;--gray-4: #e8e8e8;--gray-9: #8e8e8e;--gray-11: #646464;--gray-12: #202020}.dark[data-astro-cid-uhknsr27]{--gray-1: #202020;--gray-2: #2d2d2d;--gray-3: #353535;--gray-4: #3e3e3e;--gray-9: #adb5bd;--gray-11: #dee2e6;--gray-12: #f8f9fa}