:root{--space:1.25rem;--color-base:hsl(0,0%,98%);--color-base-text:hsl(0,0%,10%);--color-primary:hsl(0,5%,10%);--color-primary-text:hsl(0,5%,90%);--color-secondary:hsl(0,0%,90%);--color-secondary-text:hsl(0,0%,10%);--color-accent:hsl(0,90%,55%);--color-link:hsl(30,50%,55%);--color-error:hsl(0,100%,48%);--color-overlay:hsla(0,10%,5%,.8);--color-underlay:hsl(0,0%,99%);--color-disabled:hsl(0,0%,50%);--color-input-background:hsl(0,0%,99%);--color-input-text:hsl(0,0%,10%);--form-input-radius:.5rem;--sm-md-breakpoint:800px;--md-lg-breakpoint:1200px;--transition-time:333ms;--iosSafari-fix:114px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;font-family:Asap,sans-serif;-webkit-text-size-adjust:100%;background-color:var(--color-base);color:var(--color-base-text)}body,html{position:fixed;width:100%;height:100%;overflow:hidden}router-outlet~*{position:absolute;top:0;left:0;width:100%;height:100%}h1,h2,p{overflow-wrap:break-word}h1,h2{line-height:1.25;padding-bottom:var(--space)}h1{font-size:2rem;text-transform:capitalize}h2{font-size:1.5rem}a{height:100%;display:inline-block;vertical-align:bottom;text-decoration:none;color:var(--color-link);fill:currentColor;cursor:pointer;overflow:hidden;white-space:nowrap}a>span{height:100%;display:inline-block;box-shadow:0 .2em 0 0 var(--color-accent);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:-webkit-transform calc(var(--transition-time)/ 2) ease;transition:transform calc(var(--transition-time)/ 2) ease;transition:transform calc(var(--transition-time)/ 2) ease,-webkit-transform calc(var(--transition-time)/ 2) ease}a:active>span,a:hover>span{-webkit-transform:translate3d(0,-.2em,0);transform:translate3d(0,-.2em,0)}a.tag{margin:calc(var(--space)/ 2) calc(var(--space)/ 4) 0}a.tag>span{line-height:var(--space);border-radius:calc(var(--space)/ 3);padding:0 .33rem;margin-top:.2rem;font-size:.8rem;background-color:var(--color-base);box-shadow:none}a.tag:active>span,a.tag:hover>span{color:var(--color-accent)}p{line-height:1.5}img{background-color:var(--color-underlay)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;padding:0 calc(var(--space)/2);text-align:center;display:-ms-grid;display:grid;-ms-flex-align:center;align-items:center;justify-items:center;-ms-flex-line-pack:center;align-content:center;color:var(--color-primary-text);background-color:var(--color-overlay);text-shadow:0 1px 2px hsla(0,0%,0%,.5);transition:left var(--transition-time) ease-out}.overlay.closed{left:100%}.overlay a,.overlay p{max-width:100%;line-height:1.5;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}main{width:100%;display:-ms-grid;display:grid;-ms-grid-columns:1fr minmax(150px,1200px) 1fr;grid-template-columns:1fr minmax(150px,1200px) 1fr;justify-items:stretch;-ms-flex-align:start;align-items:start;padding:var(--space);padding-bottom:0}main>*{-ms-grid-column:2;-ms-grid-column-span:1;grid-column:2/3;padding-bottom:var(--space)}.interaction-container{width:100%;padding:var(--space);color:var(--color-secondary-text);background-color:var(--color-secondary);border-radius:0 var(--space) var(--space);box-shadow:2px 3px 10px hsla(0,0%,0%,.1) inset}main .interaction-container{width:100%;overflow:auto}.overflow-padding-fix>:last-child::after,main>:last-child::after{content:'';display:block;position:relative;right:-100%;width:var(--space);height:1px}.error{color:var(--color-error)}.error,.message{font-size:.8rem;font-style:italic}:not(div).error::after,:not(div).message::after,div.error>::after,div.message>::after{content:'';display:inline-block;width:.15em}.scrollable{-webkit-overflow-scrolling:touch;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow-x:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.scrollable::-webkit-scrollbar{width:0;height:0}span.burger::after{content:'☰';color:currentColor;font-family:sans-serif}span.xburger::after{content:'X';color:currentColor;font-family:sans-serif}span.liquid::after{content:'LIQUID';font-family:Unna,Serif;font-size:1.5em;color:currentColor}span.dropicon::after{content:'';position:relative;display:inline-block;vertical-align:middle;font-size:1em;margin-left:.25em;border-top:.3em solid currentColor;border-left:.25em solid transparent;border-right:.25em solid transparent}span.redo::after,span.undo::after{content:'↺';display:block;font-family:sans-serif;font-size:calc(var(--space)*1.5);-webkit-transform:rotateZ(330deg);-ms-transform:rotate(330deg);transform:rotateZ(330deg);transition:-webkit-transform var(--transition-time);transition:transform var(--transition-time);transition:transform var(--transition-time),-webkit-transform var(--transition-time)}span.redo::after{-webkit-transform:rotateZ(30deg) rotateY(180deg);transform:rotateZ(30deg) rotateY(180deg)}span.undo:active::after,span.undo:hover::after{-webkit-transform:rotateZ(285deg);-ms-transform:rotate(285deg);transform:rotateZ(285deg)}span.redo:active::after,span.redo:hover::after{-webkit-transform:rotateZ(75deg) rotateY(180deg);transform:rotateZ(75deg) rotateY(180deg)}