:root{--font-size:16px;--white:#f7f7f7;--light-grey:#e6e6e6;--dark-grey:#313131;--black:#252423;--green:124,252,0;--purple:128,0,128}@media screen and (min-width:600px){:root{--font-size:17px}}@media screen and (min-width:900px){:root{--font-size:18px}}*{box-sizing:border-box}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-ms-overflow-style:none;color:var(--text-color);background:var(--background-color);font-size:var(--font-size);text-rendering:optimizeLegibility}body,html{margin:0;padding:0}html.theme-dark{--text-color:var(--white);--background-color:var(--black);--link-color:rgba(var(--green),1);--connection-color:rgba(var(--green),0.15);--outline-color:rgba(var(--green),0.85)}html.theme-light{--text-color:var(--dark-grey);--background-color:var(--light-grey);--link-color:rgba(var(--purple),1);--connection-color:rgba(var(--purple),0.15);--outline-color:rgba(var(--purple),0.85)}h1,h2,h3,p{margin:0}.goalie{display:grid;grid-template-rows:3rem 1fr;font-family:HelveticaNeue,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}.page__header{display:flex;align-items:center}nav{grid-row:1;grid-column:1;justify-self:flex-end;z-index:1}nav a{display:inline-flex;margin:.7rem 1.2rem .4rem 0;padding:.4rem 0;border-bottom:1px solid transparent;color:var(--link-color);text-decoration:none}nav a.router-link-exact-active{outline:none;border-bottom-color:var(--link-color);color:var(--text-color)}nav a:focus,nav a:hover{outline:none;border-bottom-color:var(--link-color);color:var(--link-color)}main{grid-row:1;grid-column:1;height:100vh}.c-button{margin:0;padding:.75em 1em;border:none;border-radius:1.25em;color:#000;background:#fff;cursor:pointer;font:inherit;font-weight:700}.c-button--link{width:44px;height:44px;margin:3px;padding:10px;color:var(--link-color);background:#fff;cursor:move;transition:opacity .2s ease-out;outline:none;opacity:0}.c-button--link:focus{opacity:1;transform:scale(1.1)}.u-position--top-right{position:absolute;top:0;right:0}.u-hidden--visually{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;border:0!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}.c-card,.c-input{width:100%;margin:5px 0;padding:.8rem;outline:none;box-shadow:0 0 0 .5px rgba(49,49,93,.03),0 2px 5px 0 rgba(49,49,93,.1),0 1px 2px 0 rgba(0,0,0,.08);border:none;border-radius:6px;color:#2c3e50;background:#fff;font-size:1rem}.c-input:focus,.c-input:hover{outline:none;box-shadow:0 0 1px 2px var(--outline-color)}.c-card{position:relative;width:100%;height:100%;cursor:pointer;scroll-snap-align:start}.c-card ::-moz-selection{color:none;background:none}.c-card ::selection{color:none;background:none}.c-card.is-focus,.c-card:active,.c-card:focus,.c-card:hover{box-shadow:0 0 1px 2px var(--outline-color);opacity:1}.c-card.is-connected{background-image:linear-gradient(var(--connection-color),var(--connection-color)),linear-gradient(#fff,#fff);box-shadow:0 0 1px 1px var(--outline-color);opacity:1}.is-dragging #board-connections{display:none}.is-dragging .c-card__body{pointer-events:none}.c-card__title{word-break:break-word;font-size:1.25rem;line-height:1.1}.c-card__desc{margin:.4em 0 0;font-size:.85em}.c-card:hover .c-button{opacity:1}.c-grid{overflow:scroll;-ms-overflow-style:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.c-grid,.c-grid__column{display:flex;width:100vw}.c-grid__column{flex-flow:column nowrap;flex-shrink:0;height:calc(100vh - 3rem);scroll-snap-align:start}@media screen and (min-width:600px){.c-grid__column{width:50vw}}@media screen and (min-width:900px){.c-grid__column{width:25vw}}.c-grid__column-title{position:-webkit-sticky;position:sticky;top:0;z-index:1;flex:1;padding:5px 10px;font-weight:400}.c-grid__column-placeholder{flex:1;font-style:italic;text-align:center;opacity:.5;pointer-events:none}.c-grid__cards{display:flex;height:100%;flex-flow:column nowrap;padding:0 10px;scroll-snap-align:center;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;scroll-padding:5px;overflow:scroll;-ms-overflow-style:none}.c-grid__input{position:-webkit-sticky;position:sticky;bottom:0;width:100%;padding:0 10px 5px;background:var(--background-color)}.sort-item{transition:all .8s ease-out}.sort-enter,.sort-leave-to{opacity:0;transform:translateY(50px)}.sort-move{transition:transform .4s ease-out}.c-board{display:grid;grid-template-rows:3rem 1fr}.c-board__header{grid-row:1;grid-column:1;justify-content:space-between;align-self:center}.c-board__grid{grid-row:2;grid-column:1}.c-board__connections{position:absolute;top:0;width:100%;height:100%;z-index:1;pointer-events:none}.c-board__empty-message{grid-row:2;grid-column:1;align-self:center;justify-self:center;position:relative;z-index:2}.c-board__empty-message p{margin:.5em 0 .8em;font-size:1.1em}.c-board__load-button{margin-bottom:5em;color:var(--background-color);background:var(--link-color);transition:transform .1s ease-out}.c-board__load-button:active,.c-board__load-button:focus{outline:none;transform:scale(.95)}.c-board__title{max-width:50vw;margin:0 10px;padding:0;background:none;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;font-weight:700;font-size:2rem;outline:none}.c-board__title::-moz-selection{color:var(--background-color);background:var(--link-color)}.c-board__title::selection{color:var(--background-color);background:var(--link-color)}.fade-enter-active,.fade-enter-active .c-modal__body{transition:all .3s ease-out}.fade-leave-active,.fade-leave-active .c-modal__body{transition:all .05s ease-out}.fade-enter,.fade-leave-to{opacity:0}.fade-enter .c-modal__body,.fade-leave-to .c-modal__body{transform:translateY(10px);opacity:0}.slide-left-enter-active,.slide-left-enter-active>*,.slide-right-enter-active,.slide-right-enter-active>*{transition:all .2s ease-in}.slide-left-leave-active,.slide-left-leave-active>*,.slide-right-leave-active,.slide-right-leave-active>*{transition:all .2s ease-out}.slide-left-enter>*,.slide-left-leave-to>*,.slide-right-enter>*,.slide-right-leave-to>*{opacity:0}.slide-left-enter .c-modal__body,.slide-right-leave-to .c-modal__body{transform:translateX(40px)}.slide-left-leave-to .c-modal__body,.slide-right-enter .c-modal__body{transform:translateX(-40px)}.c-modal{position:fixed;top:0;left:0;height:100vh;width:100%;display:flex;flex-flow:row wrap;align-items:center;justify-content:space-evenly;padding:3rem;background:rgba(0,0,0,.7);z-index:2;overflow:scroll;-ms-overflow-style:none}.c-modal__body,.c-modal__meta{max-height:75vh;min-width:300px}.c-modal__body{position:relative;display:flex;flex-flow:column nowrap;flex:2 0 400px;max-width:80vmin;height:80vh;padding:1.2rem 1.5rem;background:#fff;box-shadow:0 6px 20px 0 rgba(0,0,0,.2);border-radius:6px}.c-modal__meta{flex:1 0 200px;max-width:40vmin;padding:1rem 1rem 2rem;align-self:flex-end;line-height:1.5;overflow:auto}.c-modal__meta-header{font-size:.9rem;font-weight:400;opacity:.8}.c-modal__meta dd,.c-modal__meta ul{margin:0 0 1.5em;padding-left:0;list-style:none}.c-modal__meta a{display:flex;align-items:center;color:var(--link-color);text-decoration:none}.c-modal__meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-modal__body>div{width:100%}.c-modal__content,.c-modal__title{display:block;width:100%;margin:0 0 .3em;padding:0;border:none;outline:none;background:none;font-size:1.2rem;font-family:inherit;resize:none}.c-modal__content::-moz-selection,.c-modal__title::-moz-selection{background:var(--connection-color)}.c-modal__content::selection,.c-modal__title::selection{background:var(--connection-color)}.c-modal__title{font-weight:700;font-size:2rem;line-height:1;word-break:break-word;max-height:80%}.c-modal__content{flex:1}.c-modal__button--close{width:3rem;height:3rem;margin:-1.25rem -1.25rem 0 0;padding:0 0 .1rem;border-radius:50%;outline:none;color:var(--background-color);background-color:var(--link-color)}.c-modal__button--close:focus,.c-modal__button--close:hover{color:var(--link-color);background-color:var(--background-color)}.c-modal__button--delete{align-self:center;color:#fff;background:#f33;font-size:.8rem;outline:none}.c-modal__button--delete:focus{background:#c00}.c-card--mini{flex-grow:0;width:1.5rem;height:1.5rem;padding:.8rem;margin-right:.5rem}