.themes{grid-template-rows:minmax(0,1fr)}.themes-header{display:none}.themes .themes-stage{--themes-inset:0px;place-items:normal;display:block;position:relative;overflow:hidden}.themes-panel{z-index:1;box-sizing:border-box;background:var(--site-background);position:absolute}.themes-picture{position:absolute;inset:0}.themes-page{flex-direction:column;max-width:640px;margin:0 auto;font-size:20px;line-height:28px;display:flex;position:absolute;top:0;bottom:0}.themes-page-pick{cursor:pointer}.themes-page-pick.is-picked{outline:2px solid var(--site-text);outline-offset:2px}.themes-page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.themes-page h2{margin:0 0 4px;font-size:44px;font-weight:400;line-height:44px}.themes-page p{margin:0 0 20px}.themes-page-quote{margin:16px 0 20px}.themes-page-quote p{margin:0}.themes-page-tag{color:var(--site-background);flex:none;margin-top:15px;padding:0 8px;font-size:16px}.themes-page-link{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.themes-figure{flex:auto;min-height:260px;margin:4px 0 0;position:relative}.themes-player{cursor:pointer;position:absolute;inset:0}.themes-names{flex-direction:column;max-height:100%;padding:0 18px 0 0;display:flex;top:0;left:0}.themes-name-lists{scrollbar-width:none;min-height:0;overflow:auto}.themes-list{margin:0;padding:0;list-style:none}.themes-list+.themes-list{margin-top:20px}.themes-item{grid-template-columns:2ch minmax(0,1fr);align-items:baseline;line-height:20px;display:grid}.themes-prefix{visibility:hidden;color:var(--site-muted);white-space:pre}.themes-names[data-keys=here] .themes-item.is-current .themes-prefix{visibility:visible;color:var(--site-text)}@media (hover:hover){.themes-item:hover .themes-prefix{visibility:visible}}.themes-name,.themes-rename{color:var(--site-link);font:inherit;text-align:left;text-underline-offset:2px;white-space:nowrap;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.themes-name[aria-current=true]{color:var(--site-text);text-decoration:none}.themes-name.is-draft{color:var(--site-muted)}.themes-rename{width:12ch;color:var(--site-text);outline:2px solid var(--site-text);text-decoration:none}.themes-editor{top:var(--themes-inset);right:var(--themes-inset);bottom:var(--themes-inset);scrollbar-width:none;flex-direction:column;gap:12px;width:clamp(400px,34vw,560px);padding:0;display:flex;overflow:auto}.themes-swatches{flex:none;grid-template-columns:repeat(11,minmax(0,1fr));gap:4px;display:grid}.themes-swatch{aspect-ratio:1;box-shadow:inset 0 0 0 2px var(--site-text);cursor:pointer;border:0;padding:0}.themes-swatch.is-picked{outline:2px solid var(--site-text);outline-offset:2px}.themes-dials{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;min-height:380px;display:grid}.themes-dial{min-width:0;min-height:0;position:relative}.themes-dial-name{font-size:18px;line-height:18px;position:absolute;top:0;left:0}.themes-dial-canvas{touch-action:none;cursor:crosshair;width:100%;height:calc(100% - 20px);display:block;position:absolute;inset:20px 0 0}.themes-dial-end{z-index:1;background:var(--site-background);color:var(--site-text);white-space:nowrap;pointer-events:none;padding:1px 3px;font-size:14px;line-height:14px;position:absolute}.themes-buttons{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.themes-button{height:38px;box-shadow:inset 0 0 0 2px var(--site-text);color:var(--site-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;font-size:18px;display:grid}.themes-button:disabled{color:var(--site-muted);box-shadow:inset 0 0 0 2px var(--site-muted);cursor:default}.themes-button svg{fill:currentColor;shape-rendering:crispedges;width:20px;height:20px}.themes-button-key{color:var(--site-muted);font-size:14px}@media (hover:hover){.themes-button:not(:disabled):hover{background:var(--site-text);color:var(--site-background)}}.themes-flyout{top:var(--themes-color-top,64px);flex-direction:column;gap:14px;width:clamp(400px,34vw,560px);padding:0;display:flex;bottom:0;right:0}.themes-flyout[hidden]{display:none}.themes-flyout-head{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.themes-chip{box-sizing:border-box;height:64px;box-shadow:inset 0 0 0 2px var(--site-text);align-items:flex-end;padding:6px 10px;font-size:22px;line-height:24px;display:flex}.themes-flyout-close{background:var(--site-text);width:30px;height:30px;color:var(--site-background);font:inherit;cursor:pointer;border:0;align-self:start;padding:0;font-size:22px;line-height:30px}.themes-color-dials{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));gap:8px;min-height:360px;display:grid}.themes-slider{gap:4px;display:grid}.themes-slider-name{font-size:16px;line-height:16px}.themes-slider-track{touch-action:none;cursor:ew-resize;width:100%;height:32px;display:block}@media (width<=900px){.themes{grid-template-rows:auto minmax(0,1fr)}.themes-header{display:block}.themes .themes-stage{overflow-y:auto}.themes-panel,.themes-picture{position:relative;inset:auto}.themes-names{max-height:none;padding:0 0 12px}.themes-list{gap:16px;display:flex}.themes-list+.themes-list{margin-top:8px}.themes-item{flex:none}.themes-editor{width:auto;max-height:none;padding:12px 6px 16px}.themes .themes-stage{flex-direction:column;display:flex}.themes-names{order:0}.themes-picture{flex:none;order:1}.themes-flyout{order:2}.themes-editor{order:3}.themes-page{padding:8px 0 16px;position:static}.themes-figure{flex:none;height:70vh}.themes-page{font-size:16px;line-height:22px}.themes-page h2{font-size:28px;line-height:32px}.themes-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.themes-dials{grid-template-rows:none;grid-auto-rows:190px}.themes-flyout{width:auto;margin-top:12px}.themes-color-dials{flex:none;grid-template-rows:none;grid-auto-rows:260px}.themes-name-lists{overflow-x:auto}}