header{max-width:900px;margin:160px}.highlight{color:#fff;background-color:#000}.links{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:32px}.links a{display:inline-flex;align-items:center;text-decoration:none;color:#000}.links a:hover{text-decoration:underline}@media screen and (max-width: 1023px){header{margin:32px}}.card{position:absolute;width:280px;height:280px;padding:20px;border:2px solid black;background-color:#fff;cursor:grab;display:flex;flex-direction:column;align-items:flex-start;border-radius:6px;z-index:1}.card:focus-within{z-index:2!important}.card a{color:inherit;text-decoration:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none}.card a:hover{text-decoration:underline}.card *{margin-bottom:0}@media screen and (max-width: 1023px){.card{height:140px;width:140px}.card h2{font-size:14px}.card p{font-size:10px}.card svg{display:none}}.anchor-link{position:relative;top:4px;left:4px}h2>a{opacity:0}h2:hover>a,h2:focus-within>a{opacity:1}.callout{display:flex;margin:0}.callout-bar{width:4px;margin:7px 16px 7px 0}.callout-content{flex:1}.slider-card{background-color:#000;border-radius:6px}.slide-header{padding:16px;color:#fff;opacity:.7;-webkit-user-select:none;user-select:none}.slide-body{display:flex;padding:16px 16px 24px;background-color:#ffffff48}.slide-container{flex:1;margin-right:16px}.slide{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background-color:#00000040;border-radius:2px;outline:none;-webkit-transition:.2s;transition:opacity .2s}.slide:hover{opacity:1}.slide::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#fff -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#fff linear-gradient(transparent,#0000000d);border-radius:100%;-webkit-box-shadow:0 1px 2px 0 rgba(34,36,38,.15),0 0 0 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px #22242626,0 0 0 1px #22242626 inset;-webkit-transition:background .3s ease;transition:background .3s ease;cursor:pointer}.slide::-moz-range-thumb{width:25px;height:25px;border-radius:8px;background:#2185d0;box-shadow:0 1px 2px #22242626,0 0 0 1px #22242626;cursor:pointer}/*!
 * # Semantic UI 2.3.1 - Checkbox
 * http://github.com/semantic-org/semantic-ui/
 *
 *
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */.ui.checkbox{position:relative;display:inline-block;-webkit-backface-visibility:hidden;backface-visibility:hidden;outline:none;vertical-align:baseline;font-style:normal;min-height:17px;font-size:1rem;line-height:17px;min-width:17px;margin-top:4px}.ui.checkbox input[type=checkbox],.ui.checkbox input[type=radio]{cursor:pointer;position:absolute;top:0;left:0;opacity:0!important;outline:none;z-index:3;width:17px;height:20px}.ui.checkbox .box,.ui.checkbox label{cursor:auto;position:relative;display:block;padding-left:1.85714em;outline:none;font-size:1em}.ui.checkbox .box:before,.ui.checkbox label:before{position:absolute;top:0;left:0;width:17px;height:20px;content:"";background:#fff;border-radius:.21428571rem;-webkit-transition:border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;border:1px solid #d4d4d5}.ui.checkbox .box:after,.ui.checkbox label:after{position:absolute;font-size:14px;top:0;left:0;width:17px;height:20px;text-align:center;opacity:0;color:#000000de;-webkit-transition:border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease;transition:border .1s ease,opacity .1s ease,transform .1s ease,box-shadow .1s ease,-webkit-transform .1s ease,-webkit-box-shadow .1s ease}.ui.checkbox label,.ui.checkbox+label{color:#000000de;-webkit-transition:color .1s ease;transition:color .1s ease}.ui.checkbox+label{vertical-align:middle}.ui.checkbox .box:hover:before,.ui.checkbox label:hover:before{background:#fff;border-color:#22242659}.ui.checkbox label:hover,.ui.checkbox+label:hover{color:#000c}.ui.checkbox .box:active:before,.ui.checkbox label:active:before{background:#f9fafb;border-color:#22242659}.ui.checkbox .box:active:after,.ui.checkbox label:active:after{color:#000000f2}.ui.checkbox input:active~label{color:#000000f2}.ui.checkbox input:focus~.box:before,.ui.checkbox input:focus~label:before{background:#fff;border-color:#96c8da}.ui.checkbox input:focus~.box:after,.ui.checkbox input:focus~label:after{color:#000000f2}.ui.checkbox input:focus~label{color:#000000f2}.ui.checkbox input:checked~.box:before,.ui.checkbox input:checked~label:before{background:#fff;border-color:#22242659}.ui.checkbox input:checked~.box:after,.ui.checkbox input:checked~label:after{opacity:1;color:#000000f2}.ui.checkbox input:not([type=radio]):indeterminate~.box:before,.ui.checkbox input:not([type=radio]):indeterminate~label:before{background:#fff;border-color:#22242659}.ui.checkbox input:not([type=radio]):indeterminate~.box:after,.ui.checkbox input:not([type=radio]):indeterminate~label:after{opacity:1;color:#000000f2}.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:before,.ui.checkbox input:not([type=radio]):indeterminate:focus~label:before,.ui.checkbox input:checked:focus~.box:before,.ui.checkbox input:checked:focus~label:before{background:#fff;border-color:#96c8da}.ui.checkbox input:not([type=radio]):indeterminate:focus~.box:after,.ui.checkbox input:not([type=radio]):indeterminate:focus~label:after,.ui.checkbox input:checked:focus~.box:after,.ui.checkbox input:checked:focus~label:after{color:#000000f2}.ui.read-only.checkbox,.ui.read-only.checkbox label{cursor:default}.ui.disabled.checkbox .box:after,.ui.disabled.checkbox label,.ui.checkbox input[disabled]~.box:after,.ui.checkbox input[disabled]~label{cursor:default!important;opacity:.5;color:#000}.ui.checkbox input.hidden{z-index:-1}.ui.checkbox input.hidden+label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui.toggle.checkbox{min-height:20px}.ui.toggle.checkbox input{width:3.5rem;height:20px}.ui.toggle.checkbox .box,.ui.toggle.checkbox label{min-height:20px;padding-left:4.5rem;color:#000000de}.ui.toggle.checkbox label{padding-top:.15em}.ui.toggle.checkbox .box:before,.ui.toggle.checkbox label:before{display:block;position:absolute;content:"";z-index:1;-webkit-transform:none;transform:none;border:none;top:0rem;background:#0000000d;-webkit-box-shadow:none;box-shadow:none;width:3.5rem;height:20px;border-radius:500rem}.ui.toggle.checkbox .box:after,.ui.toggle.checkbox label:after{background:#fff -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.05)));background:#fff -webkit-linear-gradient(transparent,rgba(0,0,0,.05));background:#fff linear-gradient(transparent,#0000000d);position:absolute;content:""!important;opacity:1;z-index:2;border:none;-webkit-box-shadow:0px 1px 2px 0 rgba(34,36,38,.15),0px 0px 0px 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px #22242626,0 0 0 1px #22242626 inset;width:20px;height:20px;top:0rem;left:0;border-radius:500rem;-webkit-transition:background .3s ease,left .3s ease;transition:background .3s ease,left .3s ease}.ui.toggle.checkbox input~.box:after,.ui.toggle.checkbox input~label:after{left:-.05rem;-webkit-box-shadow:0px 1px 2px 0 rgba(34,36,38,.15),0px 0px 0px 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px #22242626,0 0 0 1px #22242626 inset}.ui.toggle.checkbox input:focus~.box:before,.ui.toggle.checkbox input:focus~label:before{background-color:#00000026;border:none}.ui.toggle.checkbox .box:hover:before,.ui.toggle.checkbox label:hover:before{background-color:#00000026;border:none}.ui.toggle.checkbox input:checked~.box,.ui.toggle.checkbox input:checked~label{color:#000000f2!important}.ui.toggle.checkbox input:checked~.box:before,.ui.toggle.checkbox input:checked~label:before{background-color:#2185d0!important}.ui.toggle.checkbox input:checked~.box:after,.ui.toggle.checkbox input:checked~label:after{left:2.4rem;-webkit-box-shadow:0px 1px 2px 0 rgba(34,36,38,.15),0px 0px 0px 1px rgba(34,36,38,.15) inset;box-shadow:0 1px 2px #22242626,0 0 0 1px #22242626 inset}.ui.toggle.checkbox input:focus:checked~.box,.ui.toggle.checkbox input:focus:checked~label{color:#000000f2!important}.ui.toggle.checkbox input:focus:checked~.box:before,.ui.toggle.checkbox input:focus:checked~label:before{background-color:#0d71bb!important}.ui.fitted.checkbox .box,.ui.fitted.checkbox label{padding-left:0!important}.ui.fitted.toggle.checkbox,.ui.fitted.slider.checkbox{width:3.5rem}.icon-palette{margin:.5em 0;background-color:#343330;border-radius:6px}.icons{display:flex;align-items:center;justify-content:space-around;height:96px;padding:24px}.icon-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px;gap:8px}.react-dropdown-select{min-width:176px!important;min-height:48px!important;justify-content:flex-start;padding:0 24px!important;color:#fff;border-radius:6px!important;background-color:#ffffff0d;font-size:16px;border:none!important}.react-dropdown-select-content{display:flex;align-items:center;justify-content:flex-start}.react-dropdown-select-content svg{margin:0 12px 0 0}.react-dropdown-select:focus-within{background-color:#fff;color:#000;outline:none!important;box-shadow:none!important}.react-dropdown-select-item{color:#333;height:40px!important;display:flex;align-items:center}.react-dropdown-select-item svg{margin:0 12px 0 24px}.react-dropdown-select-input{color:#fff}.react-dropdown-select-dropdown{position:absolute;left:0;border:none;width:500px;padding:0;display:flex;flex-direction:column;border-radius:6px!important;max-height:300px;overflow:auto;z-index:9;box-shadow:none}.react-dropdown-select-item{color:#000}.react-dropdown-select-item:hover{background-color:#c4e456!important}.react-dropdown-select-item.react-dropdown-select-item-selected,.react-dropdown-select-item.react-dropdown-select-item-active{color:#000!important;background-color:#c4e456!important}.react-dropdown-select-item:focus{color:#000!important;background-color:#c4e456!important}.react-dropdown-select-item.react-dropdown-select-item-disabled{background:#777;color:#ccc}.size-bar{position:relative;display:flex;flex:2;align-items:center;height:48px;padding:0 24px;color:#fff;border-radius:6px;background-color:#ffffff0d;font-family:Manrope,sans-serif;font-size:16px}.size-bar label{width:40px}.size-bar:focus-within{outline:none}.size-bar input{flex:1;border:none;margin:0 0 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;background:#ffffff4d;outline:none}.size-bar input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;padding:6px;border-radius:50%;background:#fff;cursor:pointer;transition:height .1s,width .1s}.size-bar input::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;padding:6px;border-radius:50%;background:#fff;cursor:pointer;transition:height .1s,width .1s}.size-bar input:focus::-moz-range-thumb{outline:none;width:24px;height:24px;box-shadow:0 0 0 6px #fff3}.size-bar input:focus::-webkit-slider-thumb{outline:none;width:24px;height:24px;box-shadow:0 0 0 6px #fff3}div.bubbles{width:100%;display:flex;flex-direction:column}div.bubble{margin:16px;padding:16px 24px;max-width:60%;border-radius:26px;position:relative;box-shadow:0 0 8px 4px #0002}div.bubble.me{color:#fff;background-color:#cd5c5c;align-self:flex-end;border-top-right-radius:6px}div.bubble.you{background-color:#f5f5f5;align-self:flex-start;border-top-left-radius:6px}div.bubble.us{background-color:#f5f5f5;align-self:center;display:flex;flex-direction:column;align-items:center;text-align:center}.graphin-core{height:100%;width:100%;min-height:500px;background:#fff}@font-face{font-family:graphin;src:url(//at.alicdn.com/t/font_1522921_m3irqw8ynx.eot);src:url(//at.alicdn.com/t/font_1522921_m3irqw8ynx.eot?#iefix) format("embedded-opentype"),url(//at.alicdn.com/t/font_1522921_m3irqw8ynx.woff2) format("woff2"),url(//at.alicdn.com/t/font_1522921_m3irqw8ynx.woff) format("woff"),url(//at.alicdn.com/t/font_1522921_m3irqw8ynx.ttf) format("truetype"),url(//at.alicdn.com/t/font_1522921_m3irqw8ynx.svg#graphin) format("svg")}.graph{width:100%;height:500px;margin-bottom:7px;background-color:#f2f2f2;border-radius:6px}.graphin-core{position:relative;background-color:transparent;border-radius:6px}.error-container{width:100%;height:300px;background-color:#f2f2f2;border-radius:6px;display:flex;flex-direction:column;align-items:center;justify-content:center}.error-container.simple{height:100%;background-color:inherit;border-radius:0}.detail{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:row}.panel{flex:1;height:100%;box-sizing:border-box;overflow-y:auto;background-color:#fff}.left{display:flex}.left .title h1{font-size:48px}.link{display:inline-flex;align-items:center;color:inherit;text-decoration:none}a.link:hover{text-decoration:underline}.link svg{margin-left:8px}a.back-arrow{position:absolute;color:inherit;top:40px;left:40px}.back-arrow svg{height:48px;width:48px}.title-content,.panel-content{padding:80px;max-width:720px}.title-content{display:flex}.title{margin-top:256px;flex:1;display:flex;flex-direction:column}.title h1{margin-top:0;margin-bottom:24px}.large-text{font-size:24px}.link svg{width:32px;height:32px}@media screen and (min-width: 1025px){.left{max-width:900px}}@media screen and (max-width: 1024px){.detail{display:unset;overflow-y:auto}.panel{height:unset}.title-content,.panel-content{padding:64px}.left{display:block;flex:unset;height:unset}.left .title{margin:128px 0 8px}.left .large-text{font-size:16px}a.back-arrow{position:absolute;color:inherit;top:24px;left:24px}.link{margin-bottom:128px}.link svg{width:24px;height:24px}.back-arrow svg{height:32px;width:32px}}@media screen and (max-width: 560px){.title-content,.panel-content{padding:24px}.link{margin-bottom:74px}.left .title h1{font-size:28px}}.copyright{position:fixed;bottom:0;width:100vw;display:flex;align-items:center;justify-content:space-between;padding:0 16px;box-sizing:border-box;font-size:12px}@font-face{font-family:FF Infra;font-weight:400;font-style:normal;src:url(/assets/fonts/5747651/daeb003f-daac-40bb-9b23-c96d01b01c8b.woff2) format("woff2"),url(/assets/fonts/5747651/09c26253-da3d-4b60-b546-9198f7091673.woff) format("woff")}@font-face{font-family:FF Infra;font-weight:700;font-style:normal;src:url(/assets/fonts/5747699/54915934-249d-40b1-820a-c9f2b5274d7f.woff2) format("woff2"),url(/assets/fonts/5747699/661e5997-c653-4b99-b038-551c9c0b627c.woff) format("woff")}body{margin:0;font-family:FF Infra,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f2f2f2;overflow:hidden}a{color:inherit}abbr{text-decoration:none}code{font-family:Inconsolata,Monaco,Consolas,Courier New,Courier,monospace}figure{margin:0}figure img{width:100%;border-radius:6px}figcaption{font-size:12px;text-align:center}.square{border-radius:0}h1{font-size:40px}ul{list-style-type:square}li>ul{list-style-type:circle}::selection{color:#fff;background-color:#000}pre ::selection{color:inherit;background-color:#a9abad}.inverse::selection{color:#000;background-color:#b1ffec}.container{height:100vh;width:100vw;overflow:hidden}@media screen and (max-width: 1023px){h1{font-size:24px}.container{position:relative}}