section.marker-step-configuration .font-settings{grid-template-columns:fit-content(16ch) 1fr;align-items:center;gap:.375em .625em;display:grid;color-scheme:light dark!important}#marker-editor,#marker-editor-embed,.marker-editor{z-index:1000;font-family:var(--font-poppins);--marker-editor-canvas:32em;--marker-editor-chrome-inline:56;--marker-editor-chrome-block:35;box-sizing:border-box;pointer-events:none;background:oklab(0% none none/.45);border:none;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;display:flex;position:absolute;inset:0;container-type:size}#marker-editor summary.is-demo-target,#marker-editor-embed summary.is-demo-target,.marker-editor summary.is-demo-target{outline-offset:2px;outline:1px solid #aaa}#marker-editor input[type=color].is-demo-target,#marker-editor-embed input[type=color].is-demo-target,.marker-editor input[type=color].is-demo-target{outline-offset:2px;outline:2px solid #aaa}#marker-editor>div.wrapper,#marker-editor-embed>div.wrapper,.marker-editor>div.wrapper{pointer-events:auto;font-size:clamp(.45rem, min(2.35cqmin, (100cqh - 1.25rem) / var(--marker-editor-chrome-block), (100cqw - 1.25rem) / var(--marker-editor-chrome-inline)), 1rem);background:#333;border:2px solid #666;border-radius:1.25em;max-width:calc(100% - 1.25rem);max-height:calc(100% - 1.25rem);padding:.75em;overflow:auto}#marker-editor>div.wrapper article,#marker-editor-embed>div.wrapper article,.marker-editor>div.wrapper article{color-scheme:light only;user-select:none;grid-template-areas:"navigation divider sidebar""content divider sidebar";gap:1em;margin:auto;display:grid}#marker-editor>div.wrapper article header,#marker-editor-embed>div.wrapper article header,.marker-editor>div.wrapper article header{flex-direction:row;grid-area:navigation;justify-content:space-between;height:fit-content;display:flex;translate:0 .125em}#marker-editor>div.wrapper article header>button,#marker-editor-embed>div.wrapper article header>button,.marker-editor>div.wrapper article header>button{background:#444;border:1px solid #aaa;border-radius:.2em;justify-content:center;align-items:center;width:calc(1.25em + 2px);height:calc(1.25em + 2px);padding:0;display:flex}#marker-editor>div.wrapper article header>button:hover,#marker-editor-embed>div.wrapper article header>button:hover,.marker-editor>div.wrapper article header>button:hover{border-width:2px;border-color:#ccc;width:calc(1.25em + 4px);height:calc(1.25em + 4px);margin:-1px}#marker-editor>div.wrapper article header>button svg,#marker-editor-embed>div.wrapper article header>button svg,.marker-editor>div.wrapper article header>button svg{box-sizing:content-box;width:.85em;height:.85em;margin:0;padding:.2em}#marker-editor>div.wrapper article svg,#marker-editor-embed>div.wrapper article svg,.marker-editor>div.wrapper article svg{fill:#0000;stroke:#fff;stroke-width:.2px}#marker-editor>div.wrapper article svg.svg-inline--fa,#marker-editor-embed>div.wrapper article svg.svg-inline--fa,.marker-editor>div.wrapper article svg.svg-inline--fa{fill:currentColor;stroke:none;stroke-width:0}#marker-editor>div.wrapper article>section,#marker-editor-embed>div.wrapper article>section,.marker-editor>div.wrapper article>section{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 2 2'%3E%3Cline x1='-0.25' y1='0' x2='0.25' y2='0' stroke='%23aaa7' stroke-width='0.1'/%3E%3Cline x1='0' y1='-0.25' x2='0' y2='0.25' stroke='%23aaa7' stroke-width='0.1'/%3E%3C/svg%3E") 50%/5.88235%,linear-gradient(#3d3d3b);border:1px solid #aaa7;border-radius:.5em;grid-area:content;margin-bottom:auto;padding:.25em}#marker-editor>div.wrapper article>section svg,#marker-editor-embed>div.wrapper article>section svg,.marker-editor>div.wrapper article>section svg{width:var(--marker-editor-canvas);height:var(--marker-editor-canvas)}#marker-editor>div.wrapper article hr.vr,#marker-editor-embed>div.wrapper article hr.vr,.marker-editor>div.wrapper article hr.vr{color-scheme:light;border-left:1px solid #666;grid-area:divider;width:0;height:auto;margin:.5em 0;padding:0}#marker-editor>div.wrapper article aside,#marker-editor-embed>div.wrapper article aside,.marker-editor>div.wrapper article aside{flex-direction:column;grid-area:sidebar;gap:.5em;display:flex}#marker-editor>div.wrapper article aside details,#marker-editor-embed>div.wrapper article aside details,.marker-editor>div.wrapper article aside details{color:#fff;min-width:18em}#marker-editor>div.wrapper article aside details:not(:first-of-type),#marker-editor-embed>div.wrapper article aside details:not(:first-of-type),.marker-editor>div.wrapper article aside details:not(:first-of-type){border-top:1px solid #666;margin-top:-.25em;padding-top:.25em}#marker-editor>div.wrapper article aside details[inert],#marker-editor-embed>div.wrapper article aside details[inert],.marker-editor>div.wrapper article aside details[inert]{cursor:not-allowed;color:gray!important}#marker-editor>div.wrapper article aside details[open] summary,#marker-editor-embed>div.wrapper article aside details[open] summary,.marker-editor>div.wrapper article aside details[open] summary{margin-block:.25em}#marker-editor>div.wrapper article aside details[open]::details-content,#marker-editor-embed>div.wrapper article aside details[open]::details-content,.marker-editor>div.wrapper article aside details[open]::details-content{padding-block:.25em}@supports not selector(::details-content){#marker-editor>div.wrapper article aside details[open] summary,#marker-editor-embed>div.wrapper article aside details[open] summary,.marker-editor>div.wrapper article aside details[open] summary{margin-bottom:.25em}}#marker-editor>div.wrapper article aside ul,#marker-editor-embed>div.wrapper article aside ul,.marker-editor>div.wrapper article aside ul{grid-template-columns:repeat(4,1fr);gap:.5em;min-width:fit-content;margin:0;padding:0;display:grid}#marker-editor>div.wrapper article aside ul li,#marker-editor-embed>div.wrapper article aside ul li,.marker-editor>div.wrapper article aside ul li{box-sizing:border-box;border:2px solid #666;border-radius:.5em;justify-content:center;align-items:center;width:4em;height:4em;list-style:none;display:flex}#marker-editor>div.wrapper article aside ul li[aria-selected=true],#marker-editor-embed>div.wrapper article aside ul li[aria-selected=true],.marker-editor>div.wrapper article aside ul li[aria-selected=true]{border-color:#aaa}#marker-editor>div.wrapper article aside ul li:hover,#marker-editor>div.wrapper article aside ul li:focus-within,#marker-editor>div.wrapper article aside ul li.is-demo-target,#marker-editor-embed>div.wrapper article aside ul li:hover,#marker-editor-embed>div.wrapper article aside ul li:focus-within,#marker-editor-embed>div.wrapper article aside ul li.is-demo-target,.marker-editor>div.wrapper article aside ul li:hover,.marker-editor>div.wrapper article aside ul li:focus-within,.marker-editor>div.wrapper article aside ul li.is-demo-target{border-color:#888}#marker-editor>div.wrapper article aside ul li>*,#marker-editor-embed>div.wrapper article aside ul li>*,.marker-editor>div.wrapper article aside ul li>*{box-sizing:content-box;width:calc(100% - .5em);height:calc(100% - .5em);margin:auto;display:block}#marker-editor>div.wrapper article aside ul li>.svg-inline--fa,#marker-editor-embed>div.wrapper article aside ul li>.svg-inline--fa,.marker-editor>div.wrapper article aside ul li>.svg-inline--fa{vertical-align:0;padding:0;overflow:visible;width:calc(100% - .5em)!important;height:calc(100% - .5em)!important}#marker-editor>div.wrapper article aside ul:not(:has(li:not(:empty))),#marker-editor-embed>div.wrapper article aside ul:not(:has(li:not(:empty))),.marker-editor>div.wrapper article aside ul:not(:has(li:not(:empty))){display:none}#marker-editor>div.wrapper article aside ul:not(:has(li:not(:empty)))+section.marker-step-configuration,#marker-editor-embed>div.wrapper article aside ul:not(:has(li:not(:empty)))+section.marker-step-configuration,.marker-editor>div.wrapper article aside ul:not(:has(li:not(:empty)))+section.marker-step-configuration{padding-top:0}#marker-editor>div.wrapper article aside details:not(:has(ul)) section.marker-step-configuration,#marker-editor-embed>div.wrapper article aside details:not(:has(ul)) section.marker-step-configuration,.marker-editor>div.wrapper article aside details:not(:has(ul)) section.marker-step-configuration{padding-top:0!important}#marker-editor>div.wrapper article aside section.marker-step-configuration:has(>*),#marker-editor-embed>div.wrapper article aside section.marker-step-configuration:has(>*),.marker-editor>div.wrapper article aside section.marker-step-configuration:has(>*){padding-top:1.25em}#marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label),#marker-editor-embed>div.wrapper article aside section.marker-step-configuration:has(>label),.marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label){grid-template-columns:fit-content(16ch) 1fr;align-items:center;gap:.375em .625em;max-width:17.5em;display:grid}#marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) input,#marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) select,#marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) textarea,#marker-editor-embed>div.wrapper article aside section.marker-step-configuration:has(>label) input,#marker-editor-embed>div.wrapper article aside section.marker-step-configuration:has(>label) select,#marker-editor-embed>div.wrapper article aside section.marker-step-configuration:has(>label) textarea,.marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) input,.marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) select,.marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) textarea{accent-color:#89ab24;color-scheme:dark;width:100%}#marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) select,#marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) ::picker(select),#marker-editor-embed>div.wrapper article aside section.marker-step-configuration:has(>label) select,#marker-editor-embed>div.wrapper article aside section.marker-step-configuration:has(>label) ::picker(select),.marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) select,.marker-editor>div.wrapper article aside section.marker-step-configuration:has(>label) ::picker(select){appearance:base-select;color-scheme:dark;padding:0 .25em;line-height:normal}#marker-editor>div.wrapper article aside section.marker-step-configuration .decoration-uploader,#marker-editor-embed>div.wrapper article aside section.marker-step-configuration .decoration-uploader,.marker-editor>div.wrapper article aside section.marker-step-configuration .decoration-uploader{cursor:not-allowed;color:#777}#marker-editor>div.wrapper article aside section.marker-step-configuration .decoration-uploader svg,#marker-editor-embed>div.wrapper article aside section.marker-step-configuration .decoration-uploader svg,.marker-editor>div.wrapper article aside section.marker-step-configuration .decoration-uploader svg{color:inherit;fill:currentColor;margin:auto;display:block;width:calc(100% - .5em)!important;height:calc(100% - .5em)!important}#marker-editor>div.wrapper article aside section.marker-step-configuration .decoration-uploader[aria-disabled=true]:hover,#marker-editor>div.wrapper article aside section.marker-step-configuration .decoration-uploader[aria-disabled=true]:focus-within,#marker-editor-embed>div.wrapper article aside section.marker-step-configuration .decoration-uploader[aria-disabled=true]:hover,#marker-editor-embed>div.wrapper article aside section.marker-step-configuration .decoration-uploader[aria-disabled=true]:focus-within,.marker-editor>div.wrapper article aside section.marker-step-configuration .decoration-uploader[aria-disabled=true]:hover,.marker-editor>div.wrapper article aside section.marker-step-configuration .decoration-uploader[aria-disabled=true]:focus-within{border-color:#666}@container (width<=27rem) and (aspect-ratio<=1){#marker-editor>div.wrapper,#marker-editor-embed>div.wrapper,.marker-editor>div.wrapper{--marker-editor-canvas:28em;--marker-editor-chrome-inline:32;--marker-editor-chrome-block:60}#marker-editor>div.wrapper article,#marker-editor-embed>div.wrapper article,.marker-editor>div.wrapper article{grid-template-areas:"navigation""content""sidebar"}#marker-editor>div.wrapper article hr.vr,#marker-editor-embed>div.wrapper article hr.vr,.marker-editor>div.wrapper article hr.vr{display:none}#marker-editor>div.wrapper article aside ul,#marker-editor-embed>div.wrapper article aside ul,.marker-editor>div.wrapper article aside ul{grid-template-columns:repeat(4,4em);justify-content:start}}#marker-editor-embed.marker-editor--embed{z-index:0;background:0 0}#marker-editor-embed.marker-editor--embed>div.wrapper{font-size:clamp(.42rem, min(2.85cqmin, (100cqh - 1.25rem) / var(--marker-editor-chrome-block), (100cqw - 1rem) / var(--marker-editor-chrome-inline)), 1.05rem);width:max-content;max-width:calc(100% - .75rem);height:max-content;max-height:calc(100% - 1rem);margin-block:.25em;overflow:visible}#marker-editor-embed.marker-editor--embed>div.wrapper article{margin:0}