main.svelte-7x81ao{grid-row:2;grid-column:1;margin-inline:auto;margin-top:60px;margin-bottom:110px;width:max-content;display:flex;flex-direction:column;align-items:center;justify-content:center}h1{font-size:1.4rem}h2{font-size:1.3rem}h3{font-size:1.1rem}table.svelte-7x81ao{border-spacing:0;outline:3px solid var(--text-color);border-width:1px;border-style:solid}td.svelte-7x81ao{width:30px;height:30px;border-style:solid;box-sizing:border-box}header.svelte-7cyyvn{grid-row:1;grid-column:1;justify-self:center;height:fit-content}h1.svelte-7cyyvn{margin:0;text-align:justify;text-justify:distribute}details.svelte-7cyyvn{z-index:1;position:relative;line-height:1.6}summary.svelte-7cyyvn{z-index:1;position:relative;font-weight:600;padding:10px 0;user-select:none}summary.svelte-7cyyvn:hover{background-color:hsla(0, 0%, 60%, 10%)}.content.svelte-7cyyvn{position:absolute;background-color:var(--bg-secondary);padding:20px;box-shadow:0 0 2px 0px black;border-radius:4px}aside.svelte-f5j59u.svelte-f5j59u{z-index:2;grid-row-start:1;grid-row-end:3;grid-column:1;margin:auto;margin-right:calc( var(--body-padding) * -1 );margin-top:0;padding:var(--body-padding) 0px}#settings.svelte-f5j59u.svelte-f5j59u{--bg-opacity:0.95;display:flex;background-color:rgba( var(--bg-secondary-rgb), var(--bg-opacity) );border-radius:8px 0px 0px 8px;box-shadow:0 0 2px 0px black}[data-dark-mode = true] #settings.svelte-f5j59u.svelte-f5j59u{--bg-opacity:0.98}#open-settings.svelte-f5j59u.svelte-f5j59u{z-index:2;background:#484848;color:white;font-size:2rem;width:1em;border-radius:inherit;display:flex;align-items:center;justify-content:center;margin:0;padding:0;border:0}[data-dark-mode = true] #open-settings.svelte-f5j59u.svelte-f5j59u{background-color:#6f7677}#open-settings.svelte-f5j59u.svelte-f5j59u:hover{filter:contrast(1.3)}#open-settings.svelte-f5j59u.svelte-f5j59u:focus-visible{box-shadow:0 0 4px 4px var(--accent-color);filter:saturate(1.2) contrast(1.2)}#open-settings.closed.svelte-f5j59u span.svelte-f5j59u{transform:rotateY(180deg)}.expandable.svelte-f5j59u.svelte-f5j59u{width:19rem;padding-inline:50px;overflow:hidden;opacity:1;transition:0.35s ease-out;transition-property:width, opacity, padding-inline}.expandable.closed.svelte-f5j59u.svelte-f5j59u{width:0;padding-inline:0;opacity:0}.header.svelte-f5j59u.svelte-f5j59u{position:relative;text-align:center}.group.svelte-f5j59u.svelte-f5j59u{width:100%;margin:40px auto}#color-settings.svelte-f5j59u.svelte-f5j59u{width:14rem;min-width:min-content;max-width:100%}.slider-header.svelte-f5j59u.svelte-f5j59u{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:16rem;min-width:min-content;max-width:100%;margin:auto;margin-bottom:6px}.box-input-container.svelte-f5j59u.svelte-f5j59u{display:flex;align-items:center;margin-inline:12px}.box-input-container.svelte-f5j59u span.svelte-f5j59u{width:2.5em;margin-left:6px;text-align:start;white-space:nowrap;overflow:hidden}.color-title.svelte-f5j59u.svelte-f5j59u{margin:15px;margin-top:0;text-align:center}#play-controls.svelte-e2t4d4{display:flex;flex-flow:row wrap;margin-top:12px;margin-bottom:20px}button.svelte-e2t4d4{border-radius:50%;width:2.2rem;height:2.2rem;margin:6px 10px;padding:0.45em;box-sizing:border-box;border:2px solid hsl(0, 0%, 25%);background-color:hsla(0, 0%, 95%, 90%);color:rgb(75, 75, 75);display:inline-flex;justify-content:center;align-items:stretch;transition:0.2s opacity, 0.1s background-color}button.svelte-e2t4d4:hover:not(:disabled){border-color:gray}button.svelte-e2t4d4:active:not(:disabled){background-color:hsla(0, 0%, 80%, 90%)}button.svelte-e2t4d4:focus-visible:enabled{outline:2px solid var(--accent-color);outline-offset:4px}button.svelte-e2t4d4:disabled{opacity:0.25}.color-settings.svelte-8249i9{display:flex;flex-direction:row;align-items:center;justify-content:space-between;margin-bottom:5px}.color-picker.svelte-8249i9{height:40px;width:40px;margin:0;padding:4px}label.svelte-8249i9{text-transform:capitalize;padding-inline:15px}.slider.svelte-3frgtn{display:flex;flex-direction:row;align-items:center;width:100%}input.svelte-3frgtn{margin:0 15px;padding-inline:0;flex-grow:1;min-width:0}#dark-mode-toggle.svelte-l6h5lo.svelte-l6h5lo{position:absolute;top:50%;right:-20px;transform:translateY(-50%);font-size:2rem;height:1em;width:2.2em;box-shadow:0 0 2px 1px gray;border-radius:999px;display:flex;justify-content:space-between;align-items:center;padding:0;margin:0;border:0;background:linear-gradient(90deg, rgb(197, 250, 255) 20%, rgb(158, 135, 187) 80%);background-size:150%;background-position:left;transition:background-position 1s cubic-bezier(.17,.84,.44,1)}#dark-mode-toggle.dark.svelte-l6h5lo.svelte-l6h5lo,#dark-mode-toggle.svelte-l6h5lo.svelte-l6h5lo:hover{background-position:right}#dark-mode-toggle.svelte-l6h5lo.svelte-l6h5lo,#dark-mode-toggle.dark.svelte-l6h5lo.svelte-l6h5lo:hover{background-position:left}#dark-mode-toggle.svelte-l6h5lo.svelte-l6h5lo:focus-visible{outline-color:var(--accent-color);outline-offset:8px}.icon.svelte-l6h5lo.svelte-l6h5lo{z-index:2;display:flex;padding:0.2em;box-sizing:border-box}.selected-indicator.svelte-l6h5lo.svelte-l6h5lo,.selected-indicator-shadow.svelte-l6h5lo.svelte-l6h5lo,.icon.svelte-l6h5lo.svelte-l6h5lo{height:1em;width:1em;border-radius:50%}.selected-indicator.svelte-l6h5lo.svelte-l6h5lo,.selected-indicator-shadow.svelte-l6h5lo.svelte-l6h5lo{position:absolute;top:0;left:0;transition:0.2s ease}.selected-indicator.svelte-l6h5lo.svelte-l6h5lo{background-color:white}.selected-indicator-shadow.svelte-l6h5lo.svelte-l6h5lo{z-index:3;box-shadow:0 0 4px 1px black}.selected-indicator.right.svelte-l6h5lo.svelte-l6h5lo,.selected-indicator-shadow.right.svelte-l6h5lo.svelte-l6h5lo{left:100%;transform:translateX(-100%)}#dark-mode-toggle.svelte-l6h5lo:active .selected-indicator-shadow.svelte-l6h5lo{box-shadow:0 0 6px 1px black}.input-number.svelte-12jxwt5{display:flex;flex-direction:column;align-items:center}input.svelte-12jxwt5{margin:0;padding:2px 6px;text-align:center;box-sizing:content-box;background:var(--bg-primary);color:var(--text-color)}[data-dark-mode = true] input.svelte-12jxwt5{border-color:#484848}button.svelte-p041gy{background-color:transparent;height:1.7em;width:1.7em;border-radius:50%;border:0;margin:3px;padding:0;overflow:hidden;transition-property:background-color, box-shadow;transition-duration:0.1s}button.svelte-p041gy:focus-visible:enabled{outline:2px solid var(--accent-color)}button.svelte-p041gy:hover:enabled{background-color:hsla(0, 0%, 60%, 0.15);transform:scale(1.15)}button.svelte-p041gy:active:enabled{box-shadow:0 0 2px hsla(0, 0%, 50%, 0.5) inset}span.svelte-p041gy{display:inline-block;height:100%;width:100%;pointer-events:none}