canvas{position:absolute;left:400px;top:0;opacity:0;transition:left .2s,top .2s,opacity .3s ease-in-out}body{margin:0;padding:0;overflow:hidden;position:fixed;width:100%;height:100%;left:0;top:0;font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .2s}body.zodiac{background:#13294f}body.zodiac a{color:#fff}body.zodiac .secondary-border{border-color:#406495}body.zodiac .darker-background{background:#03183c}body.zodiac .secondary-text{color:#658bbd}body.zodiac .primary-text{color:#fff}body.zodiac input.image-picker{border:1px dashed #406495}body.zodiac .logo svg{fill:#fff}body.zodiac .secondary-fill,body.zodiac .svg.secondary{fill:#658bbd}body.zodiac .primary-fill,body.zodiac .svg.primary{fill:#fff}body.zodiac .sidebar-buttons svg{fill:#658bbd}body.zodiac .sidebar-buttons a{border-right:1px solid #406495;border-bottom:1px solid #406495}body.zodiac .input-row .image-picker::placeholder{color:#658bbd}body.zodiac .title{color:hsla(0,0%,100%,.8)}body.zodiac .hide-button{fill:#03183c}body.charcoal{background:#404040}body.charcoal a{color:#fff}body.charcoal .secondary-border{border-color:#696969}body.charcoal .darker-background{background:#202020}body.charcoal .secondary-text{color:#909090}body.charcoal .primary-text{color:#fff}body.charcoal input.image-picker{border:1px dashed #696969}body.charcoal .logo svg{fill:#fff}body.charcoal .secondary-fill,body.charcoal .svg.secondary{fill:#909090}body.charcoal .primary-fill,body.charcoal .svg.primary{fill:#fff}body.charcoal .sidebar-buttons svg{fill:#909090}body.charcoal .sidebar-buttons a{border-right:1px solid #696969;border-bottom:1px solid #696969}body.charcoal .input-row .image-picker::placeholder{color:#909090}body.charcoal .title{color:hsla(0,0%,100%,.8)}body.charcoal .hide-button{fill:#202020}body.hippie-blue{background:#51a2a7}body.hippie-blue a{color:#d3e6ea}body.hippie-blue .secondary-border{border-color:#8aafb4}body.hippie-blue .darker-background{background:#396a70}body.hippie-blue .secondary-text{color:#b9cfd2}body.hippie-blue .primary-text{color:#d3e6ea}body.hippie-blue input.image-picker{border:1px dashed #8aafb4}body.hippie-blue .logo svg{fill:#d3e6ea}body.hippie-blue .secondary-fill,body.hippie-blue .svg.secondary{fill:#b9cfd2}body.hippie-blue .primary-fill,body.hippie-blue .svg.primary{fill:#d3e6ea}body.hippie-blue .sidebar-buttons svg{fill:#b9cfd2}body.hippie-blue .sidebar-buttons a{border-right:1px solid #8aafb4;border-bottom:1px solid #8aafb4}body.hippie-blue .input-row .image-picker::placeholder{color:#b9cfd2}body.hippie-blue .title{color:hsla(0,0%,100%,.8)}body.hippie-blue .hide-button{fill:#396a70}body.black{background:#000}body.black a{color:#fff}body.black .secondary-border{border-color:#696969}body.black .darker-background{background:#202020}body.black .secondary-text{color:#909090}body.black .primary-text{color:#fff}body.black input.image-picker{border:1px dashed #696969}body.black .logo svg{fill:#fff}body.black .secondary-fill,body.black .svg.secondary{fill:#909090}body.black .primary-fill,body.black .svg.primary{fill:#fff}body.black .sidebar-buttons svg{fill:#909090}body.black .sidebar-buttons a{border-right:1px solid #696969;border-bottom:1px solid #696969}body.black .input-row .image-picker::placeholder{color:#909090}body.black .title{color:hsla(0,0%,100%,.8)}body.black .hide-button{fill:#202020;fill:#999}body.casablanka{background:#f2ad52}body.casablanka a{color:#fff}body.casablanka .secondary-border{border-color:#f4b863}body.casablanka .darker-background{background:#b06d13}body.casablanka .secondary-text{color:#f9d9ab}body.casablanka .primary-text{color:#fff}body.casablanka input.image-picker{border:1px dashed #f4b863}body.casablanka .logo svg{fill:#fff}body.casablanka .secondary-fill,body.casablanka .svg.secondary{fill:#f9d9ab}body.casablanka .primary-fill,body.casablanka .svg.primary{fill:#fff}body.casablanka .sidebar-buttons svg{fill:#f9d9ab}body.casablanka .sidebar-buttons a{border-right:1px solid #f4b863;border-bottom:1px solid #f4b863}body.casablanka .input-row .image-picker::placeholder{color:#f9d9ab}body.casablanka .title{color:hsla(0,0%,100%,.8)}body.casablanka .hide-button{fill:#b06d13}body.wood-bark{background:#312321}body.wood-bark a{color:#fff}body.wood-bark .secondary-border{border-color:#665653}body.wood-bark .darker-background{background:#250e0b}body.wood-bark .secondary-text{color:#907b77}body.wood-bark .primary-text{color:#fff}body.wood-bark input.image-picker{border:1px dashed #665653}body.wood-bark .logo svg{fill:#fff}body.wood-bark .secondary-fill,body.wood-bark .svg.secondary{fill:#907b77}body.wood-bark .primary-fill,body.wood-bark .svg.primary{fill:#fff}body.wood-bark .sidebar-buttons svg{fill:#907b77}body.wood-bark .sidebar-buttons a{border-right:1px solid #665653;border-bottom:1px solid #665653}body.wood-bark .input-row .image-picker::placeholder{color:#907b77}body.wood-bark .title{color:hsla(0,0%,100%,.8)}body.wood-bark .hide-button{fill:#250e0b}body.east-bay{background:#475770}body.east-bay a{color:#fff}body.east-bay .secondary-border{border-color:#717786}body.east-bay .darker-background{background:#212e48}body.east-bay .secondary-text{color:#9a9faa}body.east-bay .primary-text{color:#fff}body.east-bay input.image-picker{border:1px dashed #717786}body.east-bay .logo svg{fill:#fff}body.east-bay .secondary-fill,body.east-bay .svg.secondary{fill:#9a9faa}body.east-bay .primary-fill,body.east-bay .svg.primary{fill:#fff}body.east-bay .sidebar-buttons svg{fill:#9a9faa}body.east-bay .sidebar-buttons a{border-right:1px solid #717786;border-bottom:1px solid #717786}body.east-bay .input-row .image-picker::placeholder{color:#9a9faa}body.east-bay .title{color:hsla(0,0%,100%,.8)}body.east-bay .hide-button{fill:#212e48}body.flamingo{background:#ec694d}body.flamingo a{color:#fff}body.flamingo .secondary-border{border-color:#ee8a6f}body.flamingo .darker-background{background:#8e3720}body.flamingo .secondary-text{color:#f6c2b4}body.flamingo .primary-text{color:#fff}body.flamingo input.image-picker{border:1px dashed #ee8a6f}body.flamingo .logo svg{fill:#fff}body.flamingo .secondary-fill,body.flamingo .svg.secondary{fill:#f6c2b4}body.flamingo .primary-fill,body.flamingo .svg.primary{fill:#fff}body.flamingo .sidebar-buttons svg{fill:#f6c2b4}body.flamingo .sidebar-buttons a{border-right:1px solid #ee8a6f;border-bottom:1px solid #ee8a6f}body.flamingo .input-row .image-picker::placeholder{color:#f6c2b4}body.flamingo .title{color:hsla(0,0%,100%,.8)}body.flamingo .hide-button{fill:#8e3720}body.maroon{background:#bf3558}body.maroon a{color:#fff}body.maroon .secondary-border{border-color:#b82b4e}body.maroon .darker-background{background:#7e0523}body.maroon .secondary-text{color:#d85878}body.maroon .primary-text{color:#fff}body.maroon input.image-picker{border:1px dashed #b82b4e}body.maroon .logo svg{fill:#fff}body.maroon .secondary-fill,body.maroon .svg.secondary{fill:#d85878}body.maroon .primary-fill,body.maroon .svg.primary{fill:#fff}body.maroon .sidebar-buttons svg{fill:#d85878}body.maroon .sidebar-buttons a{border-right:1px solid #b82b4e;border-bottom:1px solid #b82b4e}body.maroon .input-row .image-picker::placeholder{color:#d85878}body.maroon .title{color:hsla(0,0%,100%,.8)}body.maroon .hide-button{fill:#7e0523}body.espresso{background:#642b1c}body.espresso a{color:#fff}body.espresso .secondary-border{border-color:#6e4a40}body.espresso .darker-background{background:#270a02}body.espresso .secondary-text{color:#9f6b5c}body.espresso .primary-text{color:#fff}body.espresso input.image-picker{border:1px dashed #6e4a40}body.espresso .logo svg{fill:#fff}body.espresso .secondary-fill,body.espresso .svg.secondary{fill:#9f6b5c}body.espresso .primary-fill,body.espresso .svg.primary{fill:#fff}body.espresso .sidebar-buttons svg{fill:#9f6b5c}body.espresso .sidebar-buttons a{border-right:1px solid #6e4a40;border-bottom:1px solid #6e4a40}body.espresso .input-row .image-picker::placeholder{color:#9f6b5c}body.espresso .title{color:hsla(0,0%,100%,.8)}body.espresso .hide-button{fill:#270a02}body.white{background:#fff}body.white a{color:#000}body.white .secondary-border{border-color:#000}body.white .darker-background{background:#fff}body.white .primary-text,body.white .secondary-text{color:#000}body.white input.image-picker{border:1px dashed #000}body.white .logo svg,body.white .primary-fill,body.white .secondary-fill,body.white .sidebar-buttons svg,body.white .svg.primary,body.white .svg.secondary{fill:#000}body.white .sidebar-buttons a{border-right:1px solid #000;border-bottom:1px solid #000}body.white .input-row .image-picker::placeholder{color:#000}body.white .title{color:hsla(0,0%,100%,.8)}body.white .hide-button{fill:#fff}body.white .title{color:rgba(0,0,0,.8)}body.white .hide-button{fill:#999}body.white .group input[type=number],body.white .group input[type=text]{color:#000}body.black20{background:#202020}body.black20 a{color:#aeaeae}body.black20 .secondary-border{border-color:#5a5a5a}body.black20 .darker-background{background:#030202}body.black20 .secondary-text{color:#818181}body.black20 .primary-text{color:#aeaeae}body.black20 input.image-picker{border:1px dashed #5a5a5a}body.black20 .logo svg{fill:#aeaeae}body.black20 .secondary-fill,body.black20 .svg.secondary{fill:#818181}body.black20 .primary-fill,body.black20 .svg.primary{fill:#aeaeae}body.black20 .sidebar-buttons svg{fill:#818181}body.black20 .sidebar-buttons a{border-right:1px solid #5a5a5a;border-bottom:1px solid #5a5a5a}body.black20 .input-row .image-picker::placeholder{color:#818181}body.black20 .title{color:hsla(0,0%,100%,.8)}body.black20 .hide-button{fill:#030202}body.carolina-blue{background:#9abdde}body.carolina-blue a{color:#fff}body.carolina-blue .secondary-border{border-color:#86a4c6}body.carolina-blue .darker-background{background:#50749d}body.carolina-blue .secondary-text{color:#bbccdf}body.carolina-blue .primary-text{color:#fff}body.carolina-blue input.image-picker{border:1px dashed #86a4c6}body.carolina-blue .logo svg{fill:#fff}body.carolina-blue .secondary-fill,body.carolina-blue .svg.secondary{fill:#bbccdf}body.carolina-blue .primary-fill,body.carolina-blue .svg.primary{fill:#fff}body.carolina-blue .sidebar-buttons svg{fill:#bbccdf}body.carolina-blue .sidebar-buttons a{border-right:1px solid #86a4c6;border-bottom:1px solid #86a4c6}body.carolina-blue .input-row .image-picker::placeholder{color:#bbccdf}body.carolina-blue .title{color:hsla(0,0%,100%,.8)}body.carolina-blue .hide-button{fill:#50749d}body.rose-ebony{background:#664948}body.rose-ebony a{color:#fff}body.rose-ebony .secondary-border{border-color:#9a6f6d}body.rose-ebony .darker-background{background:#3e1b19}body.rose-ebony .secondary-text{color:#ba9c9b}body.rose-ebony .primary-text{color:#fff}body.rose-ebony input.image-picker{border:1px dashed #9a6f6d}body.rose-ebony .logo svg{fill:#fff}body.rose-ebony .secondary-fill,body.rose-ebony .svg.secondary{fill:#ba9c9b}body.rose-ebony .primary-fill,body.rose-ebony .svg.primary{fill:#fff}body.rose-ebony .sidebar-buttons svg{fill:#ba9c9b}body.rose-ebony .sidebar-buttons a{border-right:1px solid #9a6f6d;border-bottom:1px solid #9a6f6d}body.rose-ebony .input-row .image-picker::placeholder{color:#ba9c9b}body.rose-ebony .title{color:hsla(0,0%,100%,.8)}body.rose-ebony .hide-button{fill:#3e1b19}body.bunting{background:#24354e}body.bunting a{color:#fff}body.bunting .secondary-border{border-color:#363f4d}body.bunting .darker-background{background:#0b1528}body.bunting .secondary-text{color:#56647a}body.bunting .primary-text{color:#fff}body.bunting input.image-picker{border:1px dashed #363f4d}body.bunting .logo svg{fill:#fff}body.bunting .secondary-fill,body.bunting .svg.secondary{fill:#56647a}body.bunting .primary-fill,body.bunting .svg.primary{fill:#fff}body.bunting .sidebar-buttons svg{fill:#56647a}body.bunting .sidebar-buttons a{border-right:1px solid #363f4d;border-bottom:1px solid #363f4d}body.bunting .input-row .image-picker::placeholder{color:#56647a}body.bunting .title{color:hsla(0,0%,100%,.8)}body.bunting .hide-button{fill:#0b1528}body.pink{background:#e99e9b}body.pink a{color:#fff}body.pink .secondary-border{border-color:#efaba7}body.pink .darker-background{background:#93453f}body.pink .secondary-text{color:#fbeae9}body.pink .primary-text{color:#fff}body.pink input.image-picker{border:1px dashed #efaba7}body.pink .logo svg{fill:#fff}body.pink .secondary-fill,body.pink .svg.secondary{fill:#fbeae9}body.pink .primary-fill,body.pink .svg.primary{fill:#fff}body.pink .sidebar-buttons svg{fill:#fbeae9}body.pink .sidebar-buttons a{border-right:1px solid #efaba7;border-bottom:1px solid #efaba7}body.pink .input-row .image-picker::placeholder{color:#fbeae9}body.pink .title{color:hsla(0,0%,100%,.8)}body.pink .hide-button{fill:#93453f}body.white-lilac{background:#e7e7e7}body.white-lilac a{color:#fff}body.white-lilac .secondary-border{border-color:#c3c3c3}body.white-lilac .darker-background{background:#8d8c8c}body.white-lilac .secondary-text{color:#eaeaea}body.white-lilac .primary-text{color:#fff}body.white-lilac input.image-picker{border:1px dashed #c3c3c3}body.white-lilac .logo svg{fill:#fff}body.white-lilac .secondary-fill,body.white-lilac .svg.secondary{fill:#eaeaea}body.white-lilac .primary-fill,body.white-lilac .svg.primary{fill:#fff}body.white-lilac .sidebar-buttons svg{fill:#eaeaea}body.white-lilac .sidebar-buttons a{border-right:1px solid #c3c3c3;border-bottom:1px solid #c3c3c3}body.white-lilac .input-row .image-picker::placeholder{color:#eaeaea}body.white-lilac .title{color:hsla(0,0%,100%,.8)}body.white-lilac .hide-button{fill:#8d8c8c}body.dark-gray{background:#a8a8a8}body.dark-gray a{color:#fff}body.dark-gray .secondary-border{border-color:#696969}body.dark-gray .darker-background{background:#202020}body.dark-gray .secondary-text{color:#909090}body.dark-gray .primary-text{color:#fff}body.dark-gray input.image-picker{border:1px dashed #696969}body.dark-gray .logo svg{fill:#fff}body.dark-gray .secondary-fill,body.dark-gray .svg.secondary{fill:#909090}body.dark-gray .primary-fill,body.dark-gray .svg.primary{fill:#fff}body.dark-gray .sidebar-buttons svg{fill:#909090}body.dark-gray .sidebar-buttons a{border-right:1px solid #696969;border-bottom:1px solid #696969}body.dark-gray .input-row .image-picker::placeholder{color:#909090}body.dark-gray .title{color:hsla(0,0%,100%,.8)}body.dark-gray .hide-button{fill:#202020}body.drag-over .drop-help{display:flex}body.sidebar-closed canvas{left:0}#progress{transition:opacity .2s ease-in-out;animation:blink 1.5s ease-in-out infinite alternate;position:absolute;top:42px;left:0;width:392px;font-size:12px;color:#eee;opacity:0;z-index:2;text-align:center;background:rgba(0,0,0,.22);box-shadow:-1px 1px 4px rgba(0,0,0,.8);-webkit-user-select:none;user-select:none}body.paused #progress{pointer-events:none}#progress.error{color:#6fbf0d}#progress.error a{color:#fff;border-bottom:1px dashed}.drop-help{position:fixed;justify-content:center;background:rgba(0,0,0,.8);color:#fff;align-items:center;z-index:3;top:0;left:0;width:100%;height:100%;pointer-events:none}@media (max-width:800px){canvas{left:0;top:42px}#progress{width:100%}}*{box-sizing:border-box;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media print{#app,#progress{display:none}canvas{left:0;top:0;width:100%;height:100%;position:absolute}}@-moz-keyframes pulse-out{0%{opacity:1}to{opacity:0}}@-webkit-keyframes pulse-out{0%{opacity:1}to{opacity:0}}@-o-keyframes pulse-out{0%{opacity:1}to{opacity:0}}@keyframes pulse-out{0%{opacity:1}to{opacity:0}}@-moz-keyframes blink{0%{background:rgba(0,0,0,.22)}to{background:rgba(19,41,79,.7)}}@-webkit-keyframes blink{0%{background:rgba(0,0,0,.22)}to{background:rgba(19,41,79,.7)}}@-o-keyframes blink{0%{background:rgba(0,0,0,.22)}to{background:rgba(19,41,79,.7)}}@keyframes blink{0%{background:rgba(0,0,0,.22)}to{background:rgba(19,41,79,.7)}}a{text-decoration:none}a.highlighted{border-bottom:1px dashed}.nodisplay{display:none}h3.title{margin-top:0;padding-top:8px;margin-bottom:7px;font-size:21px;font-weight:400}.first-run{opacity:.2}.group{padding:0 7px}.group.no-padding{padding:0}.group .col{align-items:center;display:flex;flex:1}.group .col select{margin-left:14px}.group .row{margin-top:4px;display:flex;flex-direction:row;height:32px}.group .color-row{height:auto;align-items:start}.group .color-row .col{min-height:32px}.group input[type=number],.group input[type=text]{background:transparent;color:#fff;border:1px solid transparent;padding:7px;font-size:16px;width:100%;margin-left:7px}.group input[type=number]:focus,.group input[type=text]:focus{outline-offset:0;outline:none;border:1px dashed}.group input[type=number]:invalid,.group input[type=text]:invalid{box-shadow:none}.sidebar-buttons a.toggle-sidebar{display:none}.sidebar-content{top:42px;font-size:14px;flex:1;overflow-y:auto;width:100%;transition:opacity;transition-duration:.3s;transition-timing-function:cubic-bezier(0,0,.5,1)}.help-text{font-size:12px;font-style:italic}a::selection,div::selection,h3::selection,h4::selection,input::selection,p::selection{background:#d03094;color:#fff}.sidebar-buttons{display:flex;z-index:2;flex-shrink:0;height:42px;width:100%}.sidebar-buttons a{padding:8px;display:flex;flex:1;justify-content:center;align-items:center}.sidebar-buttons a.try-random{flex:1}.hide-button{position:absolute;height:41px;top:0;right:-23px;width:23px;box-shadow:0 1px 4px rgba(0,0,0,.8);display:flex;align-items:center;padding-left:4px}.hide-button svg{width:12px;height:12px}a.share-btn{display:none}.sidebar-closed .hide-button{visibility:visible;padding-left:8px}.sidebar-closed .hide-button svg{transform:scaleX(-1)}.settings-dialog{transition:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);width:392px;height:100%;position:absolute;display:flex;flex-direction:column;box-shadow:0 0 20px rgba(0,0,0,.3)}.settings-dialog .input-row{position:relative;display:flex;background:transparent;margin:8px 0;caret-color:#fff}.settings-dialog .input-row input.image-picker{height:32px;width:100%;padding:7px 65px 7px 7px;outline:none;font-size:14px;margin-left:0}.settings-dialog .input-row a.submit{padding:6px 12px;align-self:stretch;position:absolute;opacity:0;right:0;top:0;transition:opacity .5s}.settings-dialog .input-row.focused a.submit{opacity:1}.settings-dialog .file-picker{padding-top:12px}.settings-dialog .browse-btn{cursor:pointer;font-weight:700}a.about-icon{flex:none}.no-webgl{width:100%;color:#6285b7;flex-direction:column;text-align:center;padding:12px}.no-webgl h4{margin:7px 0;font-size:24px}.ui-container{position:absolute}.image-buttons{display:flex;justify-content:space-between}@media (min-width:801px){.settings-dialog.collapsed{transform:translateX(-392px)}}@media (max-width:800px){a.about-link{bottom:14px}a.share-btn{flex:none;display:flex;width:42px}.settings-dialog{width:100%;height:auto;max-height:100%;overflow:hidden}.settings-dialog .sidebar-buttons a:last-child{border-right:none}.settings-dialog .sidebar-buttons .toggle-sidebar{display:flex}.settings-dialog.collapsed .sidebar-content{display:none}}@media (max-width:350px){.sidebar-buttons{font-size:12px}}.about{position:absolute;overflow-y:auto;z-index:3;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start}.about .close{position:absolute;right:15px;font-size:12px}.about .large-close{width:100%;height:32px;font-size:12px;display:block;text-align:center}.about .content{position:relative;width:400px;padding:14px;border:1px solid}.about .content h3{margin:0;font-weight:400;font-size:18px}.background{position:absolute;background:rgba(0,0,0,.7);top:0;left:0;width:100%;height:100%}@media (max-width:800px){.about{justify-content:normal}.about .content{width:100%;border:none}}.share-dialog{position:absolute;z-index:3;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center}.share-dialog .share-window{position:relative;padding:14px;width:360px;border:1px solid}.share-dialog .share-window h2{margin:0;font-weight:400;font-size:16px}.share-dialog .share-window .close-btn{position:absolute;top:0;right:0;padding:8px 14px}.share-dialog .share-window div.providers{display:flex;padding:14px 0;justify-content:space-between}.share-dialog .share-window .hint{margin-top:14px;font-size:12px}.url input[type=text]{width:100%;height:32px;margin-top:14px;background:transparent;padding:7px;font-size:16px;border:none;outline:none}.url input[type=text]:focus{outline:none;border:1px dashed;background:#13294f}.share-container{position:absolute;right:0;top:0}.share-container a.open-share-dialog{padding:8px;display:block}.shortener label{user-select:none}.logo{width:48px;height:48px;display:flex;justify-content:center;align-items:center}.logo svg{width:24px;height:24px}@media (max-width:800px){.share-container{display:none}.share-dialog .share-window{width:90%}}.themes-container{flex:1;padding-left:14px;align-items:stretch}.themes-container .current-theme{height:32px;font-size:16px;display:flex;flex-direction:row;align-items:center}.sample{display:inline-block;width:18px;height:18px;margin-right:8px;border:1px solid}.themes{margin-top:7px;width:170px;flex-wrap:wrap;flex-direction:row;display:flex}.themes.collapsed{display:none}.theme-picker{width:28px;height:28px}.statistic h3{padding:8px 7px}.statistic .header{padding:0 7px;flex-direction:row;align-items:center;justify-content:space-between;display:flex}.statistic .header a{flex:1;height:32px;padding:6px 0;font-size:16px}.statistic .header a.count{text-align:right}.reset-filters{padding:0 8px 16px;text-align:center}i.reset-filters{padding:0;display:inline-block;width:100%}.table-row{padding:0 7px;position:relative;display:flex;height:40px;flex-direction:row;align-items:stretch;justify-content:space-between}.table-row:hover{background-color:rgba(0,0,0,.4)}.table-row span{align-self:center;z-index:2}.table-row .visual-cue{position:absolute;left:0;top:9%;height:82%;background:rgba(0,0,0,.3)}.table-row .visual-strike{position:absolute;left:0;width:100%;top:50%;height:2px;border:1px solid}.sort-indicator{display:inline}.timeline{position:absolute;bottom:100px;margin-left:50%;transform:translateX(-50%);width:400px;height:42px;background:orange}.timeline .knob{position:absolute;width:42px;top:0;background:#00f;display:flex;align-items:center;justify-content:center;height:100%}.timeline .knob .knob-indicator{background:red;border-radius:8px;width:16px;height:16px}.timeline .controls{display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%}.timeline .controls .toggle-pause{width:42px;display:flex;align-items:center;justify-content:center;height:100%}.timeline .controls .slider{flex:1;position:relative;display:flex;align-items:center;background:pink}.timeline .controls .slider .line{flex:1;height:4px;background-color:green;margin:0 21px}@media (max-width:800px){.timeline{width:100%}}.pause-monitor{pointer-events:none;position:absolute;width:48px;height:48px;border-radius:24px;background-color:transparent;transition:transform,background-color;display:flex;align-items:center;justify-content:center}.pause-monitor svg{fill:hsla(0,0%,100%,0);width:12px;height:12px}.playing{animation:pulse-play .56s}.playing svg{animation:fade-svg .56s}.playing svg.resume{margin-left:3px}@-moz-keyframes fade-svg{0%{fill:#fff}88%{fill:hsla(0,0%,100%,.7)}to{fill:hsla(0,0%,100%,0)}}@-webkit-keyframes fade-svg{0%{fill:#fff}88%{fill:hsla(0,0%,100%,.7)}to{fill:hsla(0,0%,100%,0)}}@-o-keyframes fade-svg{0%{fill:#fff}88%{fill:hsla(0,0%,100%,.7)}to{fill:hsla(0,0%,100%,0)}}@keyframes fade-svg{0%{fill:#fff}88%{fill:hsla(0,0%,100%,.7)}to{fill:hsla(0,0%,100%,0)}}@-moz-keyframes pulse-play{0%{background-color:rgba(0,0,0,.75);transform:scale(1)}88%{transform:scale(1.65)}to{background-color:transparent;transform:scale(1.7)}}@-webkit-keyframes pulse-play{0%{background-color:rgba(0,0,0,.75);transform:scale(1)}88%{transform:scale(1.65)}to{background-color:transparent;transform:scale(1.7)}}@-o-keyframes pulse-play{0%{background-color:rgba(0,0,0,.75);transform:scale(1)}88%{transform:scale(1.65)}to{background-color:transparent;transform:scale(1.7)}}@keyframes pulse-play{0%{background-color:rgba(0,0,0,.75);transform:scale(1)}88%{transform:scale(1.65)}to{background-color:transparent;transform:scale(1.7)}}.welcome{display:flex;justify-content:center;align-items:center;left:400px;right:0;height:100%;position:absolute;flex-direction:column}.welcome .help{max-width:350px;text-align:center}.sidebar-closed .welcome{left:0}.welcome a{border-bottom:1px dashed}@media (max-width:800px){.welcome{left:0}}
/*# sourceMappingURL=app.4c8ed064fbce25f28e04e2bce280b71d.css.map */