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