@font-face{font-family:DotGothic16;src:url(/fonts/DotGothic16-Modified.woff2) format("woff2"),url(/fonts/DotGothic16-Modified.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}button,input,select,textarea{letter-spacing:inherit}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#ffffff52}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}.kanji-section-toggle:hover,.kanji-section-collapse:hover{background:#313131}.selectable-row,.data-list-row{background:transparent;transition:background .12s}.data-list-row:hover{background:#313131}.style-guide-nav-item{transition:background .12s,color .12s}.style-guide-nav-item:hover{background:#ffffff0d}.style-guide-nav-item--active{background:#3abda424}.style-guide-nav-item--active:hover{background:#3abda42e}.btn{transition:filter .12s,background .12s,border-color .12s}.btn-tint:hover:not(:disabled){filter:brightness(1.15)}.btn-tint:active:not(:disabled){filter:brightness(.92)}.btn-neutral:hover:not(:disabled){background:#ffffff1a!important}.btn-neutral:active:not(:disabled){background:#ffffff0a!important}.btn-ghost:hover:not(:disabled){background:#ffffff0f!important}.btn-ghost-muted:hover:not(:disabled){background:#f8717126!important;color:#f87171!important}@media (hover: hover){.btn-quiet:hover:not(:disabled){border-color:#ffffff47!important}}.btn-quiet:active:not(:disabled){background:#ffffff0f!important}.chip{transition:filter .12s,background .12s,border-color .12s}.chip--on:hover:not(:disabled){filter:brightness(1.18)}.chip--off:hover:not(:disabled){background:#ffffff0f!important}.chip:active:not(:disabled){filter:brightness(.94)}.chip--destructive.chip--on:hover:not(:disabled){filter:none;color:#f87171!important;border-color:#f87171!important;background:#f871711f!important}.text-input{transition:border-color .12s,background .12s}.text-input:hover:not(:disabled){border-color:#ffffff40!important}.text-input:focus:not(:disabled){border-color:var(--focus-ring, rgba(58,189,164,.55))!important}.text-input::placeholder{color:#ffffff4d}.option-picker-row{transition:background .12s}.option-picker-row:hover{background:#ffffff0f!important}.avatar-trigger{transition:filter .12s}.avatar-trigger:hover{filter:brightness(1.3)}.avatar-trigger:active{filter:brightness(.95)}.menu-item{transition:background .12s}.menu-item:hover{background:#ffffff0f!important}.modal-close-btn{transition:color .12s}.modal-close-btn:hover{color:#e8e8e8}.muted-link{color:#888;transition:color .12s;text-decoration:none}.muted-link:hover{color:#e8e8e8}@media (max-width: 640px){.toast-card{width:calc(100vw - 24px)!important;max-width:calc(100vw - 24px)!important}}.sublist-tile{background:#ffffff08;transition:background .13s,border-color .13s}.sublist-tile:hover{background:#ffffff0f}.sublist-tile--selected,.sublist-tile--selected:hover{background:#ffffff1a}.disclosure-btn{transition:color .12s}.disclosure-btn:hover{color:#e8e8e8}.sidebar-chevron{background:transparent;transition:background .13s}.sidebar-chevron:hover{background:#ffffff0d}.feed-card{transition:background .12s,border-color .12s}.feed-card--interactive:hover{background:#313131!important}.reader-token:hover{background:var(--reader-hover)!important}.reader-token--vocab:hover{background:var(--reader-vocab)!important}.verdict-btn{transition:transform 80ms ease-out,filter .12s ease}.verdict-btn:hover:not(:disabled){filter:brightness(1.18)}.verdict-btn:active:not(:disabled){transform:scale(.93);transition:transform 40ms ease-in}.selectable-row:hover{background:#0000001a}.selectable-row--selected{background:#00000024}.selectable-row--selected:hover{background:#0003}.srs-browse-link{text-decoration:none}.srs-browse-link:hover{text-decoration:underline}.attribution-link{color:inherit;transition:color .12s}.attribution-link:hover{color:#fff}@keyframes top-progress-sweep{0%{left:-40%}to{left:100%}}.top-progress-sweep{animation:top-progress-sweep 1.1s ease-in-out infinite}@keyframes modal-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes modal-fade-scale-in{0%{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes modal-fade-scale-out{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,calc(-50% + 10px)) scale(.96)}}@keyframes modal-backdrop-fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-fade-scale-in-top{0%{opacity:0;transform:scale(.96) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toast-slide-up-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-slide-down-in{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toast-slide-up-in-centered{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes toast-slide-down-in-centered{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%);opacity:1}}@keyframes toast-slide-down-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes toast-slide-up-out{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes toast-slide-down-out-centered{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,100%);opacity:0}}@keyframes toast-slide-up-out-centered{0%{transform:translate(-50%);opacity:1}to{transform:translate(-50%,-100%);opacity:0}}.module-card{background:transparent}.module-card:not(.module-card--disabled):hover{background:#ffffff0f}.footer-link:hover{color:#e8e8e8d9!important}.textbook-cover__art{transition:opacity .13s}.textbook-cover:hover .textbook-cover__art,.textbook-cover:focus-visible .textbook-cover__art{opacity:.2}.textbook-cover__label{opacity:0;transition:opacity .13s;pointer-events:none}.textbook-cover:hover .textbook-cover__label,.textbook-cover:focus-visible .textbook-cover__label{opacity:1}@keyframes cover-fade-in{0%{opacity:0}to{opacity:1}}@keyframes cover-fade-out{0%{opacity:1}to{opacity:0}}.cover-fade-enter{animation:cover-fade-in .45s ease-out}.cover-fade-exit{animation:cover-fade-out .45s ease-in forwards}@keyframes cover-pop-in{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes cover-pop-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.cover-pop-enter{animation:cover-pop-in .42s cubic-bezier(.34,1.56,.64,1)}.cover-pop-exit{animation:cover-pop-out .3s ease-in forwards}@keyframes cover-slide-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes cover-slide-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.cover-slide-enter{animation:cover-slide-in .42s ease-out}.cover-slide-exit{animation:cover-slide-out .42s ease-in forwards}@keyframes cover-flip-in{0%{opacity:0;transform:rotateY(90deg)}to{opacity:1;transform:rotateY(0)}}@keyframes cover-flip-out{0%{opacity:1;transform:rotateY(0)}to{opacity:0;transform:rotateY(-90deg)}}.cover-flip-enter{animation:cover-flip-in .48s ease-out;backface-visibility:hidden}.cover-flip-exit{animation:cover-flip-out .48s ease-in forwards;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.cover-fade-enter,.cover-fade-exit,.cover-pop-enter,.cover-pop-exit,.cover-slide-enter,.cover-slide-exit,.cover-flip-enter,.cover-flip-exit{animation:none}}.tb-row{transition:background .12s,color .12s,border-left-color .12s}.tb-row:hover:not(.tb-row--selected):not(.tb-row--disabled){background:#ffffff0d!important;color:#e8e8e8!important;border-left-color:var(--tb-accent-dim, transparent)!important}.tb-row--selected:hover:not(.tb-row--disabled){background:#ffffff14!important}.tb-row:active:not(.tb-row--disabled){background:#ffffff17!important}.tb-row:focus-visible{outline:1px solid var(--tb-accent-dim, rgba(255,255,255,.4));outline-offset:-1px}.tb-tile:hover{border-color:#ffffff47!important}.tb-buy:hover{text-decoration:underline!important}.settings-row:hover{background:#ffffff0a}.switch-track{filter:brightness(1);transition:filter .13s,background .14s,border-color .14s}.settings-row:hover .switch-track,.switch:hover:not(:disabled) .switch-track{filter:brightness(1.25)}.switch:focus-visible .switch-track{outline:1px solid rgba(255,255,255,.5);outline-offset:2px}.lab-row:hover{background:#ffffff0a!important}.lab-row:focus-visible{outline:1px solid rgba(255,255,255,.4);outline-offset:-1px}.lab-switch{filter:brightness(1);transition:filter .13s}.lab-row:hover .lab-switch,.lab-switch:hover{filter:brightness(1.25)}.lab-seg-btn:hover:not(:disabled){background:#ffffff17!important}.sbl-link:hover:not(:disabled),.sbl-link:focus-visible{text-decoration:underline}.sbl-link:active:not(:disabled){filter:brightness(.85)}@media (hover: hover){.sbl-pill:hover:not(:disabled){background:#ffffff0f!important}}.sbl-pill:active:not(:disabled){background:#ffffff1a!important}.sbl-inline-link:hover:not(:disabled),.sbl-inline-link:focus-visible{text-decoration:underline}.fc-wrapper{position:relative;cursor:pointer;transition:transform .14s ease-in}.fc-wrapper:hover{transform:translateY(-5px);transition:transform .1s cubic-bezier(.34,1.56,.64,1)}.fc-shadow{position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:#0000004d;transform:translateY(8px);transition:transform .14s ease-in}.fc-wrapper:hover .fc-shadow{transform:translateY(14px);transition:transform .1s cubic-bezier(.34,1.56,.64,1)}.fc-container{position:absolute;top:0;right:0;bottom:0;left:0;perspective:1000px}.fc-hover{width:100%;height:100%;position:relative}.fc-hover:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:4px;border-radius:4px}.fc-focus-hint{position:absolute;bottom:10px;left:50%;transform:translate(-50%);background:#0000008c;color:#ffffffd9;font-size:12px;padding:4px 10px;border-radius:4px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .1s;z-index:2}.fc-hover:focus-visible .fc-focus-hint{opacity:1}.fc-inner{width:100%;height:100%;position:relative;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .45s cubic-bezier(.4,0,.2,1)}.fc-inner--flipped{transform:rotateX(180deg)}.fc-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(.1px)}.fc-face--back{transform:rotateX(180deg) translateZ(.1px)}@keyframes stagePulse{0%{opacity:0}8%{opacity:1}to{opacity:0}}@keyframes cardExitUp{to{transform:translateY(-150px);opacity:0}}@keyframes cardExitDown{to{transform:translateY(150px);opacity:0}}@keyframes cardEnter{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cardExitUndo{to{transform:translateY(80px);opacity:0}}@keyframes cardEnterUndo{0%{transform:translateY(-140px);opacity:0}to{transform:translateY(0);opacity:1}}.stage-pulse-correct{background:#27ae6033;animation:stagePulse .7s ease-out forwards}.stage-pulse-wrong{background:#c0392b33;animation:stagePulse .7s ease-out forwards}.card-exit-up{animation:cardExitUp .28s ease-in forwards}.card-exit-down{animation:cardExitDown .28s ease-in forwards}.card-entering{animation:cardEnter .3s ease-out forwards}.card-exit-undo{animation:cardExitUndo .2s ease-in forwards}.card-entering-undo{animation:cardEnterUndo .35s cubic-bezier(.22,1,.36,1) forwards}@keyframes march{to{stroke-dashoffset:-12}}@keyframes marchIn{0%{opacity:0}to{opacity:1}}.mc-overlay{animation:marchIn .15s ease-out .15s both}.mc-ants{animation:march .4s linear infinite}.mc-ants--offset{animation:march .4s linear -.2s infinite}.undo-btn{transition:background .15s ease}.undo-btn:hover{background:#ffffff14!important}.react-flow{direction:ltr;--xy-edge-stroke-default: #b1b1b7;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #555;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(255, 255, 255, .5);--xy-minimap-background-color-default: #fff;--xy-minimap-mask-background-color-default: rgba(240, 240, 240, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #e2e2e2;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: transparent;--xy-background-pattern-dots-color-default: #91919a;--xy-background-pattern-lines-color-default: #eee;--xy-background-pattern-cross-color-default: #e2e2e2;background-color:var(--xy-background-color, var(--xy-background-color-default));--xy-node-color-default: inherit;--xy-node-border-default: 1px solid #1a192b;--xy-node-background-color-default: #fff;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #1a192b;--xy-node-border-radius-default: 3px;--xy-handle-background-color-default: #1a192b;--xy-handle-border-color-default: #fff;--xy-selection-background-color-default: rgba(0, 89, 220, .08);--xy-selection-border-default: 1px dotted rgba(0, 89, 220, .8);--xy-controls-button-background-color-default: #fefefe;--xy-controls-button-background-color-hover-default: #f4f4f4;--xy-controls-button-color-default: inherit;--xy-controls-button-color-hover-default: inherit;--xy-controls-button-border-color-default: #eee;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #ffffff;--xy-edge-label-color-default: inherit;--xy-resize-background-color-default: #3367d9}.react-flow.dark{--xy-edge-stroke-default: #3e3e3e;--xy-edge-stroke-width-default: 1;--xy-edge-stroke-selected-default: #727272;--xy-connectionline-stroke-default: #b1b1b7;--xy-connectionline-stroke-width-default: 1;--xy-attribution-background-color-default: rgba(150, 150, 150, .25);--xy-minimap-background-color-default: #141414;--xy-minimap-mask-background-color-default: rgba(60, 60, 60, .6);--xy-minimap-mask-stroke-color-default: transparent;--xy-minimap-mask-stroke-width-default: 1;--xy-minimap-node-background-color-default: #2b2b2b;--xy-minimap-node-stroke-color-default: transparent;--xy-minimap-node-stroke-width-default: 2;--xy-background-color-default: #141414;--xy-background-pattern-dots-color-default: #777;--xy-background-pattern-lines-color-default: #777;--xy-background-pattern-cross-color-default: #777;--xy-node-color-default: #f8f8f8;--xy-node-border-default: 1px solid #3c3c3c;--xy-node-background-color-default: #1e1e1e;--xy-node-group-background-color-default: rgba(240, 240, 240, .25);--xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, .08);--xy-node-boxshadow-selected-default: 0 0 0 .5px #999;--xy-handle-background-color-default: #bebebe;--xy-handle-border-color-default: #1e1e1e;--xy-selection-background-color-default: rgba(200, 200, 220, .08);--xy-selection-border-default: 1px dotted rgba(200, 200, 220, .8);--xy-controls-button-background-color-default: #2b2b2b;--xy-controls-button-background-color-hover-default: #3e3e3e;--xy-controls-button-color-default: #f8f8f8;--xy-controls-button-color-hover-default: #fff;--xy-controls-button-border-color-default: #5b5b5b;--xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, .08);--xy-edge-label-background-color-default: #141414;--xy-edge-label-color-default: #f8f8f8}.react-flow__background{background-color:var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default)));pointer-events:none;z-index:-1}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;touch-action:none}.react-flow__pane.draggable{cursor:grab}.react-flow__pane.dragging{cursor:grabbing}.react-flow__pane.selection{cursor:pointer}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow__edge-path{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default));stroke-width:var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default));fill:none}.react-flow__connection-path{stroke:var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default));stroke-width:var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default));fill:none}.react-flow .react-flow__edges{position:absolute}.react-flow .react-flow__edges svg{overflow:visible;position:absolute;pointer-events:none}.react-flow__edge{pointer-events:visibleStroke}.react-flow__edge.selectable{cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge.selectable:focus .react-flow__edge-path,.react-flow__edge.selectable:focus-visible .react-flow__edge-path{stroke:var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default))}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__arrowhead polyline{stroke:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__arrowhead polyline.arrowclosed{fill:var(--xy-edge-stroke, var(--xy-edge-stroke-default))}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}svg.react-flow__connectionline{z-index:1001;overflow:visible;position:absolute}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.react-flow__node.selectable{cursor:pointer}.react-flow__node.draggable{cursor:grab;pointer-events:all}.react-flow__node.draggable.dragging{cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background-color:var(--xy-handle-background-color, var(--xy-handle-background-color-default));border:1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default));border-radius:100%}.react-flow__handle.connectingfrom{pointer-events:all}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:0;transform:translate(-50%,50%)}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__pane.selection .react-flow__panel{pointer-events:none}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.top.center,.react-flow__panel.bottom.center{left:50%;transform:translate(-15px) translate(-50%)}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.left.center,.react-flow__panel.right.center{top:50%;transform:translateY(-15px) translateY(-50%)}.react-flow__attribution{font-size:10px;background:var(--xy-attribution-background-color, var(--xy-attribution-background-color-default));padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;left:0;top:0}.react-flow__viewport-portal{position:absolute;width:100%;height:100%;left:0;top:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__minimap{background:var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) )}.react-flow__minimap-svg{display:block}.react-flow__minimap-mask{fill:var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) );stroke:var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) );stroke-width:var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) )}.react-flow__minimap-node{fill:var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) );stroke:var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) );stroke-width:var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) )}.react-flow__background-pattern.dots{fill:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) )}.react-flow__background-pattern.lines{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) )}.react-flow__background-pattern.cross{stroke:var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) )}.react-flow__controls{display:flex;flex-direction:column;box-shadow:var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default))}.react-flow__controls.horizontal{flex-direction:row}.react-flow__controls-button{display:flex;justify-content:center;align-items:center;height:26px;width:26px;padding:4px;border:none;background:var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default));border-bottom:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) );color:var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) );cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px;fill:currentColor}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-input,.react-flow__node-default,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:var(--xy-node-border-radius, var(--xy-node-border-radius-default));width:150px;font-size:12px;color:var(--xy-node-color, var(--xy-node-color-default));text-align:center;border:var(--xy-node-border, var(--xy-node-border-default));background-color:var(--xy-node-background-color, var(--xy-node-background-color-default))}.react-flow__node-input.selectable:hover,.react-flow__node-default.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default))}.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default))}.react-flow__node-group{background-color:var(--xy-node-group-background-color, var(--xy-node-group-background-color-default))}.react-flow__nodesselection-rect,.react-flow__selection{background:var(--xy-selection-background-color, var(--xy-selection-background-color-default));border:var(--xy-selection-border, var(--xy-selection-border-default))}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls-button:hover{background:var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) );color:var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) )}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__controls-button:last-child{border-bottom:none}.react-flow__controls.horizontal .react-flow__controls-button{border-bottom:none;border-right:1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) )}.react-flow__controls.horizontal .react-flow__controls-button:last-child{border-right:none}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:5px;height:5px;border:1px solid #fff;border-radius:1px;background-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));translate:-50% -50%}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:var(--xy-resize-background-color, var(--xy-resize-background-color-default));border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.react-flow__edge-textbg{fill:var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default))}.react-flow__edge-text{fill:var(--xy-edge-label-color, var(--xy-edge-label-color-default))}