@import"https://fonts.bunny.net/css?family=inter:300,400,500,700";html,body{margin:0;padding:0;width:100%;height:100%}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{font-family:Inter,sans-serif;line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4{line-height:1.2}h5,h6,p{line-height:1.4}a{color:var(--accent-hover-active);text-decoration:none;font-weight:700}:root{font-size:16px;--bg-color-1: #ffffff;--bg-color-2: #dddddd;--bg-color-3: #acacac;--bg-color-4: #888888;--bg-color-5: #757575;--bg-color-6: #666666;--color-1: #222;--color-2: #333;--color-3: #555;--color-4: #666;--color-5: #888;--color-6: #aaa;--accent-color: white;--accent-color-inactive: #b3b4da;--accent: #3539a0;--accent-hover: #464aad;--accent-hover-active: #6063be;--color-error: tomato;--color-error-hover: #fd7f69}@media screen and (max-width: 600px){:root{font-size:12px}}@media screen and (max-width: 800px){:root{font-size:13px}}@media screen and (max-width: 1200px){:root{font-size:14px}}@media screen and (min-width: 1920px){:root{font-size:14px}}@media screen and (min-width: 2560px){:root{font-size:16px}}@media screen and (min-width: 3840px){:root{font-size:18px}}:root.dark{--bg-color-1: #0d1116;--bg-color-2: #181c21;--bg-color-3: #20262d;--bg-color-4: #252346;--bg-color-5: #2e2c53;--bg-color-6: #2a2849;--color-1: #edf2f5;--color-2: #e5e5e7;--color-3: #72757d;--color-4: #61646c;--color-5: lighten(#0d0c1d, 75%);--color-6: lighten(#0d0c1d, 70%);--color-7: lighten(#0d0c1d, 110%);--accent: #3c73e9;--accent-color-inactive: #a2b5df;--accent-hover: #598af5;--accent-hover-active: #779ff7;--color-error: tomato;--color-error-hover: #fd7f69}.formkit-form{display:flex;flex-direction:column;gap:.5rem}.formkit-form .formkit-messages{margin-top:.4rem;margin-bottom:1rem}.formkit-form[data-loading=true] .formkit-actions .formkit-outer[data-family=button] .formkit-wrapper button{animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{opacity:.8}50%{opacity:.3}to{opacity:.8}}.formkit-outer{width:100%;text-align:left;margin-bottom:.5rem;margin-top:.2rem}.formkit-outer .formkit-wrapper .formkit-label{margin-bottom:.8rem;display:block;font-weight:500}.formkit-outer .formkit-wrapper .formkit-inner input{padding:.8em .5em;background:none;border:1px solid var(--bg-color-4);border-radius:8px;width:100%;box-sizing:border-box;color:var(--color-1)}.formkit-outer .formkit-wrapper button{padding:.8em .2em;background:none;border-radius:8px;width:100%;border:none;display:block;cursor:pointer}.formkit-outer .formkit-wrapper button[primary],.formkit-outer .formkit-wrapper button[button-type=primary]{background:var(--accent);color:var(--accent-color)}.formkit-outer .formkit-wrapper button[button-type=secondary]{background:var(--bg-color-2);color:var(--color-1)}.formkit-outer .formkit-wrapper button[button-type=danger]{background:var(--color-error);color:var(--accent-color)}.formkit-outer .formkit-wrapper button[disabled]{opacity:.6;cursor:not-allowed}.formkit-outer .formkit-messages{color:tomato;margin-top:.8rem;margin-bottom:1rem;font-weight:700;display:block}.formkit-outer .formkit-help{text-align:left;margin-top:.4rem;font-weight:300;font-size:.8rem;line-height:1.5}.formkit-outer .formkit-fieldset .formkit-options .formkit-option{margin:1rem 0}.formkit-outer .formkit-fieldset .formkit-options .formkit-option .formkit-wrapper{gap:1rem;display:flex;align-items:center}.formkit-outer .formkit-fieldset .formkit-options .formkit-option .formkit-wrapper .formkit-label{margin:0}.formkit-outer .formkit-fieldset .formkit-options .formkit-option .formkit-option-help{text-align:left;margin-top:.4rem;font-weight:300;font-size:.8rem;line-height:1.5}.formkit-outer .formkit-fieldset .formkit-options .formkit-option[data-disabled=true] .formkit-label{opacity:.5}.mx-context-menu{pointer-events:all;display:inline-block;overflow:visible;position:absolute;background-color:var(--bg-color-1);border-radius:10px;padding:4px 0;overflow:hidden;border:1px solid var(--bg-color-3);opacity:1;transition:opacity .2s ease-in-out}.mx-context-menu-items{position:relative;overflow:visible}.mx-context-menu-scroll{position:absolute;top:0;left:0;right:0;bottom:1px;pointer-events:none}.mx-context-menu-updown{pointer-events:all;position:absolute;left:0;right:0;height:15px;border-radius:10px;background-color:var(--bg-color-1);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.mx-context-menu-updown:hover{background-color:#e2e0e0}.mx-context-menu-updown:active{background-color:#c9c8c8}.mx-context-menu-updown.up{top:0}.mx-context-menu-updown.up .mx-right-arrow{transform:translate(-50%) rotate(270deg)}.mx-context-menu-updown.down{bottom:-1px}.mx-context-menu-updown.down .mx-right-arrow{transform:translate(-50%) rotate(90deg)}.mx-context-menu-updown .mx-right-arrow{display:inline-block;position:absolute;height:12px;left:50%;top:0;padding:0}.mx-context-menu-item{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;position:relative;padding:6px 20px;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:visible;color:var(--color-2);white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.mx-item-row{display:flex;flex-direction:row;align-items:center}.mx-context-menu-item:hover,.mx-context-menu-item:active,.mx-context-menu-item.open{background-color:var(--bg-color-2)}.mx-context-menu-item .icon{display:inline-block;width:16px;font-size:16px;color:var(--color-3);margin-right:8px}.mx-context-menu-item .icon.svg{height:16px}.mx-context-menu-item span{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:16px}.mx-context-menu-item .mx-right-arrow{position:absolute;display:inline-block;right:2px;top:50%;margin-top:-5px}.mx-context-menu-item.disabled{color:#9f9f9f;cursor:not-allowed}.mx-context-menu-item.disabled:active,.mx-context-menu-item.disabled:hover{background-color:transparent}.mx-context-menu-item-wrapper{position:relative}.mx-context-menu-item-sperator{display:block;padding:5px 0;background-color:#fff}.mx-context-menu-item-sperator:after{display:block;content:"";background-color:#f0f0f0;height:1px}.mx-right-arrow{width:14px;height:14px;background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiPjxwYXRoIGQ9Ik0zMDcuMDE4IDQ5LjQ0NWMxMS41MTcgMCAyMy4wMzIgNC4zOTQgMzEuODE5IDEzLjE4TDc1Ni40MDQgNDgwLjE4YTQ1IDQ1IDAgMCAxIDAgNjMuNjRMMzM4LjgzOCA5NjEuMzc2Yy0xNy41NzQgMTcuNTczLTQ2LjA2NSAxNy41NzMtNjMuNjQtLjAwMS0xNy41NzMtMTcuNTczLTE3LjU3My00Ni4wNjUuMDAxLTYzLjY0TDY2MC45NDQgNTEyIDI3NS4xOTggMTI2LjI2NWMtMTcuNTc0LTE3LjU3My0xNy41NzQtNDYuMDY2LS4wMDEtNjMuNjQgOC43ODgtOC43ODYgMjAuMzA0LTEzLjE4IDMxLjgyMS0xMy4xOHoiLz48L3N2Zz4=);background-size:12px;background-repeat:no-repeat}.mx-context-menu.dark,.mx-context-menu.dark .mx-context-menu-updown{background-color:#303031}.mx-context-menu.dark .mx-context-menu-updown:hover{background-color:#636363}.mx-context-menu.dark .mx-context-menu-updown:active{background-color:#7a7a7a}.mx-context-menu.dark .mx-context-menu-item{color:#fff}.mx-context-menu.dark .mx-context-menu-item:hover{background-color:#636363}.mx-context-menu.dark .mx-context-menu-item:active{background-color:#7a7a7a}.mx-context-menu.dark .mx-context-menu-item.open{background-color:#636363}.mx-context-menu.dark .mx-context-menu-item .icon{color:#f0f0f0}.mx-context-menu.dark .mx-context-menu-item.disabled{color:#9c9c9c}.mx-context-menu.dark .mx-context-menu-item-sperator{background-color:#303031}.mx-context-menu.dark .mx-context-menu-item-sperator:after{background-color:#606060}.mx-context-menu.dark .mx-right-arrow{background-image:url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTAiIGhlaWdodD0iNTAiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0zMDcuMDE4IDQ5LjQ0NWMxMS41MTcgMCAyMy4wMzIgNC4zOTQgMzEuODE5IDEzLjE4TDc1Ni40MDQgNDgwLjE4YTQ1IDQ1IDAgMCAxIDAgNjMuNjRMMzM4LjgzOCA5NjEuMzc2Yy0xNy41NzQgMTcuNTczLTQ2LjA2NSAxNy41NzMtNjMuNjQtLjAwMS0xNy41NzMtMTcuNTczLTE3LjU3My00Ni4wNjUuMDAxLTYzLjY0TDY2MC45NDQgNTEyIDI3NS4xOTggMTI2LjI2NWMtMTcuNTc0LTE3LjU3My0xNy41NzQtNDYuMDY2LS4wMDEtNjMuNjQgOC43ODgtOC43ODYgMjAuMzA0LTEzLjE4IDMxLjgyMS0xMy4xOHoiLz48L3N2Zz4=)}.mx-menu-ghost-host{position:fixed;left:0;bottom:0;right:0;top:0;overflow:hidden;pointer-events:none}body{background:var(--bg-color-1);height:100%}#app{color:var(--color-1);text-align:center;height:100%}#app .pageWrapper{display:flex;box-sizing:border-box;height:100%}#app .pageWrapper[gap=true]{gap:4rem}#app .pageWrapper .demoBanner{position:absolute;top:0;left:0;width:100%;padding:1rem;color:#fff;box-sizing:border-box}#app .pageWrapper .demoBanner p{background:var(--accent);border-radius:10px;padding:1rem .5rem;font-size:.8rem}#app .pageWrapper main{overflow-y:auto;padding-right:2rem}#app .pageWrapper[demo=true]{margin-top:5rem}@media screen and (max-width: 1200px){#app .pageWrapper{gap:1rem}#app main{padding-right:2rem}}@media screen and (max-width: 768px){#app main{padding-right:0}#app .pageWrapper{flex-direction:column;gap:0}#app .pageWrapper .demoBanner{padding:0;display:block;position:static}#app .pageWrapper .demoBanner p{border-radius:0}#app .pageWrapper[demo=true]{margin:0}}