:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (min-width:1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}:root{--nova-color-white:#fff;--nova-color-primary:#0080ff;--nova-color-primary-shadow:#0080ff80;--nova-color-black-shadow:#00000080;--nova-bg-checkerboard:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M15 20v-5h-5v-5H5V5h5v5h5v5h5v5zM5 20v-5H0v-5h5v5h5v5zm10-10V5h-5V0h5v5h5v5zM0 5V0h5v5z' fill='rgba(0,0,0,0.5)'/%3E%3C/svg%3E");--nova-cubic-bezier-out-cubic:cubic-bezier(.22,.61,.36,1);--nova-duration-short:.1s;--nova-duration-normal:.2s;--nova-duration-long:.3s;--nova-transition-component:border var(--nova-duration-short)linear,box-shadow var(--nova-duration-short)linear;--nova-transition-border:border var(--nova-duration-short)linear;--nova-transition-bg:background var(--nova-duration-short)linear;--nova-font-sans-serif:"SF Pro Text","SF Pro Icons","Helvetica Neue",Helvetica,Arial,source-han-sans-simplified-c,"Apple Color Emoji","Segoe UI Emoji",sans-serif;--nova-font-monospace:"Sarasa Mono SC",Iosevka,"Fira Code",source-code-pro,Monaco,Consolas,monospace;--nova-font-size:14px;--nova-line-height:20px;--nova-shadow-primary:0 0 0 2px var(--nova-color-primary-shadow);--nova-shadow-dropdown:0px 10px 20px #00000040;--nova-shadow-cursor:0 0 0 1px var(--nova-color-black-shadow),inset 0 0 0 1px var(--nova-color-black-shadow);--nova-border-primary:1px solid var(--nova-color-primary);--nova-border-invisible:1px solid transparent;--nova-radius-component:10px;--nova-radius-close:6px;--nova-radius:5px;--nova-radius-tiny:2px}[class^=nova-]{box-sizing:border-box}.md-icon{vertical-align:top;justify-content:center;align-items:center;display:inline-flex}.md-icon svg{vertical-align:top;justify-content:center;align-items:center;display:inline-flex}.nova-trap{position:absolute}[data-nova-theme=light]{--nova-color-font:#000c;--nova-color-bg-component:#fff;--nova-color-bg-dropdown:#ffffff80;--nova-color-bg:#ccc;--nova-color-border-component:#0003;--nova-color-border:#0000004d;--nova-color-symbol:#00000080;--nova-border:1px solid var(--nova-color-border);--nova-backdrop-filter-component:blur(20px)brightness(120%)}[data-nova-theme=dark]{--nova-color-font:#ffffffe6;--nova-color-bg-component:#333;--nova-color-bg-dropdown:#33333380;--nova-color-bg:#1a1a1a;--nova-color-border-component:#fff3;--nova-color-border:#ffffff4d;--nova-color-symbol:#ffffff80;--nova-border:1px solid var(--nova-color-border);--nova-backdrop-filter-component:blur(20px)brightness(80%)}.nova-button{font-family:var(--nova-font-sans-serif);vertical-align:top;text-align:center;cursor:pointer;line-height:var(--nova-line-height);min-height:30px;font-size:var(--nova-font-size);border-radius:var(--nova-radius);border:var(--nova-border);background-color:var(--nova-color-bg-component);color:var(--nova-color-font);transition:var(--nova-transition-component);justify-content:center;align-items:center;gap:5px;margin:0;padding:4px 14px;display:inline-flex}.nova-button:not([disabled]):focus{border:var(--nova-border-primary);box-shadow:var(--nova-shadow-primary);outline:none;position:relative}.nova-button:not([disabled]):hover{border:var(--nova-border-primary)}.nova-button[disabled]{cursor:not-allowed;opacity:.5}.nova-button-primary{color:var(--nova-color-white);background-color:var(--nova-color-primary)}.nova-button-icon{justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.nova-button-icon .md-icon{margin:1px;font-size:18px}.nova-button-icon-only{padding:4px}.nova-color-picker{font-family:var(--nova-font-sans-serif);vertical-align:top;line-height:var(--nova-line-height);display:inline-block}.nova-color-picker:not(.nova-color-picker-disabled):hover .nova-color-picker-trigger{border:var(--nova-border-primary)}.nova-color-picker.nova-dropdown-opened .nova-color-picker-trigger,.nova-color-picker:not(.nova-color-picker-disabled) .nova-color-picker-trigger:focus{border:var(--nova-border-primary);box-shadow:var(--nova-shadow-primary)}.nova-color-picker-disabled{opacity:.5;cursor:not-allowed}.nova-color-picker-trigger{background-color:var(--nova-color-bg-component);border:var(--nova-border);border-radius:var(--nova-radius);transition:var(--nova-transition-component)}.nova-color-picker-trigger:focus{outline:none}.nova-color-picker-trigger-inner{background-image:var(--nova-bg-checkerboard);border-radius:var(--nova-radius-tiny);vertical-align:top;width:20px;height:20px;margin:4px;display:inline-block;overflow:hidden}.nova-color-picker-trigger-bg{width:20px;height:20px}.nova-color-picker-panel-inner{line-height:var(--nova-line-height);font-family:var(--nova-font-sans-serif);-webkit-user-select:none;user-select:none;font-size:var(--nova-font-size);grid-template-columns:220px auto;width:330px;padding:10px;display:grid}.nova-color-picker-close-wrap{grid-column:2;justify-self:flex-end;width:30px;margin:-10px -10px -20px}.nova-color-picker-close{width:30px;height:30px;color:var(--nova-color-symbol);cursor:pointer;border-radius:50%;padding:5px;font-size:18px;line-height:18px}.nova-color-picker-close:hover{color:var(--nova-color-font)}.nova-color-picker-close:hover .md-icon{border:var(--nova-border-primary)}.nova-color-picker-close:focus{outline:none}.nova-color-picker-close:focus .md-icon{border:var(--nova-border-primary);box-shadow:var(--nova-shadow-primary)}.nova-color-picker-close .md-icon{border-radius:var(--nova-radius-close);border:var(--nova-border-invisible);transition:var(--nova-transition-component)}.nova-color-picker-hsv{will-change:background-color;background-clip:content-box;width:210px;height:210px;margin:5px;padding:5px;position:relative}.nova-color-picker-hsv-inner{border-radius:var(--nova-radius-tiny);width:200px;height:200px;position:relative;overflow:hidden}.nova-color-picker-hue-saturation{border-radius:var(--nova-radius-tiny);width:200px;height:200px}.nova-color-picker-value{background-image:linear-gradient(#0000,#000);width:200px;height:200px;position:absolute;top:0;left:0}.nova-color-picker-cursor{pointer-events:none;border:1px solid var(--nova-color-white);border-radius:var(--nova-radius-tiny);width:12px;height:12px;box-shadow:var(--nova-shadow-cursor);will-change:transform;transition:width var(--nova-duration-short)linear,height var(--nova-duration-short)linear,margin var(--nova-duration-short)linear;margin-top:-6px;margin-left:-6px;position:absolute;top:5px;left:5px;transform:translate(100px,100px)}.nova-color-picker-cursor-holding{width:40px;height:40px;margin-top:-20px;margin-left:-20px}.nova-color-picker-slides{justify-content:space-around;width:80px;display:flex}.nova-color-picker-hue-slide,.nova-color-picker-alpha-slide{width:30px;height:220px;padding:10px 5px;position:relative}.nova-color-picker-hue-bar{background-image:linear-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);height:200px}.nova-color-picker-alpha-slide{background-clip:content-box}.nova-color-picker-hue-inner,.nova-color-picker-alpha-inner{background-image:var(--nova-bg-checkerboard);background-color:var(--nova-color-bg);border-radius:var(--nova-radius-tiny);height:200px;overflow:hidden}.nova-color-picker-alpha-bar{will-change:background-image;height:200px}.nova-color-picker-hue-thumb,.nova-color-picker-alpha-thumb{pointer-events:none;border:1px solid var(--nova-color-black-shadow);background-clip:content-box;background-color:var(--nova-color-white);will-change:transform;border-radius:var(--nova-radius-tiny);width:18px;height:8px;margin-top:-4px;margin-left:1px;position:absolute;top:10px;left:5px}.nova-color-picker-form{will-change:transform;flex-direction:column;align-items:flex-end;margin:5px 10px;display:flex;position:relative}.nova-color-picker-labels{justify-content:space-between;width:175px;display:flex}.nova-color-picker-label{flex-direction:column;width:55px;display:flex}.nova-color-picker-panel-has-alpha .nova-color-picker-label{width:40px}.nova-color-picker-panel-has-alpha .nova-color-picker-hex{width:85px}.nova-color-picker-label-text{line-height:var(--nova-line-height);text-align:center;height:20px}.nova-color-picker-input,.nova-color-picker-hex{height:25px}:is(.nova-color-picker-input,.nova-color-picker-hex) input{vertical-align:top;color:var(--nova-color-font);text-align:center;height:25px;line-height:15px;font-size:var(--nova-font-size);width:100%;font-family:var(--nova-font-monospace);will-change:contents;direction:ltr;background:0 0;border:none;padding:0}:is(:is(.nova-color-picker-input,.nova-color-picker-hex) input:hover,:is(.nova-color-picker-input,.nova-color-picker-hex) input:focus)+.nova-color-picker-input-border{border:var(--nova-border-primary)}:is(.nova-color-picker-input,.nova-color-picker-hex) input:focus{outline:none}:is(.nova-color-picker-input,.nova-color-picker-hex) input:focus+.nova-color-picker-input-border{box-shadow:var(--nova-shadow-primary)}.nova-color-picker-input{width:100%}.nova-color-picker-input-border{background-color:var(--nova-color-bg-component);border:1px solid var(--nova-color-border-component);pointer-events:none;border-radius:var(--nova-radius);height:25px;transition:var(--nova-transition-component);margin-top:-25px}.nova-color-picker-output{justify-content:flex-end;margin-top:5px;display:flex}.nova-color-picker-hex{width:115px}.nova-color-picker-labels-switch{border-radius:var(--nova-radius);width:20px;height:25px;transition:var(--nova-transition-border);border:var(--nova-border-invisible);flex-direction:column;justify-content:center;align-self:flex-start;align-items:center;margin-top:20px;margin-bottom:-45px;display:flex}.nova-color-picker-labels-switch:before,.nova-color-picker-labels-switch:after{content:"";width:0;height:0;transition:var(--nova-transition-border);border-style:solid;display:block}.nova-color-picker-labels-switch:before{border-width:0 3px 3px;border-color:transparent transparent var(--nova-color-symbol)transparent;margin-bottom:2px}.nova-color-picker-labels-switch:after{border-width:3px 3px 0;border-color:var(--nova-color-symbol)transparent transparent transparent;margin-top:2px}.nova-color-picker-labels-switch:hover{border:var(--nova-border-primary)}.nova-color-picker-labels-switch:hover:before{border-color:transparent transparent var(--nova-color-font)transparent}.nova-color-picker-labels-switch:hover:after{border-color:var(--nova-color-font)transparent transparent transparent}.nova-color-picker-labels-switch:focus{border:var(--nova-border-primary);box-shadow:var(--nova-shadow-primary);outline:none}.nova-color-picker-preview-prev,.nova-color-picker-preview-curr{border-radius:var(--nova-radius-tiny);will-change:background-color;width:40px;height:40px}.nova-color-picker-preview{height:60px;margin:20px 0 10px 10px;position:relative}.nova-color-picker-preview-prev{border:1px solid var(--nova-color-symbol);position:absolute;top:0;left:0}.nova-color-picker-preview-curr{border:1px solid var(--nova-color-symbol);position:absolute;top:20px;left:20px}.nova-color-picker-preview-fill-right,.nova-color-picker-preview-fill-left{border-radius:var(--nova-radius-tiny);background-image:var(--nova-bg-checkerboard);background-color:var(--nova-color-bg);width:40px;height:40px}.nova-color-picker-preview-fill-right{position:absolute;top:20px;left:20px}.nova-color-picker-preview-fill-left{position:absolute;top:0;left:0}.nova-color-picker-preset-wrap{grid-column:1/-1}.nova-color-picker-preset-list{grid-gap:10px;grid-template:repeat(auto-fill,20px)/repeat(auto-fill,20px);margin:20px 10px 10px;display:grid}.nova-color-picker-preset{background-image:var(--nova-bg-checkerboard);background-color:var(--nova-color-bg);border-radius:var(--nova-radius-tiny)}.nova-color-picker-preset:hover .nova-color-picker-preset-inner{border:1px solid var(--nova-color-font);box-shadow:inset 0 0 0 1px var(--nova-color-bg)}.nova-color-picker-preset.nova-color-picker-preset-selected .nova-color-picker-preset-inner{border:2px solid var(--nova-color-font);box-shadow:inset 0 0 0 1px var(--nova-color-bg)}.nova-color-picker-preset-inner{border-radius:var(--nova-radius-tiny);height:20px;transition:var(--nova-transition-component)}.nova-dropdown{vertical-align:top;display:inline-block}.nova-dropdown-trigger:focus{outline:none}.nova-dropdown-panel{color:var(--nova-color-font);background-color:var(--nova-color-bg-component);will-change:transform;border-radius:var(--nova-radius-component);position:absolute}@supports ((-webkit-backdrop-filter:blur()) or (backdrop-filter:blur())){.nova-dropdown-panel{-webkit-backdrop-filter:var(--nova-backdrop-filter-component);backdrop-filter:var(--nova-backdrop-filter-component);background-color:var(--nova-color-bg-dropdown)}}.nova-dropdown-panel-border{pointer-events:none;width:100%;height:100%;box-shadow:var(--nova-shadow-dropdown);border-radius:inherit;position:absolute;top:0;left:0}.nova-input{vertical-align:top;display:inline-block}.nova-input:focus-within{position:relative}:is(.nova-input:not(.nova-input-disabled):not(.nova-input-readonly) .nova-input-text:hover,.nova-input:not(.nova-input-disabled):not(.nova-input-readonly) .nova-input-text:focus)+.nova-input-border{border:var(--nova-border-primary)}.nova-input:not(.nova-input-disabled):not(.nova-input-readonly) .nova-input-text:focus+.nova-input-border{box-shadow:var(--nova-shadow-primary)}.nova-input-disabled{opacity:.5;cursor:not-allowed}.nova-input-disabled .nova-input-text{cursor:not-allowed}.nova-input-text{font-family:var(--nova-font-sans-serif);font-size:var(--nova-font-size);line-height:var(--nova-line-height);vertical-align:top;width:200px;height:30px;color:var(--nova-color-font);border-radius:var(--nova-radius);background:0 0;border:none;padding:5px 10px}.nova-input-text:focus{outline:none}.nova-input-border{pointer-events:none;background-color:var(--nova-color-bg-component);border-radius:var(--nova-radius);border:var(--nova-border);height:30px;transition:var(--nova-transition-component);margin-top:-30px}body{margin:0}