html{min-height:320px;min-width:320px;overflow:hidden;visibility:visible!important}body,html{height:100%}body{margin:0;position:relative}.home{--gap1:96px;--gap2:48px;--gap3:24px;--rad1:24px;--rad2:12px;background-color:rgb(var(--bg-max));color:rgb(var(--fg-max));font-family:Inter,Arial,sans-serif;font-feature-settings:"cv11" 1;font-size:16px;font-weight:400;inset:0;overflow:auto;position:absolute}@media (max-width:1280px){.home{--gap1:64px;--gap2:32px;--gap3:16px;--rad1:16px;--rad2:8px}}@media (max-width:960px){.home{--gap1:48px;--gap2:24px;--gap3:12px;--rad1:12px;--rad2:6px}}@media (max-width:640px){.home{--gap1:32px;--gap2:16px;--gap3:8px;--rad1:8px;--rad2:4px}}.home h1{font-size:72px;font-weight:600;letter-spacing:-.01em}@media (max-width:960px){.home h1{font-size:57px}}@media (max-width:640px){.home h1{font-size:42px}}.home h2{font-size:36px;font-weight:600}@media (max-width:960px){.home h2{font-size:32px}}@media (max-width:640px){.home h2{font-size:28px}}.home section{padding-bottom:var(--gap2);padding-top:var(--gap2)}.home>:only-child{background-image:url(index.svg);background-position:50%;background-repeat:no-repeat;background-size:cover}.home .container{box-sizing:border-box;margin:0 auto;max-width:1200px;padding-left:var(--gap2);padding-right:var(--gap2)}.home .demo h2{margin-bottom:0;margin-top:0}.home .demo h3{margin-bottom:.5em;margin-top:0}@media (max-width:1280px){.home .demo>:only-child{margin:0;max-width:none;padding:0}}.home .demo>:only-child>:only-child{background:rgba(var(--magenta),.15);border-radius:var(--rad1);padding:var(--gap2)}@media (max-width:1280px){.home .demo>:only-child>:only-child{border-radius:0;padding:var(--gap1) var(--gap2)}}.home .demo .img{background:rgb(var(--bg-max));border:3px solid rgb(var(--fg-max));border-radius:3px;height:72px;width:72px}.home .demo .img.cutaways{border-color:rgb(var(--yellow))}.home .demo .img.highlights{border-color:rgb(var(--azure))}.home .demo .img.instructions{border-color:rgb(var(--red))}.home .demo .img.labels{border-color:rgb(var(--springgreen))}.home .demo .item{background-image:linear-gradient(135deg,rgba(var(--magenta),.3),10%,transparent 70%);border:1px solid rgba(var(--magenta),.7);border-radius:var(--rad2);cursor:pointer;flex:1 1 0;gap:var(--gap3);padding:24px;text-decoration:none}@media (max-width:640px){.home .demo .item{padding:16px}}.home .demo .item:hover{background-image:linear-gradient(135deg,rgba(var(--magenta),.3),10%,transparent 280%)}.home .demo .item:link,.home .demo .item:visited{color:inherit}.home .demo .list{gap:var(--gap2);margin-top:var(--gap2)}.home .demo .pair{gap:var(--gap2)}@media (max-width:1280px){.home .demo .pair{flex-direction:row}}@media (max-width:960px){.home .demo .pair{flex-direction:column}}.home .drop .zone{background-color:rgba(var(--yellow),.075);border:2px dashed rgb(var(--yellow));border-radius:var(--rad1);box-sizing:border-box;color:rgb(var(--yellow));cursor:pointer;margin:0 auto;max-width:800px;padding:var(--gap2);width:100%}.home .drop .zone .button{border-radius:9999px;font-size:21px;font-weight:500;margin:0 auto;padding:12px 32px;pointer-events:none;width:fit-content}.home .drop .zone:hover .button{text-decoration:underline}.home .drop .zone.over{background-color:rgba(var(--azure),.075);border-color:rgb(var(--azure));border-style:solid;color:rgb(var(--azure))}.home .footer{background:rgba(var(--brand),.2);font-size:13px;font-weight:400;padding-bottom:var(--gap1);padding-top:var(--gap1)}.home .footer .copyright{color:rgba(var(--fg-max),.7);margin-top:var(--gap2);text-align:center}.home .footer .links{flex-wrap:wrap;gap:16px;row-gap:8px}.home .footer .links a:hover{text-decoration:underline}.home .hero{padding-top:var(--gap1)}.home .hero>:only-child{gap:var(--gap1)}@media (max-width:960px){.home .hero>:only-child{flex-direction:column}}.home .hero h1{line-height:1.15em;margin-bottom:0;margin-top:var(--gap3)}.home .hero svg{color:rgb(var(--brand));height:40px}.home .hero video{aspect-ratio:960/720;border-radius:var(--rad2);display:block;width:100%}.home .hero .primary{flex:1 1 60%}.home .hero .primary .brand{gap:4px}.home .hero .primary .name{font-size:20px;font-weight:200}.home .hero .primary .name span{font-weight:400;margin-left:1px}.home .hero .primary .subtitle{font-size:29px;font-weight:300;margin-bottom:0;margin-top:var(--gap2)}.home .hero .secondary{flex:1 1 40%;margin-top:40px}@media (max-width:960px){.home .hero .secondary{margin-top:0}}.home .hero .secondary .frame{backdrop-filter:blur(2px) brightness(125%);background:rgba(var(--fg-max),.3);border:1px solid rgba(var(--fg-max),.7);border-radius:var(--rad1);padding:5%}@media (max-width:960px){.home .hero .subtitle{font-size:26px}}@media (max-width:640px){.home .hero .subtitle{font-size:23px}}.home .tutorials{gap:16px;padding-bottom:var(--gap1)}.home .tutorials h3{margin:0}@media (max-width:640px){.home .tutorials .links{align-items:center;flex-direction:column;gap:4px}}.home .tutorials .link{border-right:1px solid rgb(var(--border));padding:0 32px}@media (max-width:640px){.home .tutorials .link{border-right:none;padding:0}}.home .tutorials .link:first-of-type{padding-left:0}.home .tutorials .link:last-of-type{border-right:none;padding-right:0}.editor{background:rgb(var(--bg-max));font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:400;inset:0;position:absolute}.editor .backdrop{background:rgba(var(--fg),.5);inset:0;position:absolute}.editor .brand{bottom:0;color:rgb(var(--fg-max));cursor:pointer;height:16px;left:0;opacity:.3;padding:8px;pointer-events:auto;position:absolute;width:16px}.editor .brand:hover{opacity:.7}.editor .button{border-radius:9999px;cursor:pointer;font-weight:500;padding:8px 32px;user-select:none}.editor .button.disable{border:1px solid rgb(var(--fg-inactive));color:rgb(var(--fg-inactive));cursor:default}.editor .button:not(.disable).danger{background:rgb(var(--danger));color:rgb(var(--danger-fg))}.editor .button:not(.disable).primary{background:rgb(var(--default));color:rgb(var(--default-fg))}.editor .button:not(.disable).secondary{border:1px solid rgb(var(--default));color:rgb(var(--default))}.editor .button:not(.disable).secondary:hover{background:rgb(var(--bg-hover))}.editor .button:not(.disable).secondary:active{background:rgb(var(--bg-active))}.editor .dialog{background:rgb(var(--bg));border-radius:8px;color:rgb(var(--fg));gap:24px;padding:24px}.editor .dialog h2{font-size:22px;font-weight:400;margin:-1px 0 0;user-select:none}.editor .dialog input{background-color:inherit;border:none;border-radius:4px;box-shadow:inset 0 0 0 1px rgb(var(--border));color:inherit;font-size:14px;font-weight:400;outline:none;padding:16px}.editor .dialog input::placeholder{color:inherit;opacity:.5}.editor .dialog input:focus{box-shadow:inset 0 0 0 2px rgb(var(--default))}.editor .dialog p{margin:0}.editor .dialog .closer{border-radius:9999px;cursor:pointer;margin:-8px -8px 0 0;padding:11px}.editor .dialog .closer:hover{background:rgb(var(--bg-hover))}.editor .dialog .closer:active{background:rgb(var(--bg-active))}.editor .dialog .closer:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UzZTNkYyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJtMS41IDEuNSAxNSAxNW0tMTUgMCAxNS0xNSIvPjwvc3ZnPg==");display:block;height:18px;line-height:0;width:18px}html.light .editor .dialog .closer:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFiMWIxZiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2Utd2lkdGg9IjEuNSIgdmlld0JveD0iMCAwIDE4IDE4Ij48cGF0aCBkPSJtMS41IDEuNSAxNSAxNW0tMTUgMCAxNS0xNSIvPjwvc3ZnPg==")}.editor .drawer{background-color:rgb(var(--bg));box-shadow:var(--box-shadow);color:rgb(var(--fg));margin-right:-288px;position:relative;transition:margin-right .125s ease-out;width:288px}@media (max-width:960px){.editor .drawer{height:100%;margin-right:0;position:absolute;right:-288px;transition:right .125s ease-out}}.editor .drawer.open{margin-right:0}@media (max-width:960px){.editor .drawer.open{right:0}}.editor .drawer .checkbox{cursor:pointer;margin:8px}.editor .drawer .checkbox:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHJlY3Qgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTQuNSIgeD0iLjc1IiB5PSIuNzUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzg2ODY4YSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHJ4PSIyIiByeT0iMiIvPjwvc3ZnPg==");display:block;height:16px;line-height:0;margin-right:8px;width:16px}html.light .editor .drawer .checkbox:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHJlY3Qgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTQuNSIgeD0iLjc1IiB5PSIuNzUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzkwOTA5MiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHJ4PSIyIiByeT0iMiIvPjwvc3ZnPg==")}.editor .drawer .checkbox.checked:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHJlY3Qgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTQuNSIgeD0iLjc1IiB5PSIuNzUiIGZpbGw9IiNjMWM0ZmYiIHN0cm9rZT0iI2MxYzRmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHJ4PSIyIiByeT0iMiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0zLjUgOC43NSAyLjUgMi41IDYuNS02LjUiLz48L3N2Zz4=")}html.light .editor .drawer .checkbox.checked:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHJlY3Qgd2lkdGg9IjE0LjUiIGhlaWdodD0iMTQuNSIgeD0iLjc1IiB5PSIuNzUiIGZpbGw9IiM0YTQ2ZTAiIHN0cm9rZT0iIzRhNDZlMCIgc3Ryb2tlLXdpZHRoPSIxLjUiIHJ4PSIyIiByeT0iMiIvPjxwYXRoIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIGQ9Im0zLjUgOC43NSAyLjUgMi41IDYuNS02LjUiLz48L3N2Zz4=")}.editor .drawer .group{border-bottom:1px solid rgba(var(--border),.5);gap:8px;margin:0 8px;padding:8px}.editor .drawer .group-name{font-weight:500}.editor .drawer input,.editor .drawer textarea{background-color:inherit;border:none;border-radius:4px;box-shadow:inset 0 0 0 1px rgb(var(--border));color:inherit;display:block;font-family:JetBrains_Mono;outline:none;padding:4px 6px}.editor .drawer input::placeholder,.editor .drawer textarea::placeholder{color:inherit;opacity:.5}.editor .drawer input:focus,.editor .drawer textarea:focus{box-shadow:inset 0 0 0 2px rgb(var(--default))}.editor .drawer input.error,.editor .drawer textarea.error{box-shadow:inset 0 0 0 1px rgb(var(--danger))}.editor .drawer input.error:focus,.editor .drawer textarea.error:focus{box-shadow:inset 0 0 0 2px rgb(var(--danger))}.editor .drawer .nav-arrow{border-radius:4px;margin:2px 0;padding:6px}.editor .drawer .nav-arrow:hover{background:rgb(var(--bg-hover))}.editor .drawer .nav-arrow:active{background:rgb(var(--bg-active))}.editor .drawer .nav-arrow:before{display:block;height:16px;line-height:0;width:16px}.editor .drawer .nav-arrow.prev:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNlM2UzZGMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTMgOCA3LTV2MTB6Ii8+PC9zdmc+")}html.light .editor .drawer .nav-arrow.prev:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMxYjFiMWYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0ibTMgOCA3LTV2MTB6Ii8+PC9zdmc+")}.editor .drawer .nav-arrow.next:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNlM2UzZGMiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzIDggNiAzdjEweiIvPjwvc3ZnPg==")}html.light .editor .drawer .nav-arrow.next:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMxYjFiMWYiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZD0iTTEzIDggNiAzdjEweiIvPjwvc3ZnPg==")}.editor .drawer .nav-bar{border-color:rgb(var(--border))!important;gap:0;padding:0}.editor .drawer .nav-page{border-radius:4px;margin:2px 0;padding:10px 2px}.editor .drawer .nav-page:hover{background:rgb(var(--bg-hover))}.editor .drawer .nav-page:active{background:rgb(var(--bg-active))}.editor .drawer .nav-page:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2UzZTNkYyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSIzLjI1Ii8+PC9zdmc+");display:block;height:8px;line-height:0;width:8px}html.light .editor .drawer .nav-page:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzFiMWIxZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSIzLjI1Ii8+PC9zdmc+")}.editor .drawer .nav-page.selected:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNlM2UzZGMiIHN0cm9rZT0iI2UzZTNkYyIgc3Ryb2tlLXdpZHRoPSIxLjUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSIzLjI1Ii8+PC9zdmc+")}html.light .editor .drawer .nav-page.selected:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMxYjFiMWYiIHN0cm9rZT0iIzFiMWIxZiIgc3Ryb2tlLXdpZHRoPSIxLjUiIHZpZXdCb3g9IjAgMCA4IDgiPjxjaXJjbGUgY3g9IjQiIGN5PSI0IiByPSIzLjI1Ii8+PC9zdmc+")}.editor .drawer .nav-pages{overflow-x:auto;overflow-y:hidden}.editor .drawer .nav-pages::-webkit-scrollbar{display:none}.editor .drawer .panel{font-size:12px;font-weight:300;overflow-x:hidden;overflow-y:auto;user-select:none}.editor .drawer .panel-name{border-bottom:1px solid rgb(var(--border));font-weight:600;margin:0 8px;padding:12px 0;text-align:center;text-transform:uppercase}.editor .drawer .radio{cursor:pointer}.editor .drawer .radio:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZT0iIzg2ODY4YSIgdmlld0JveD0iMCAwIDE2IDE2Ij48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+");display:block;height:16px;line-height:0;margin-right:8px;width:16px}html.light .editor .drawer .radio:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0cm9rZT0iIzkwOTA5MiIgdmlld0JveD0iMCAwIDE2IDE2Ij48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+")}.editor .drawer .radio.selected:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNjMWM0ZmYiIHN0cm9rZT0iI2MxYzRmZiIgdmlld0JveD0iMCAwIDE2IDE2Ij48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjQiIHN0cm9rZT0ibm9uZSIvPjwvc3ZnPg==")}html.light .editor .drawer .radio.selected:before{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiM0YTQ2ZTAiIHN0cm9rZT0iIzRhNDZlMCIgdmlld0JveD0iMCAwIDE2IDE2Ij48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIyIi8+PGNpcmNsZSBjeD0iOCIgY3k9IjgiIHI9IjQiIHN0cm9rZT0ibm9uZSIvPjwvc3ZnPg==")}.editor .drawer .radio-group{gap:8px;margin-left:8px}.editor .drawer .save-panel{background:rgb(var(--panel-bg));box-shadow:inset 1px 0 0 0 rgb(var(--border)),inset 0 1px 0 0 rgb(var(--border));padding:8px;position:relative}.editor .drawer .slider{cursor:pointer;height:24px;margin:1px 4px;position:relative}.editor .drawer .slider:after{background:rgb(var(--default));border-radius:4px;bottom:0;content:"";left:var(--thumb-position,0);position:absolute;top:0;transform:translateX(-50%);width:8px}.editor .drawer .slider:before{background:rgb(var(--fg-inactive));content:"";height:2px;left:0;position:absolute;right:0;top:50%;transform:translateY(-50%)}.editor .drawer .tab{cursor:pointer;padding:8px}.editor .drawer .tab:hover{background:rgb(var(--panel-bg-hover));color:rgb(var(--panel-fg))}.editor .drawer .tab:active{background:rgb(var(--panel-bg-active));color:rgb(var(--panel-fg))}.editor .drawer .tab.selected{background:rgb(var(--bg));box-shadow:inset 0 1px 0 0 rgb(var(--border)),inset 0 -1px 0 0 rgb(var(--border)),inset 2px 0 0 0 rgb(var(--default));color:rgb(var(--fg))}.editor .drawer .tab>svg{display:block;height:16px}.editor .drawer .tabs{background:rgb(var(--panel-bg));box-shadow:inset 1px 0 0 0 rgb(var(--border)),inset -1px 0 0 0 rgb(var(--border));color:rgb(var(--panel-fg-muted));overflow-x:hidden;overflow-y:auto}.editor .drawer .tabs::-webkit-scrollbar{display:none}.editor .drawer .toggle{cursor:pointer;gap:8px}.editor .drawer .toggle:after{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyMCI+PHBhdGggZmlsbD0iIzg2ODY4YSIgZD0iTTEwIDIwYTEwIDEwIDAgMCAxIDAtMjBoMjBhMTAgMTAgMCAwIDEgMCAyMHoiLz48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI3Ii8+PC9zdmc+");display:block;height:20px;line-height:0;width:40px}html.light .editor .drawer .toggle:after{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyMCI+PHBhdGggZmlsbD0iIzkwOTA5MiIgZD0iTTEwIDIwYTEwIDEwIDAgMCAxIDAtMjBoMjBhMTAgMTAgMCAwIDEgMCAyMHoiLz48Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSI3IiBmaWxsPSIjZmZmIi8+PC9zdmc+")}.editor .drawer .toggle.on:after{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyMCI+PHBhdGggZmlsbD0iI2MxYzRmZiIgZD0iTTEwIDIwYTEwIDEwIDAgMCAxIDAtMjBoMjBhMTAgMTAgMCAwIDEgMCAyMHoiLz48Y2lyY2xlIGN4PSIzMCIgY3k9IjEwIiByPSI3IiBmaWxsPSIjMjUxNDkxIi8+PC9zdmc+")}html.light .editor .drawer .toggle.on:after{content:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0MCAyMCI+PHBhdGggZmlsbD0iIzRhNDZmNCIgZD0iTTEwIDIwYTEwIDEwIDAgMCAxIDAtMjBoMjBhMTAgMTAgMCAwIDEgMCAyMHoiLz48Y2lyY2xlIGN4PSIzMCIgY3k9IjEwIiByPSI3IiBmaWxsPSIjZmZmIi8+PC9zdmc+")}.editor .drawer .saving-progress-bar{animation:_0483f8f6 1.25s linear infinite;background-image:repeating-linear-gradient(90deg,transparent 0,transparent 15px,rgb(var(--default)) 15px,rgb(var(--default)) 30px);background-size:calc(100% + 30px) 100%;bottom:0;display:none;height:4px;left:1px;position:absolute;width:100%}.editor .drawer .saving-text{color:rgb(var(--fg-inactive));display:none;position:absolute}.editor .drawer .saved-text{color:rgb(var(--default));display:none;position:absolute}.editor .drawer-opener{background:rgb(var(--panel-bg));border-bottom:1px solid rgb(var(--border));border-bottom-left-radius:4px;border-left:1px solid rgb(var(--border));box-shadow:var(--box-shadow);color:rgb(var(--panel-fg-muted));cursor:pointer;display:none;padding:7px;position:absolute;right:0;top:0}.editor .drawer-opener:hover{background:rgb(var(--panel-bg-hover));color:rgb(var(--panel-fg))}.editor .drawer-opener:active{background:rgb(var(--panel-bg-active));color:rgb(var(--panel-fg))}.editor .drawer-opener>svg{display:block;height:16px}.editor .filmstrip .next{align-self:flex-end;background:rgb(var(--default));border-radius:9999px;box-shadow:var(--box-shadow);color:rgb(var(--default-fg));cursor:pointer;margin:8px;padding:17px;pointer-events:auto}.editor .filmstrip .next.disable{visibility:hidden}.editor .filmstrip .next>svg{display:block;height:19px;width:19px}.editor .filmstrip .pages{backdrop-filter:blur(8px) brightness(200%) saturate(125%);border:1px solid rgba(var(--fg-max),.15);border-bottom:none;border-top-left-radius:14px;border-top-right-radius:14px;gap:8px;max-width:calc(100% - 40px);overflow:auto;padding:8px 8px 7px;pointer-events:auto}.editor .filmstrip .spacer{width:69px}.editor .overlay{display:flex;inset:0;pointer-events:none;position:absolute;touch-action:none}.editor .stage{position:relative}.editor .stage canvas{inset:0;position:absolute;touch-action:none;user-select:none}.editor .stage .loading{left:50%;position:absolute;top:58%;transform:translate(-50%)}.editor .stage .loading-progress{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.7);height:5px;margin-top:12px}.editor .stage .loading-progress>:only-child{background:cyan;height:100%;width:0}.editor .stage .loading-text{color:hsla(0,0%,100%,.7);font-size:13px;font-weight:300;letter-spacing:.5em;margin-left:.5em}@keyframes _0483f8f6{0%{background-position:-30px 0}to{background-position:0 0}}.editor .thumbnail{background-color:rgb(var(--bg-max));background-size:cover;border-radius:5px;box-shadow:inset 0 0 0 1px rgba(var(--fg-max),.15);cursor:pointer;flex-shrink:0;height:68px;width:92px}.editor .thumbnail.selected{box-shadow:inset 0 0 0 3px rgb(var(--default))}.toast{background-color:#5c4300;border:1px solid #976700;border-radius:4px;box-shadow:var(--box-shadow);color:#fff;display:none;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:500;left:50%;padding:6px 10px;position:absolute;top:4px;transform:translateX(-50%);width:auto}html.light .toast{background-color:#fdf3aa;border-color:#facc15;color:#000}.toast.error{background-color:#4e3534;border-color:#e46962;color:#fff}html.light .toast.error{background-color:#fcebeb;border-color:#dc362e;color:#000}