.tester[data-astro-cid-d2am4pry]{--_ft-min-height:var(--ft-min-height,240px);--_ft-padding:var(--ft-padding,1rem);--_ft-duration:var(--ft-duration,var(--duration,.2s));--_ft-border:var(--ft-border,1px solid var(--tester-fg,#000));--_ft-divider:var(--ft-divider,1px solid color-mix(in srgb, var(--tester-fg,#000) 20%, transparent 80%));border:var(--_ft-border);background:var(--tester-bg,#fff);color:var(--tester-fg,#000);position:relative;overflow:hidden;container-type:inline-size}.tester-display[data-astro-cid-d2am4pry]{height:100%;min-height:var(--_ft-min-height);padding:var(--_ft-padding);cursor:text;align-items:center;display:flex}.tester-text[data-astro-cid-d2am4pry]{width:100%;font-family:var(--tester-font);color:var(--tester-fg,#000);text-align:center;font-palette:var(--tester-palette,none);outline:none;max-width:100cqi;font-size:clamp(2rem,8vw,6rem);line-height:1;display:block}.tester-controls[data-astro-cid-d2am4pry]{color:var(--tester-fg,#000);background-color:var(--tester-bg,#fff);border-top:1px solid color-mix(in srgb, var(--tester-fg,#000) 15%, var(--tester-bg,#fff) 85%);inset-inline:0;opacity:0;transition:opacity var(--_ft-duration) ease-in-out;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:.25rem;min-height:2.5rem;padding:.5rem 1rem;display:flex;position:absolute;bottom:0}.tester-controls-top[data-astro-cid-d2am4pry]{border-top:none;border-bottom:1px solid color-mix(in srgb, var(--tester-fg,#000) 15%, var(--tester-bg,#fff) 85%);flex-direction:column;justify-content:center;gap:.25rem;display:flex;top:0;bottom:auto}.controls-line[data-astro-cid-d2am4pry]{justify-content:space-between;width:100%;display:flex}.tester[data-astro-cid-d2am4pry]:hover .tester-controls[data-astro-cid-d2am4pry],.tester[data-astro-cid-d2am4pry].ui-visible .tester-controls[data-astro-cid-d2am4pry]{opacity:1}.controls-left[data-astro-cid-d2am4pry]{flex-wrap:nowrap;align-items:center;gap:.5rem;display:flex;overflow:hidden}.controls-left[data-astro-cid-d2am4pry]>.control-group[data-astro-cid-d2am4pry]:not(:first-child){border-inline-start:var(--_ft-divider);padding-inline-start:.5rem}.controls-center[data-astro-cid-d2am4pry]{flex-wrap:nowrap;flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex;overflow:hidden}.controls-center[data-astro-cid-d2am4pry]>.control-group[data-astro-cid-d2am4pry]:not(:first-child){border-inline-start:var(--_ft-divider);padding-inline-start:.5rem}.controls-right[data-astro-cid-d2am4pry]{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.range-sliders[data-astro-cid-d2am4pry]{--foreground:var(--tester-fg,#000);--background:var(--tester-bg,#fff);--border-color-alt:color-mix(in srgb, var(--tester-fg,#000) 50%, transparent 50%);--action:var(--tester-fg,#000);align-items:center;gap:.5rem;display:flex}.controls-right[data-astro-cid-d2am4pry] .range-sliders[data-astro-cid-d2am4pry]>[data-astro-cid-d2am4pry]:not(:first-child){border-inline-start:var(--_ft-divider);padding-inline-start:.5rem}.range-sliders[data-astro-cid-d2am4pry]>div[data-astro-cid-d2am4pry],.tester-controls[data-astro-cid-d2am4pry] label{text-transform:uppercase;letter-spacing:.05em;color:var(--tester-fg,#000);align-items:center;gap:.25rem;font-size:.75rem;display:flex}.range-sliders[data-astro-cid-d2am4pry] input[data-astro-cid-d2am4pry][type=range],.variable-controls[data-astro-cid-d2am4pry] input[type=range]{width:4rem}.variable-axes-section[data-astro-cid-d2am4pry]{align-items:center;gap:.5rem;display:none}.variable-controls[data-astro-cid-d2am4pry]{align-items:center;gap:.5rem;display:flex}.variable-controls[data-astro-cid-d2am4pry]:has(.variable-control:nth-child(4)){grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:0 1rem;width:calc(100cqi - 2rem);display:grid}.variable-controls[data-astro-cid-d2am4pry]:has(.variable-control:nth-child(4)) .variable-control{border-inline-start:none;padding-inline-start:0}.variable-controls[data-astro-cid-d2am4pry]:has(.variable-control:nth-child(4)) input[type=range]{flex:1;width:0;min-width:4rem}.variable-controls[data-astro-cid-d2am4pry] .variable-control{flex:1;align-items:center;gap:.25rem;margin-top:.5rem;display:flex}.variable-controls[data-astro-cid-d2am4pry] .variable-control:not(:first-child){border-inline-start:var(--_ft-divider);padding-inline-start:.5rem}.variable-controls[data-astro-cid-d2am4pry] .axis-value{text-align:right;width:3ch;display:block}.variable-controls[data-astro-cid-d2am4pry] .control-group,.control-group[data-astro-cid-d2am4pry]{align-items:center;gap:0;display:flex;position:relative}.tester-select[data-astro-cid-d2am4pry]{appearance:none;cursor:pointer;text-overflow:ellipsis;width:min-content;max-width:30ch;color:var(--tester-fg,#000);line-height:2.5;font-size:inherit;background:0 0;border:none;outline:none;padding:0;padding-inline-end:2rem}.tester-select[data-astro-cid-d2am4pry] option[data-astro-cid-d2am4pry]{color:var(--tester-fg,#000);background:var(--tester-bg,#fff)}.select-arrow[data-astro-cid-d2am4pry]{pointer-events:none;margin-inline-start:-1.5rem}.toggle-group[data-astro-cid-d2am4pry]{gap:.125rem}.toggle-btn[data-astro-cid-d2am4pry]{cursor:pointer;color:var(--tester-fg,#000);opacity:.4;transition:opacity var(--_ft-duration);background:0 0;border:none;border-radius:2px;justify-content:center;align-items:center;padding:.3rem;display:flex}.toggle-btn[data-astro-cid-d2am4pry]:hover{opacity:.7}.toggle-btn[data-astro-cid-d2am4pry].active{opacity:1}.color-group[data-astro-cid-d2am4pry]{gap:0;display:flex}.color-swatch[data-astro-cid-d2am4pry]{cursor:pointer;border:1px solid var(--tester-fg,#000);border-radius:50%;width:18px;height:18px;transition:transform .1s;display:block;position:relative;overflow:hidden}.color-swatch[data-astro-cid-d2am4pry]:hover{transform:scale(1.15)}.color-input[data-astro-cid-d2am4pry]{opacity:0;cursor:pointer;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.fg-swatch[data-astro-cid-d2am4pry]{background:var(--tester-fg,#000);z-index:1;margin-inline-end:-.5rem}.bg-swatch[data-astro-cid-d2am4pry]{background:var(--tester-bg,#fff)}.palette-section[data-astro-cid-d2am4pry]{align-items:center;gap:0;display:none}.palette-controls[data-astro-cid-d2am4pry]{align-items:center;gap:1rem;width:calc(100cqi - 2rem);display:flex}.palette-controls[data-astro-cid-d2am4pry] .palette-btn{border:1px solid color-mix(in srgb, var(--tester-fg,#000) 50%, transparent 50%);cursor:pointer;background:0 0;flex:1 0;min-width:2rem;height:.5rem;margin-top:.25rem;padding:0;transition:border-color .1s;display:flex;overflow:hidden}.palette-controls[data-astro-cid-d2am4pry] .palette-btn:hover,.palette-controls[data-astro-cid-d2am4pry] .palette-btn:focus,.palette-controls[data-astro-cid-d2am4pry] .palette-btn.active{border-color:var(--tester-fg,#000)}.palette-controls[data-astro-cid-d2am4pry] .palette-color{flex:1;height:100%}.dice-btn[data-astro-cid-d2am4pry]{color:var(--tester-fg,#000);cursor:pointer;background:0 0;border:none;flex-shrink:0}.dice-btn[data-astro-cid-d2am4pry] svg[data-astro-cid-d2am4pry]{width:1.5rem;height:1.5rem}@container (width<25rem){.tester-controls[data-astro-cid-d2am4pry]{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem}.tester-select[data-astro-cid-d2am4pry]{max-width:100px}}@container (width>40rem){.tester[data-astro-cid-d2am4pry].mode-long .tester-text[data-astro-cid-d2am4pry]{columns:2;column-gap:1rem}.range-sliders[data-astro-cid-d2am4pry] input[data-astro-cid-d2am4pry][type=range],.variable-controls[data-astro-cid-d2am4pry] input[type=range]{width:8rem}}