:root{--grid-size:10px;--control-height:calc(var(--grid-size)*4);--control-inner-padding:calc(var(--grid-size)/2);--ui-gap:calc(var(--grid-size)*2);--corner-round:5px}*{box-sizing:border-box}body{margin:0;-ms-scroll-chaining:none;overscroll-behavior:none}.error-message{display:grid;grid-gap:var(--grid-size);grid-template-rows:50px 1fr;padding:var(--grid-size);text-align:center}.error-message .icon{color:var(--dark-red);justify-self:center;width:50px;height:50px}.error-message .message{align-self:center;margin:0}.error-message .message>:first-child{margin-top:0}.error-message .message>:last-child{margin-bottom:0}.global-error-boundary{align-items:center;justify-content:center;display:grid;position:fixed;top:0;left:0;right:0;bottom:0;background:#000;color:#fff}.global-error-boundary .error-message{padding:0}.global-error-boundary a{color:#00f}.global-error-boundary pre{border:1px solid #fff;max-height:20em;overflow:scroll;padding:10px}.button-bar{display:flex;flex-wrap:wrap}.button-bar.orientation-vertical{flex-direction:column}.button-bar-separator{background:var(--light-gray);display:inline-block;height:var(--control-height);margin:0 calc(var(--grid-size)/2);width:1px}.button-bar.orientation-vertical .button-bar-separator{height:1px;width:100%}:root{--black:#000;--off-white:#f2f2f2;--white:#fafafa;--white-translucent:hsla(0,0%,100%,0.7);--dark-gray-translucent:rgba(0,0,0,0.7);--dark-gray:#4d4d4d;--gray:#999;--light-gray:#d9d9d9;--light-gray-translucent:hsla(0,0%,60%,0.25);--faint-gray:#e6e6e6;--dark-red:#c2100a;--faint-red:#fee8e7;--red:#f5433d;--light-red:#fcd0cf;--light-red-translucent:rgba(246,91,85,0.25);--dark-orange:#c26c0a;--faint-orange:#fef3e7;--orange:#f59f3d;--light-orange:#fce7cf;--light-orange-translucent:rgba(246,171,85,0.25);--dark-yellow:#bcc20a;--faint-yellow:#fdfee7;--yellow:#eff53d;--light-yellow:#fbfccf;--light-yellow-translucent:rgba(241,246,85,0.25);--dark-green:#0ac216;--green:#3df549;--faint-green:#e7fee8;--light-green:#cffcd2;--light-green-translucent:rgba(85,246,96,0.25);--dark-blue:#0a60c2;--blue:#3d93f5;--faint-blue:#e7f1fe;--light-blue:#cfe4fc;--light-blue-translucent:rgba(85,160,246,0.25);--dark-purple:#6c0ac2;--faint-purple:#f3e7fe;--faint-purple-translucent:rgba(219,182,251,0.25);--purple:#9f3df5;--light-purple:#e7cffc;--light-purple-translucent:rgba(171,85,246,0.25)}[data-app-theme=dark]{--black:#fff;--off-white:#1a1a1a;--white:#262626;--white-translucent:rgba(0,0,0,0.25);--dark-gray-translucent:rgba(0,0,0,0.7);--dark-gray:#b3b3b3;--gray:#666;--light-gray:#404040;--light-gray-translucent:hsla(0,0%,60%,0.25);--faint-gray:#262626;--dark-red:#f7726e;--red:#c2100a;--light-red:#490604;--faint-red:#300403;--dark-orange:#f7b76e;--orange:#c26c0a;--light-orange:#492904;--faint-orange:#301b03;--dark-yellow:#f3f76e;--yellow:#bcc20a;--light-yellow:#464904;--light-yellow-translucent:rgba(239,245,61,0.25);--faint-yellow:#2f3003;--dark-green:#6ef777;--green:#0ac216;--light-green:#044908;--light-green-translucent:rgba(239,245,61,0.25);--faint-green:#033006;--dark-blue:#6eaef7;--blue:#0a60c2;--light-blue:#042449;--light-blue-translucent:rgba(61,147,245,0.25);--faint-blue:#031830;--dark-purple:#b76ef7;--purple:#6c0ac2;--light-purple:#290449;--light-purple-translucent:rgba(159,61,245,0.25);--faint-purple:#1b0330}body{color:#4d4d4d;color:var(--dark-gray)}a{color:#0a60c2;color:var(--dark-blue)}a:visited{color:#6c0ac2;color:var(--dark-purple)}mark{background-color:rgba(241,246,85,.25);background-color:var(--light-yellow-translucent);color:#000;color:var(--black)}:root{--shadow-small:0 1px 1px var(--light-gray);--shadow-large:0 0 1px var(--gray),0 2px 8px var(--light-gray)}[data-app-theme=dark]{--shadow-small:0 0 1px var(--gray);--shadow-large:0 0 1px var(--dark-gray),0 0 10px 2px var(--white)}.card{background:var(--white);border-radius:var(--corner-round);box-shadow:var(--shadow-small);display:flex;flex-direction:column;height:100%;overflow:hidden;width:100%}.card.floating{box-shadow:var(--shadow-large)}.card.highlighted{background:var(--light-yellow);border-color:var(--yellow)}.card h2{font:700 120% var(--font-system)}.card h3{font:700 100% var(--font-system)}.card-content{padding:var(--grid-size)}.card-content>:first-child{margin-top:0}.card-content>:last-child{margin-bottom:0}.card-header{font-weight:700;font-size:120%}:root{--font-display:"Nunito Light",sans-serif;--font-monospaced:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;--font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}@font-face{font-family:"Nunito Light";src:url(../../static/media/nunito-light.26873deb.woff2) format("woff2"),url(../../static/media/nunito-light.84c6863c.woff) format("woff");font-weight:400;font-style:normal}h1,h2,h3,h4{font-family:"Nunito Light",sans-serif;font-weight:400;margin:0}h1{font-size:200%}h2{font-size:150%}h3,h4{font-size:125%}body{font:90% -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font:90% var(--font-system)}li,p{line-height:130%}.icon-button,.icon-link{align-items:center;background:none;border:none;border-radius:var(--corner-round);display:inline-flex;cursor:pointer;font:100% var(--font-system);color:var(--dark-gray);height:var(--control-height);padding:var(--grid-size);transition:background .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.icon-button .icon img,.icon-button .icon svg,.icon-link .icon img,.icon-link .icon svg{height:18px;position:relative;top:2px;width:18px}.icon-button:not(.icon-only) .icon img,.icon-button:not(.icon-only) .icon svg,.icon-link:not(.icon-only) .icon img,.icon-link:not(.icon-only) .icon svg{margin-right:var(--control-inner-padding)}.icon-button.icon-position-end,.icon-link.icon-position-end{flex-direction:row-reverse}.icon-button.icon-position-end:not(icon-only) .icon img,.icon-button.icon-position-end:not(icon-only) .icon svg,.icon-link.icon-position-end:not(icon-only) .icon img,.icon-link.icon-position-end:not(icon-only) .icon svg{margin-left:var(--control-inner-padding);margin-right:0}.icon-link{text-decoration:none}.icon-link:visited{color:var(--dark-gray)}.icon-button:disabled,.icon-link:disabled{cursor:auto;opacity:.5}.icon-button:focus-visible,.icon-link:focus-visible{box-shadow:inset 0 0 0 2px var(--blue);outline:none}.icon-button:hover:not(:disabled),.icon-link:hover:not(:disabled){background:var(--light-gray-translucent)}.icon-button:active:not(:disabled),.icon-link:active:not(:disabled){background:var(--gray)}.icon-button.variant-primary,.icon-link.variant-primary{color:var(--dark-blue)}.icon-button.variant-primary:hover:not(:disabled),.icon-link.variant-primary:hover:not(:disabled){background:var(--light-blue-translucent);color:var(--dark-blue)}.icon-button.variant-primary:active:not(:disabled),.icon-link.variant-primary:active:not(:disabled){background:var(--blue);color:var(--dark-blue)}.icon-button.variant-create,.icon-link.variant-create{color:var(--dark-green)}.icon-button.variant-create:hover:not(:disabled),.icon-link.variant-create:hover:not(:disabled){background:var(--light-green-translucent);color:var(--dark-green)}.icon-button.variant-create:active:not(:disabled),.icon-link.variant-create:active:not(:disabled){background:var(--green);color:var(--dark-green)}.icon-button.variant-danger,.icon-link.variant-danger{color:var(--dark-red)}.icon-button.variant-danger:hover:not(:disabled),.icon-link.variant-danger:hover:not(:disabled){background:var(--light-red-translucent);color:var(--dark-red)}.icon-button.variant-danger:active:not(:disabled),.icon-link.variant-danger:active:not(:disabled){background:var(--red);color:var(--dark-red)}.icon-button.selected,.icon-link.selected{background:var(--faint-blue);color:var(--dark-blue)}.safari-warning-card{width:100%}.icon-loading svg{stroke-dasharray:32;-webkit-animation:loading-spinner-spin 1.5s linear infinite;animation:loading-spinner-spin 1.5s linear infinite}@-webkit-keyframes loading-spinner-spin{0%{stroke-dashoffset:64}to{stroke-dashoffset:0}}@keyframes loading-spinner-spin{0%{stroke-dashoffset:64}to{stroke-dashoffset:0}}.loading-curtain{align-items:center;background-color:var(--off-white);color:var(--gray);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.loading-curtain .icon-image svg{height:50px;width:50px}.card-group{display:grid;grid-gap:var(--ui-gap);grid-auto-rows:1fr;margin:var(--ui-gap) auto}.card-group .card,.card-group .image-card,.card-group .selectable-card,.card-group>*{height:100%}.main-content{background:var(--off-white);min-height:calc(100vh - var(--control-height)*2);overflow:auto;position:fixed;top:calc(var(--control-height)*2);left:0;right:0;bottom:0}.main-content.padded{padding:var(--ui-gap)}.main-content-grab-listener{cursor:-webkit-grab;cursor:grab;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999}.main-content-grab-listener.grabbing{cursor:-webkit-grabbing;cursor:grabbing}.badge{align-items:center;background-color:var(--off-white);box-shadow:0 1px 1px var(--light-gray);border-radius:var(--control-height);display:inline-flex;height:var(--control-height);font-size:85%;padding:var(--control-inner-padding) calc(var(--control-inner-padding)*2)}.selectable-card.selected .card{background:var(--light-blue);box-shadow:var(--shadow-small),inset 0 0 0 1px var(--blue)}.story-format-card{-webkit-user-select:none;-ms-user-select:none;user-select:none}.story-format-card .card-content{display:grid;flex-grow:1;grid-gap:var(--grid-size);grid-template-columns:150px 1fr}.story-format-card .story-format-image img,.story-format-card .story-format-image svg{height:auto;width:100%}.story-format-card .story-format-badges{grid-column-start:1;grid-column-end:3;margin-bottom:calc(var(--grid-size)*-1)}.story-format-card .story-format-badges .badge{margin-right:var(--grid-size);margin-bottom:var(--grid-size)}.tooltip{z-index:3000;pointer-events:none}.tooltip-label{background-color:var(--dark-gray);border-radius:var(--corner-round);color:var(--white);font-size:12px;font-weight:400;padding:var(--grid-size)}.tooltip-arrow{background:var(--dark-gray);width:10px;height:10px}.tooltip[data-popper-placement^=top]>.tooltip-arrow{bottom:-10px;-webkit-clip-path:polygon(50% 66%,0 0,100% 0);clip-path:polygon(50% 66%,0 0,100% 0)}.tooltip[data-popper-placement^=bottom]>.tooltip-arrow{-webkit-clip-path:polygon(50% 33%,100% 100%,0 100%);clip-path:polygon(50% 33%,100% 100%,0 100%);top:-10px}.tooltip[data-popper-placement^=left]>.tooltip-arrow{-webkit-clip-path:polygon(66% 50%,0 100%,0 0);clip-path:polygon(66% 50%,0 100%,0 0);right:-10px}.tooltip[data-popper-placement^=right]>.tooltip-arrow{-webkit-clip-path:polygon(33% 50%,100% 0,100% 100%);clip-path:polygon(33% 50%,100% 0,100% 100%);left:-10px}.fade-in-out-enter-active{-webkit-animation:fade-in .2s;animation:fade-in .2s}.fade-in-out-exit-active,.fade-out-exit-active{animation:fade-in .2s reverse}.pop-enter-active{-webkit-animation:pop-in .2s;animation:pop-in .2s}.pop-exit-active{animation:pop-in .2s reverse forwards}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes pop-in{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pop-in{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes mini-pop-in{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes mini-pop-in{0%{-webkit-transform:scale(1.05);transform:scale(1.05)}to{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}50%{-webkit-transform:scale(1.025) rotate(1deg);transform:scale(1.025) rotate(1deg)}75%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}@keyframes wiggle{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}50%{-webkit-transform:scale(1.025) rotate(1deg);transform:scale(1.025) rotate(1deg)}75%{-webkit-transform:rotate(-1deg);transform:rotate(-1deg)}to{-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg)}}.dialog-card{height:100%;width:100%}.dialog-card.highlighted{-webkit-animation:wiggle .4s linear;animation:wiggle .4s linear}.dialog-card .card{padding:0}.dialog-card h2{align-items:center;display:flex}.dialog-card h2 .dialog-card-header{flex-shrink:1;flex-grow:1;min-width:0}.dialog-card h2 .dialog-card-header-controls{flex-shrink:1}.dialog-card h2 .dialog-card-header .icon-button{display:flex;font-size:1rem;font-weight:700;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;max-width:100%;width:100%}.dialog-card.background h2 .dialog-card-header .icon-button{font-size:.9rem;font-weight:400}.dialog-card.background h2 .dialog-card-header .icon-button svg{display:none}.dialog-card .card-body{display:flex;flex-direction:column;padding:0}.dialog-card .card-body h2{font:700 100% var(--font-system)}.dialog-card .card-content{min-height:0;overflow:auto}.dialog-card .dialog-editor{display:flex;flex:1 1;flex-direction:column}.dialog-card .dialog-editor .code-area{flex:1 1}.dialog-card .dialog-editor .code-area .CodeMirror{border-bottom:none;border-left:none;border-radius:0;border-right:none;padding:var(--grid-size)}.about-twine-dialog p{margin-left:var(--grid-size);margin-right:var(--grid-size)}.about-twine-dialog .links .icon-link{display:block;text-align:center}.about-twine-dialog .credits{display:grid;grid-template-columns:1fr 1fr;padding:var(--grid-size);padding-top:var(--ui-gap)}.about-twine-dialog .credits ul{list-style-type:none;margin-top:0;margin-left:0;padding-left:0}.text-input>label{align-items:center;display:inline-flex}.text-input>label>input{background:var(--white-translucent);border:1px solid var(--light-gray-translucent);border-radius:var(--corner-round);color:var(--dark-gray);flex-grow:1;font:100% var(--font-system);height:var(--control-height);margin-left:var(--grid-size);padding:var(--grid-size)}.text-input>label>input:focus{box-shadow:inset 0 0 0 2px var(--blue);outline:none}.text-input.orientation-vertical>label{align-items:flex-start;flex-direction:column}.text-input.orientation-vertical>label>input{margin-left:0;margin-top:var(--grid-size)}.text-input.type-search>label>input{border-radius:calc(var(--control-height)/2)}.text-select>label{align-items:center;display:inline-flex;position:relative}.text-select-control{position:relative}.text-select-control select{-webkit-appearance:none;background:linear-gradient(90deg,var(--white-translucent),var(--white-translucent));border-radius:var(--corner-round);border:1px solid var(--light-gray-translucent);color:var(--dark-gray);font:100% var(--font-system);height:var(--control-height);margin-left:var(--grid-size);padding:var(--grid-size) calc(var(--grid-size) + 16px) var(--grid-size) var(--grid-size);transition:background-color .3s}.text-select-control select option{color:#000;color:initial}.text-select-control select:focus-visible{box-shadow:inset 0 0 0 2px var(--blue);outline:none}.text-select-control:after{background:url(../../static/media/chevron-down.637c1521.svg);background-position:50%;opacity:.25;content:"";pointer-events:none;position:absolute;top:0;right:calc(var(--grid-size)/2);bottom:0;width:20px}[data-app-theme=dark] .text-select-control:after{-webkit-filter:invert();filter:invert()}.text-select.orientation-vertical>label{align-items:flex-start;flex-direction:column}.text-select.orientation-vertical>label>select{margin-left:0;margin-top:var(--grid-size)}.font-select{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:var(--grid-size)}.app-prefs-dialog .card-content{display:grid;grid-gap:var(--grid-size);grid-template-columns:1fr 1fr}.app-prefs-dialog p.font-explanation{grid-column:1/span 2;margin:0}.app-prefs-dialog .text-input,.app-prefs-dialog input[type=text]{width:100%}.dialog-stack-expander{pointer-events:auto;position:absolute;width:100%;z-index:100}.dialog-stack{height:100%;position:relative;width:100%}.dialog-stack .dialog-transform-setter{height:100%;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.dialog-stack.no-transform-transitions .dialog-transform-setter{transition:none}.dialog-stack .dialog-height-setter{position:absolute;left:0;right:0}.dialog-stack .dialog-height-setter.rising{-webkit-animation:mini-pop-in .2s;animation:mini-pop-in .2s}.code-area{display:flex;flex-direction:column}.code-area>label{display:flex;flex:1 1;flex-direction:column}.code-area>label>.label{display:block;margin-bottom:var(--control-inner-padding)}.code-area .react-codemirror2{flex:1 1;position:relative}.code-area .CodeMirror{background:var(--white-translucent);border-radius:var(--corner-round);border:1px solid var(--faint-gray);color:var(--dark-gray);font-family:inherit;height:100%;left:0;padding:calc(var(--grid-size)/2);position:absolute;top:0;width:100%}.code-area .CodeMirror-placeholder.CodeMirror-line-like{color:var(--gray);font-style:italic}.code-area .CodeMirror-cursor{border-left:2px solid var(--blue)}.code-area .CodeMirror-selected{background:var(--light-blue-translucent)}.CodeMirror-hints{background:var(--off-white);box-shadow:var(--shadow-large);border:none;font:100% var(--font-ui);padding:0}.CodeMirror-hint{color:var(--dark-gray);padding:var(--control-inner-padding)}li.CodeMirror-hint-active{background:var(--light-blue);color:var(--dark-gray)}.cm-s-default .cm-header{color:var(--dark-blue)}.cm-s-default .cm-quote{color:var(--dark-green)}.cm-negative{color:var(--dark-red)}.cm-positive{color:var(--dark-green)}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:none}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:var(--dark-purple)}.cm-s-default .cm-atom{color:var(--dark-blue)}.cm-s-default .cm-number{color:var(--dark-green)}.cm-s-default .cm-def{color:var(--dark-blue)}.cm-s-default .cm-variable-2{color:var(--dark-blue)}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:var(--dark-green)}.cm-s-default .cm-comment{color:var(--dark-orange)}.cm-s-default .cm-string{color:var(--dark-red)}.cm-s-default .cm-string-2{color:var(--dark-orange)}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:var(--dark-gray)}.cm-s-default .cm-builtin{color:var(--dark-blue)}.cm-s-default .cm-bracket{color:var(--dark-yellow)}.cm-s-default .cm-tag{color:var(--dark-green)}.cm-s-default .cm-attribute{color:var(--dark-blue)}.cm-s-default .cm-hr{color:var(--dark-gray)}.cm-s-default .cm-link{color:var(--dark-blue)}.cm-invalidchar,.cm-s-default .cm-error{color:var(--red)}.button-card{display:inline-block}.button-card .card{padding:0}.button-card .icon-button{border-radius:0}.menu-button-menu .icon-button{padding-right:32px}.menu-button-menu{z-index:2000}.card-button-card{z-index:1000}.add-tag-button .card-content{display:grid;grid-gap:var(--grid-size)}.add-tag-button .card-content .text-input-label,.add-tag-button .card-content .text-select-label{display:inline-block;width:6em}.tag-button .menu-button>.icon-button{background-color:var(--off-white);border:1px solid var(--light-gray);border-radius:var(--control-height);height:var(--control-height);font-size:85%}.tag-button .menu-button>.icon-button:focus{box-shadow:inset 0 0 0 2px var(--blue),0 1px 1px var(--light-gray)}.tag-button .menu-button>.icon-button:hover{background-color:var(--light-gray)}.tag-button.color-red .menu-button>.icon-button{background-color:var(--faint-red);border-color:var(--light-red)}.tag-button.color-red .menu-button>.icon-button .icon{color:var(--dark-red)}.tag-button.color-red .menu-button>.icon-button:hover{background-color:var(--light-red)}.tag-button.color-orange .menu-button>.icon-button{background-color:var(--faint-orange);border-color:var(--light-orange)}.tag-button.color-orange .menu-button>.icon-button .icon{color:var(--dark-orange)}.tag-button.color-orange .menu-button>.icon-button:hover{background-color:var(--light-orange)}.tag-button.color-yellow .menu-button>.icon-button{background-color:var(--faint-yellow);border-color:var(--light-yellow)}.tag-button.color-yellow .menu-button>.icon-button .icon{color:var(--dark-yellow)}.tag-button.color-yellow .menu-button>.icon-button:hover{background-color:var(--light-yellow)}.tag-button.color-green .menu-button>.icon-button{background-color:var(--faint-green);border-color:var(--light-green)}.tag-button.color-green .menu-button>.icon-button .icon{color:var(--dark-green)}.tag-button.color-green .menu-button>.icon-button:hover{background-color:var(--light-green)}.tag-button.color-blue .menu-button>.icon-button{background-color:var(--faint-blue);border-color:var(--light-blue)}.tag-button.color-blue .menu-button>.icon-button .icon{color:var(--dark-blue)}.tag-button.color-blue .menu-button>.icon-button:hover{background-color:var(--light-blue)}.tag-button.color-purple .menu-button>.icon-button{background-color:var(--faint-purple);border-color:var(--light-purple)}.tag-button.color-purple .menu-button>.icon-button .icon{color:var(--dark-purple)}.tag-button.color-purple .menu-button>.icon-button:hover{background-color:var(--light-purple)}.tag-stripe{display:flex}.tag-stripe span{flex-grow:1;height:2px;border-radius:2px;margin-bottom:2px}.tag-stripe span+span{margin-left:2px}.tag-stripe .color-red{background:var(--red)}.tag-stripe .color-orange{background:var(--orange)}.tag-stripe .color-yellow{background:var(--yellow)}.tag-stripe .color-green{background:var(--green)}.tag-stripe .color-blue{background:var(--blue)}.tag-stripe .color-purple{background:var(--purple)}.story-format-toolbar .icon-button .icon img{height:18px;width:auto}.passage-edit-contents{display:flex;flex-direction:column;height:100%}.passage-edit-contents .tags{padding:var(--grid-size)}.passage-edit-stack{flex-grow:1;height:100%;width:100%}.passage-edit-stack.collapsed{flex-grow:0}.dialogs{align-items:flex-end;display:flex;flex-direction:column;grid-gap:var(--grid-size);justify-content:flex-end;pointer-events:none;position:fixed;right:var(--grid-size);top:calc(var(--control-height)*2 + var(--grid-size));left:var(--grid-size);bottom:var(--grid-size)}.dialogs .background-dialog-card,.dialogs .dialog-card{flex:1 1;pointer-events:auto}.dialogs .dialog-card.collapsed,.dialogs .dialog-card.fixed-size{flex:0 1}.dialogs .maximized{position:absolute;top:0;left:0;right:0;bottom:0}.tag-editor{display:grid;grid-gap:var(--grid-size);grid-template-columns:repeat(3,-webkit-min-content);grid-template-columns:repeat(3,min-content)}.tag-editor .tag-name{align-items:center;background-color:var(--faint-gray);border:1px solid var(--light-gray);border-radius:var(--control-height);display:inline-flex;height:var(--control-height);padding:var(--grid-size);white-space:nowrap}.tag-editor .tag-name.color-red{background-color:var(--faint-red);border:1px solid var(--light-red);color:var(--dark-red)}.tag-editor .tag-name.color-orange{background-color:var(--faint-orange);border:1px solid var(--light-orange);color:var(--dark-orange)}.tag-editor .tag-name.color-yellow{background-color:var(--faint-yellow);border:1px solid var(--light-yellow);color:var(--dark-yellow)}.tag-editor .tag-name.color-green{background-color:var(--faint-green);border:1px solid var(--light-green);color:var(--dark-green)}.tag-editor .tag-name.color-blue{background-color:var(--faint-blue);border:1px solid var(--light-blue);color:var(--dark-blue)}.tag-editor .tag-name.color-purple{background-color:var(--faint-purple);border:1px solid var(--light-purple);color:var(--dark-purple)}.file-input>label{align-items:center;display:inline-flex;position:relative}.file-input-control{position:relative}.file-input.orientation-vertical>label{align-items:flex-start;flex-direction:column}.file-input.orientation-vertical>label input{margin-left:0;margin-top:var(--grid-size)}.story-chooser{display:flex;flex-direction:column;min-height:0}.story-chooser p{margin-bottom:0}.story-chooser ul{list-style:none;margin:0;min-height:0;overflow:auto;padding:0}.story-chooser .replace-warning{display:block}.story-chooser .actions{flex-shrink:0}.story-import-dialog .card-content{display:flex;flex-direction:column;max-height:100%;min-height:0}.story-import-dialog .card-content p:first-child{margin-top:0}.screen-reader-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.story-javascript-dialog p{margin:0;padding:var(--grid-size)}.meter .meter-bar{background:transparent;border:1px solid var(--light-gray);border-radius:var(--corner-round);height:calc(var(--corner-round)*2);position:relative}.meter .meter-bar .filled{background-color:var(--blue);border-radius:var(--corner-round);display:block;height:100%;transition:width .5s}.meter .meter-label{margin-top:calc(var(--grid-size)/2);text-align:center}.story-details-dialog .story-format{align-items:center;display:grid;grid-gap:var(--grid-size);grid-template-columns:auto 1fr;margin:var(--grid-size) var(--grid-size) 0 var(--grid-size)}.story-stats{align-items:start;display:grid;grid-gap:var(--grid-size);grid-template-columns:2fr 3fr}.story-stats .counts td:first-child{padding-right:.25em;text-align:right}.story-stats .update-and-ifid :first-child{margin-top:0}.story-stats .update-and-ifid :last-child{margin-bottom:0}.story-stats .counts td:first-child{font-weight:700}.story-search-dialog .search-fields{padding:var(--grid-size);margin:0}.story-search-dialog .search-results{align-items:center;display:flex;justify-content:space-between;padding-right:var(--grid-size)}.story-search-dialog .search-fields{display:grid;grid-gap:var(--grid-size);grid-template-columns:1fr 1fr}.story-search-dialog .search-fields .code-area{height:5em}.story-stylesheet-dialog p{margin:0;padding:var(--grid-size)}.route-toolbar{background:var(--white);box-shadow:var(--shadow-large);height:calc(var(--control-height)*2);left:0;position:fixed;right:0;top:0;-webkit-user-select:none;-ms-user-select:none;user-select:none;z-index:1000}.route-toolbar .route-toolbar-top{background:linear-gradient(0deg,var(--light-gray) 0,var(--light-gray) 1px,transparent 0);display:flex;height:var(--control-height)}.route-toolbar .route-toolbar-pinned-controls{display:flex;justify-content:flex-end;flex-grow:1}.route-toolbar .route-toolbar-tablist{display:inline-flex;list-style:none;margin:0;padding:0}.route-toolbar .route-toolbar-tab{align-items:center;color:var(--dark-gray);cursor:pointer;display:inline-flex;font:100% var(--font-system);height:var(--control-height);padding:var(--grid-size);transition:background .3s}.route-toolbar .route-toolbar-tab:hover{background:var(--light-gray-translucent)}.route-toolbar .route-toolbar-tab.selected{font-weight:700;background:linear-gradient(0deg,var(--blue) 0,var(--blue) 2px,transparent 0)}.add-story-format-button .card input[type=text]{width:30em}.marquee-selection{position:absolute;background:var(--light-blue-translucent);top:0;left:0;width:100px;height:100px;-webkit-transform-origin:top left;transform-origin:top left}line.broken-connection{fill:none;stroke:var(--dark-red);stroke-width:2px}path.passage-connection{fill:none;stroke:var(--gray);stroke-width:2px}path.passage-connection.variant-reference{stroke-dasharray:4px}path.self-connection{fill:none;stroke:var(--gray);stroke-width:2px}path.self-connection.variant-reference{stroke-dasharray:4px}#link-arrowhead path{fill:var(--gray);stroke:none}#link-broken circle{fill:var(--dark-red)}#link-broken path{stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;stroke:var(--white)}#link-start circle{fill:var(--dark-green)}#link-start circle.fill-white{fill:var(--white)}#link-start path{fill:none;stroke:var(--white);stroke-linecap:round;stroke-linejoin:round}line.start-connection{fill:none;stroke:var(--dark-green);stroke-width:2px}.passage-card{cursor:default;font-size:85%;position:absolute;-webkit-user-select:none;-ms-user-select:none;user-select:none}.passage-card .selectable-card{height:100%}.passage-card .card{padding:calc(var(--grid-size)/2)}.passage-card .card-content .placeholder{font-style:italic}.passage-card h2{color:var(--black);font-size:100%;font-weight:400}.passage-card .card-content{color:var(--gray);padding:0;overflow:ellipsis}.passage-card.empty .card{background:rgba(255,255,255,.33);border:1px dashed var(--gray);box-shadow:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.passage-card.empty.selected .card{background:rgba(61,147,245,.1);border:1px dashed var(--blue);box-shadow:none}.compact-passage-cards .passage-card h2{align-items:center;display:flex;flex-grow:1;font-size:160%;justify-content:center;text-align:center;word-break:break-word}.compact-passage-cards .passage-card .card-content{display:none}.compact-passage-cards .passage-card .tag-stripe span{border-radius:4px;height:8px}[data-app-theme=dark] .passage-card.empty .card{background:rgba(255,255,255,.1)}[data-app-theme=dark] .passage-card.empty.selected .card{background:rgba(61,147,245,.2)}.passage-map{background-color:var(--faint-blue);background-image:url(../../static/media/graph-paper-light.14914806.svg);background-size:100px;min-height:calc(333.333vh - var(--control-height)*2);min-width:333.333vw;-webkit-transform-origin:top left;transform-origin:top left;will-change:transform}[data-app-theme=dark] .passage-map{background-image:url(../../static/media/graph-paper-dark.c7428e8b.svg)}.passage-map .passage-card{will-change:transform}.passage-map .passage-card.selected{-webkit-transform:translate(var(--drag-offset-left),var(--drag-offset-top));transform:translate(var(--drag-offset-left),var(--drag-offset-top))}.zoom-buttons{position:fixed;bottom:var(--grid-size);left:var(--grid-size)}.zoom-buttons .button-card{box-shadow:var(--shadow-large)}.zoom-buttons .icon-button .icon{height:24px;width:24px}.story-edit-route .marquee-selection{z-index:3}.story-edit-route .zoom-buttons{z-index:4}.story-edit-route .passage-map{position:absolute;top:0;left:0}.story-edit-route .link-connectors{position:absolute;top:0;left:0;width:100%;height:100%}body.dragging-passages .drop{display:none!important}body.dragging-passages .story-edit-route *{cursor:default!important}.fuzzy-finder-result{-webkit-appearance:none;appearance:none;align-items:center;background:none;border:none;border-radius:var(--corner-round);color:var(--dark-gray);cursor:pointer;display:flex;flex-direction:row;font:100% var(--font-system);grid-gap:var(--grid-size);gap:var(--grid-size);padding:var(--grid-size);transition:background .3s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.fuzzy-finder-result svg{color:var(--dark-blue);flex-shrink:0;height:16px;margin-right:calc(var(--grid-size)*-0.5);visibility:hidden;width:16px}.fuzzy-finder-result:hover{background-color:var(--light-gray-translucent)}.fuzzy-finder-result .heading{color:var(--black);flex-shrink:0}.fuzzy-finder-result .detail{color:var(--gray);overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.fuzzy-finder-result.selected svg{visibility:visible}.fuzzy-finder-result.selected .heading{color:var(--dark-blue)}.fuzzy-finder{box-shadow:var(--shadow-large);left:var(--grid-size);position:fixed;top:calc(var(--control-height)*2 + var(--grid-size));z-index:10;width:500px}.fuzzy-finder .search{align-items:center;display:flex;padding:var(--control-inner-padding) 0 var(--control-inner-padding) var(--grid-size)}.fuzzy-finder .search .text-input{flex-grow:1}.fuzzy-finder .search .text-input label{width:100%}.fuzzy-finder .results ol{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.fuzzy-finder .results ol button{width:100%}.fuzzy-finder .search+.results.has-results{margin-top:calc(var(--control-inner-padding)*-1)}.fuzzy-finder .no-results{font-style:italic;padding:0 var(--grid-size) var(--grid-size) var(--grid-size)}.storage-quota{align-items:center;display:inline-flex;height:var(--control-height)}.confirm-button .card-button-card{max-width:350px}.story-card{-webkit-user-select:none;-ms-user-select:none;user-select:none}.story-card .card-content{flex-grow:1}.story-card .story-card-summary{display:grid;grid-gap:var(--grid-size);grid-template-columns:150px 1fr;height:150px;margin-bottom:var(--grid-size)}.story-card .story-card-summary svg.story-preview,.story-import-card .story-card-summary svg.story-preview{height:150px;width:150px}.story-card .story-card-summary-text{align-self:center}.story-card .tags{margin-bottom:calc(var(--grid-size)*-1)}.story-card .tags .tag-button{display:inline-block;margin-right:var(--grid-size);margin-bottom:var(--grid-size)}.story-preview-bg{fill-opacity:.2}.story-preview-fg{fill-opacity:.8}[data-app-theme=dark] .story-preview-bg{fill-opacity:.05}[data-app-theme=dark] .story-preview-fg{fill-opacity:.5}.welcome-card .card{display:grid;grid:"image content" "buttons buttons";grid-template-columns:200px 1fr}.welcome-card .welcome-card-image{align-self:center;grid-area:image}.welcome-card .welcome-card-image .icon-tabler{stroke:var(--gray);stroke-width:1}.welcome-card .card-content{align-self:center;grid-area:content}.welcome-card .button-bar{grid-area:buttons}.welcome-card .card-content p:last-child{margin-bottom:0}.welcome-card .welcome-card-image svg{height:auto;width:200px}.welcome-route{background:var(--off-white);min-height:100vh;padding:calc(var(--grid-size)*4)}.welcome-route .cards{display:grid;grid-gap:var(--grid-size);margin:0 auto;max-width:45em}.js-focus-visible :focus:not(.focus-visible){outline:none}
/*# sourceMappingURL=main.2d3369b7.chunk.css.map */