[data-astro-cid-4sqqcqh7]:where(input[type=range]){inline-size:100%}.name[data-astro-cid-4sqqcqh7]{display:block;margin-block-end:var(--space-xs);font-size:var(--font-size-p-xs);line-height:1.2;text-transform:uppercase}.colors[data-astro-cid-4sqqcqh7]{display:grid;grid-template-columns:repeat(auto-fit,minmax(8em,1fr));column-gap:var(--space-l);row-gap:var(--space-m);padding-block:var(--space-m);padding-inline:var(--space-l)}.colors[data-astro-cid-4sqqcqh7] .clr-field{display:revert}.colors[data-astro-cid-4sqqcqh7] button{inset-block:0;inline-size:100%;transform:none}.color-input[data-astro-cid-4sqqcqh7]{inline-size:100%;min-block-size:10px;padding-inline-start:var(--space-xs);border:none;font-size:var(--font-size-p-s)}.filter[data-astro-cid-4sqqcqh7]{display:grid;column-gap:var(--space-l);row-gap:var(--space-s);padding-block-start:var(--space-s);padding-block-end:var(--space-m);padding-inline:var(--space-l)}.filter-item[data-astro-cid-4sqqcqh7].--guide{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--space-xs);justify-items:center;align-self:start;inline-size:100%;max-inline-size:10em;margin-block-start:var(--space-m);margin-inline:auto}.guide-label[data-astro-cid-4sqqcqh7]{padding-block-end:var(--space-xs);font-size:var(--font-size-p-xs);line-height:1.2;text-align:center;text-transform:uppercase;cursor:pointer}.guide-radio[data-astro-cid-4sqqcqh7]{display:block;inline-size:20px;block-size:20px;aspect-ratio:1;border:solid 1px var(--color-ui);border-radius:0;-webkit-appearance:none;appearance:none;cursor:pointer}.guide-radio[data-astro-cid-4sqqcqh7]:checked{background-color:var(--color-ui)}.bpm[data-astro-cid-4sqqcqh7]{padding-block:var(--space-m);padding-inline:var(--space-l);border-block-start:solid 1px var(--color-accent)}@container ui (inline-size > 480px){.colors[data-astro-cid-4sqqcqh7] button{inline-size:30px}.color-input[data-astro-cid-4sqqcqh7]{min-block-size:30px}}@container app (inline-size >= 760px){.filter[data-astro-cid-4sqqcqh7]{grid-template-columns:repeat(4,1fr);grid-template-areas:"guide level level level"}.filter-level[data-astro-cid-4sqqcqh7]{grid-area:level}.filter-guide[data-astro-cid-4sqqcqh7]{grid-area:guide}.filter-list[data-astro-cid-4sqqcqh7]{display:grid;grid-template-columns:repeat(3,1fr);column-gap:var(--space-l)}.filter-item[data-astro-cid-4sqqcqh7].--guide{margin-block-start:0}}.osc1{fill:var(--osc1);fill-opacity:var(--osc1lv)}.osc2{fill:var(--osc2);fill-opacity:var(--osc2lv)}.app-container[data-astro-cid-sluyqa5k]{--color-bg: #042020;--color-fg: #cfdddd;--color-border: var(--color-accent);--color-ui: #d4d4d4;--color-btn-hover: #073333;container:app / inline-size;color-scheme:dark;background-color:var(--bg);color:var(--color-fg);accent-color:var(--color-ui)}.app[data-astro-cid-sluyqa5k]{position:relative;block-size:100%;background-color:var(--bg)}.app[data-astro-cid-sluyqa5k]:after{content:"";position:absolute;inset:0;display:block;background-color:#ccc;mix-blend-mode:multiply}.preview-container[data-astro-cid-sluyqa5k]{position:relative;inset-block-start:0;z-index:100;display:grid;place-items:center;overflow:hidden;max-inline-size:760px;margin-inline:auto;padding:clamp(var(--space-l),10cqi,var(--space-xl));background-color:var(--bg)}.preview-container[data-astro-cid-sluyqa5k]>svg{max-inline-size:600px;rotate:var(--rotate)}.group[data-astro-cid-sluyqa5k]{--adjust: calc((var(--strokeWidth) / 2) * 1px);translate:var(--adjust) calc(64px + var(--adjust));scale:calc((340 - var(--strokeWidth)) / 340)}[data-astro-cid-sluyqa5k][data-guide] :where(rect,circle,path){fill:none;stroke:var(--stroke);stroke-width:var(--strokeWidth)}[data-astro-cid-sluyqa5k][data-guide] :where(circle,path){opacity:0}[data-astro-cid-sluyqa5k][data-rectbeats-guide=circle] [data-astro-cid-sluyqa5k][data-guide] circle,[data-astro-cid-sluyqa5k][data-rectbeats-guide=spiral] [data-astro-cid-sluyqa5k][data-guide] path{opacity:var(--guide)}.ui-container[data-astro-cid-sluyqa5k]{position:relative;z-index:10;container:ui / inline-size}.ui[data-astro-cid-sluyqa5k]{display:grid;align-content:space-between;inline-size:100%;block-size:100%;max-inline-size:760px;margin-inline:auto;background-color:var(--color-bg);font-family:var(--font-family-en)}.header[data-astro-cid-sluyqa5k]{display:grid;grid-template-columns:1fr auto;gap:var(--space-m);justify-content:space-between;align-items:center;padding-block:var(--space-s);padding-inline:var(--space-l);border-block-end:solid 1px var(--color-border)}.title[data-astro-cid-sluyqa5k]{font-size:var(--font-size-h-s);overflow-wrap:break-word}.download[data-astro-cid-sluyqa5k]{display:grid;grid-template-columns:repeat(2,auto);column-gap:var(--space-xs);align-items:center;font-size:var(--font-size-p-xs);line-height:1.2;text-transform:uppercase}.download-inner[data-astro-cid-sluyqa5k]{display:grid;place-items:center;inline-size:50px;block-size:24px;border:solid 1px currentColor;border-radius:5px}.download-inner[data-astro-cid-sluyqa5k] svg{inline-size:12px;fill:currentColor}@media (hover: hover) and (pointer: fine){.download[data-astro-cid-sluyqa5k]:hover .download-inner[data-astro-cid-sluyqa5k]{background-color:var(--color-btn-hover)}}.params-label[data-astro-cid-sluyqa5k]{display:grid;justify-items:center;cursor:pointer}.params[data-astro-cid-sluyqa5k][open] .params-label[data-astro-cid-sluyqa5k]{border-block-end:solid 1px var(--color-border)}.params-label-inner[data-astro-cid-sluyqa5k]{position:relative;display:block;inline-size:fit-content;padding-block:var(--space-s);padding-inline:var(--space-m);font-size:var(--font-size-p-s);line-height:1.2;text-transform:uppercase}.params-label-inner[data-astro-cid-sluyqa5k]:not(.is-custom):after{--icon-size: 10px;content:"";position:absolute;inset-block-start:calc(50% - 7px);inset-inline-end:0;inline-size:var(--icon-size);block-size:var(--icon-size);margin-block:auto;border-block-end:solid 1px currentColor;border-inline-end:solid 1px currentColor;transform:rotate(45deg);transform-origin:center}details[data-astro-cid-sluyqa5k][open] .params-label-inner[data-astro-cid-sluyqa5k]:not(.is-custom):after{inset-block-start:calc(50% - 2px);transform:rotate(-135deg)}.btn-container[data-astro-cid-sluyqa5k]{padding-block:var(--space-m);padding-inline:var(--space-l);border-block-start:solid 1px var(--color-border)}.btn[data-astro-cid-sluyqa5k]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-m);justify-content:center;max-inline-size:460px;margin-block-start:var(--space-xs);margin-block-end:0;margin-inline:auto}.btn-target[data-astro-cid-sluyqa5k]{position:relative;display:grid;row-gap:var(--space-xs);font-family:var(--font-family-en);font-size:var(--font-size-p-xs);line-height:1.2;text-align:center;text-transform:uppercase}.btn-target-inner[data-astro-cid-sluyqa5k]{display:grid;place-items:center;inline-size:100%;block-size:40px;border:solid 2px currentColor;border-radius:6px}.btn-target-icon[data-astro-cid-sluyqa5k]{display:block;inline-size:12px;margin:auto;fill:currentColor}.btn-target[data-astro-cid-sluyqa5k][aria-checked=false] .btn-target-icon[data-astro-cid-sluyqa5k].--pause,.btn-target[data-astro-cid-sluyqa5k][aria-checked=true] .btn-target-icon[data-astro-cid-sluyqa5k].--play{display:none}.btn-target-lamp[data-astro-cid-sluyqa5k]{--gap: var(--space-xs);--icon-size: 8px;display:grid;grid-template-columns:repeat(2,auto);column-gap:var(--gap);justify-content:center;align-items:center;padding-inline-end:calc(var(--icon-size) + var(--gap))}.btn-target-lamp[data-astro-cid-sluyqa5k]:before{content:"";display:block;inline-size:var(--icon-size);block-size:var(--icon-size);border-radius:50%;background-color:#5b4646}.btn-target[data-astro-cid-sluyqa5k][aria-checked=true] .btn-target-lamp[data-astro-cid-sluyqa5k]:before{box-shadow:0 0 4px #ffc400;background-color:#ffc400}@media (hover: hover) and (pointer: fine){.btn-target[data-astro-cid-sluyqa5k]:hover .btn-target-inner[data-astro-cid-sluyqa5k]{background-color:var(--color-btn-hover)}}@container app (inline-size < 320px){.header[data-astro-cid-sluyqa5k]{grid-template-columns:1fr;gap:var(--space-s)}}@media (width <= 640px) and (height >= 640px) and (aspect-ratio <= 2/3){.preview-container[data-astro-cid-sluyqa5k]{position:sticky}.app[data-astro-cid-sluyqa5k] *{scroll-margin-top:100cqw}}.rectbeats-container[data-astro-cid-jklosjg2]{--color-bg: #042020;--color-fg: #cfdddd;container:rectbeats-container / inline-size;background-color:var(--color-bg);color:var(--color-fg)}