@charset "UTF-8";button,label{cursor:pointer}button,ul{margin:0;padding:0}.loader,body,html{height:100%;width:100%}.header,.loader__header{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap}.header,.loader__header,.loader__header-content{-webkit-box-direction:normal}.canvas__arrow,.canvas__svg,.canvas__zoom,.header__tooltip,.header__tooltip-close,.loader,.loader__spinner{position:absolute}.selector,button,li{outline:0}html{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased}@-moz-document url-prefix(){body{font-weight:lighter!important}}body{font-family:"Open Sans",Verdana,sans-serif;color:#21252b;margin:0;overflow:hidden}ul{list-style-type:none}input,label,select,textarea{font-family:inherit;font-size:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}[hidden]{display:none!important}*{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;outline:0}button{background-color:transparent;border:none;color:inherit;font:inherit;-webkit-box-sizing:border-box;box-sizing:border-box}.loader{background-image:url(../images/grid.png);background-size:cover}.loader__header{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:1em auto;-webkit-box-shadow:0 0 .4em -.1em rgba(33,37,43,.15);box-shadow:0 0 .4em -.1em rgba(33,37,43,.15);padding:.5em;background:rgba(255,255,255,.7);font-size:5em}.canvas__arrow,.panel__list-item::before{background-repeat:no-repeat;background-position:center center}.loader__header-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.loader__header-image{width:2em;margin-bottom:.2em;-webkit-filter:invert(.6);filter:invert(.6)}.loader__header-title{display:inline-block;margin:0;color:#3f4652;text-transform:uppercase;line-height:1;font-size:1em;font-family:"Fjalla One",sans-serif}.loader__spinner{top:60%;left:50%;width:4em;height:4em;margin:-2em 0 0 -2em;border:.5em solid #3f4652;border-radius:50%;border-top:.5em solid #26a2ae;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.loaded .main{-webkit-animation-name:fadein;animation-name:fadein;-webkit-animation-duration:1s;animation-duration:1s}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}.header{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.canvas__zoom,.mode-control{-webkit-box-direction:normal;-ms-flex-flow:row nowrap;-webkit-box-orient:horizontal}.header__button{-webkit-transition:all .3s;transition:all .3s;margin:1.1em;color:#26a2ae}.header__button:focus,.header__button:hover{color:#3f4652}.header__tooltip{top:3.7em;right:11.7em;z-index:10;width:12em;border-radius:.2em;padding:1em 2em 1em 1em;background-color:rgba(33,37,43,.9);color:#fff;font-size:.8em}.header__tooltip::before{position:absolute;bottom:100%;left:50%;content:"";margin-left:-.5em;border-width:.5em;border-style:solid;border-color:transparent transparent #21252b}.header__tooltip-close{-webkit-transition:all .3s;transition:all .3s;top:.5em;right:.5em;width:1.3em;height:1.3em;display:inline-block;background-image:url(../images/close.svg);background-repeat:no-repeat;background-position:top right;-webkit-filter:invert(1);filter:invert(1)}.header__tooltip-close-close:focus,.header__tooltip-close-close:hover{-webkit-filter:invert(.5);filter:invert(.5)}.canvas__svg{width:100%;height:100%;cursor:-webkit-grab;cursor:grab}.canvas__svg.zooming{cursor:-webkit-grabbing;cursor:grabbing}.canvas__svg .character{cursor:all-scroll}.canvas__svg .character.no-stroke *{stroke:none!important}.canvas__svg .character .part.highlight *{fill:rgba(63,70,82,.25)!important}.canvas__zoom{display:-webkit-box;display:-ms-flexbox;display:flex;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;left:0;width:10em;height:1em;background-color:rgba(255,255,255,.7);padding:1em}.canvas__zoom-slider{width:5em;-webkit-box-flex:70%;-ms-flex:70% 1 1;flex:70% 1 1}.canvas__zoom-label{margin-right:.2em;color:#3f4652;font-size:.8em}.canvas__arrow{-webkit-transition:all .3s;transition:all .3s;width:2em;height:2em;mix-blend-mode:multiply;background-size:contain;background-image:url(../images/up-arrow.svg)}.canvas__arrow:disabled{display:none}.mode-control,.panel.shown{display:-webkit-box;display:-ms-flexbox}.canvas__arrow--up{top:.5em;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.canvas__arrow--up:focus,.canvas__arrow--up:hover{top:0}.canvas__arrow--right{top:50%;right:.5em;-webkit-transform:translate(0,-50%) rotate(90deg);transform:translate(0,-50%) rotate(90deg)}.canvas__arrow--right:focus,.canvas__arrow--right:hover{right:0}.canvas__arrow--down{bottom:.5em;left:50%;-webkit-transform:translate(-50%,0) rotate(180deg);transform:translate(-50%,0) rotate(180deg)}.canvas__arrow--down:focus,.canvas__arrow--down:hover{bottom:0}.canvas__arrow--left{top:50%;left:.5em;-webkit-transform:translate(0,-50%) rotate(-90deg);transform:translate(0,-50%) rotate(-90deg)}.canvas__arrow--left:focus,.canvas__arrow--left:hover{left:0}.mode-control{display:flex;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#26a2ae}.mode-control__option{-webkit-transition:all .3s;transition:all .3s;padding:.3em 2em;color:#21252b;text-transform:uppercase;letter-spacing:.07em}.panel__list-item,.section__title{-webkit-transition:all .3s;text-transform:uppercase}.mode-control__option:focus,.mode-control__option:hover{color:#3f4652}.mode-control__option:not(:last-child){border-right:.1em solid #fff;text-align:right}.mode-control__option.selected{color:#fff;font-weight:600;cursor:default}.panel{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;display:none;width:100%}.panel__content .subpanel,.panel__list,.section{-webkit-box-orient:vertical;-webkit-box-direction:normal}.panel.shown{display:flex}.panel__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-flex:0;-ms-flex:0 0 4em;flex:0 0 4em;background-color:#21252b}.panel__list-item{transition:all .3s;-webkit-box-flex:0;-ms-flex:0 0 6em;flex:0 0 6em;padding-bottom:1em;color:#fff;text-align:center;font-size:.7em;cursor:pointer}.panel__list-item.selected{background-color:#3f4652;cursor:default;pointer-events:none}.panel__list-item:not(.selected):focus,.panel__list-item:not(.selected):hover{-webkit-filter:invert(.3);filter:invert(.3)}.panel__list-item::before{width:3em;height:4em;content:"";display:block;margin:1em auto 0;background-size:contain}.panel__list-item.anatomy::before{background-image:url(../images/panel-icons/anatomy.svg)}.panel__list-item.face::before{background-image:url(../images/panel-icons/face.svg)}.panel__list-item.features::before{background-image:url(../images/panel-icons/features.svg)}.panel__list-item.clothes::before{background-image:url(../images/panel-icons/clothes.svg)}.panel__list-item.add-ons::before{background-image:url(../images/panel-icons/add-ons.svg)}.panel__list-item.view::before{background-image:url(../images/panel-icons/view.svg)}.panel__list-item.gesture::before{background-image:url(../images/panel-icons/gesture.svg)}.panel__list-item.emotion::before{background-image:url(../images/panel-icons/emotion.svg)}.panel__list-item.layers::before{background-image:url(../images/panel-icons/layers.svg)}.panel__content{-webkit-box-flex:1;-ms-flex:1 1 100%;flex:1 1 100%;background-color:#3f4652;display:-webkit-box;display:-ms-flexbox;display:flex}.section__advanced-title::after,.section__title::after{height:.8em;content:"";background-color:transparent;background-image:url(../images/arrow-right.svg);background-size:contain;background-repeat:no-repeat}.panel__content .subpanel{-ms-flex-flow:column nowrap;flex-flow:column nowrap;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;display:none;overflow-y:scroll;padding:1em;color:#fff}.panel__content .subpanel.shown{display:-webkit-box;display:-ms-flexbox;display:flex}.panel__content .subpanel__content{-webkit-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1}.section{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-flex:1;-ms-flex:auto 0 0px;flex:auto 0 0;min-height:0;border-bottom:.06em solid #fff}.section.selected{-webkit-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1;padding-bottom:1em}.section__title{transition:all .3s;-webkit-box-flex:1;-ms-flex:auto 1 0px;flex:auto 1 0;width:100%;padding:1em 0;text-align:left;font-size:1em;font-weight:400}.section__title::after{-webkit-transition:all .3s;transition:all .3s;width:.8em;display:inline-block;margin-left:1em}.section__title:focus,.section__title:hover{-webkit-filter:invert(.3);filter:invert(.3)}.section.selected .section__title::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.section__content{display:none;overflow-y:scroll}.section.selected .section__content{display:block}.section__advanced{-webkit-transition:all .3s;transition:all .3s;margin-bottom:1em;border-top:.1em solid transparent;padding-top:.5em}.section__advanced.shown{border-color:#21252b}.section__advanced-title{width:100%;margin-bottom:1em;padding-right:.5em;font-size:.8em;text-align:right;text-transform:uppercase}.section__advanced-title::after{-webkit-transition:all .3s;transition:all .3s;width:.8em;display:inline-block;margin-left:.5em}.section__advanced.shown .section__advanced-title::after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.section__advanced-content{display:none}.section__advanced.shown .section__advanced-content{display:block}.selector{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:100%;margin-bottom:1em}.selector__label{margin-bottom:.7em;font-size:.9em}.selector__label--stroke{margin:0 1.5em 0 0;font-size:1em}.selector__option--gender input,.selector__option--stroke input{display:none}.selector__option--gender label,.selector__option--stroke label{position:relative;padding-left:1.5em;text-transform:capitalize}.selector__option--gender input:not(:checked)~label,.selector__option--stroke input:not(:checked)~label{cursor:pointer}.selector__option--gender input:checked~label::after,.selector__option--gender label::before,.selector__option--stroke input:checked~label::after,.selector__option--stroke label::before{content:'';position:absolute;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;border:.07em solid #fff;border-radius:100%}.selector--offset,.selector--order,.selector__option--order{display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:vertical;-webkit-box-direction:normal}.selector__option--gender label::before,.selector__option--stroke label::before{top:.15em;left:0;width:1em;height:1em}.selector__option--gender input:checked~label::after,.selector__option--stroke input:checked~label::after{top:.4em;left:.25em;width:.5em;height:.5em;background-color:#fff}.selector__option--stroke:not(:last-child){margin-right:1.5em}.selector__option--gender:not(:last-child){margin-right:2em}.selector__option--emotion,.selector__option--key,.selector__option--keyset,.selector__option--model,.selector__option--pose,.selector__option--view{width:6em;margin:.5em;outline:0}.selector__option--model{height:6em;border:.07em solid transparent;cursor:pointer}.selector__option--model.selected{border-color:#26a2ae;cursor:default}.selector__option--key{height:6em;border:.07em solid transparent;cursor:pointer}.selector__option--key.selected{border-color:#26a2ae;cursor:default}.selector__option--keyset{height:6em;border:.07em solid transparent;cursor:pointer}.selector__option--keyset.selected{border-color:#26a2ae;cursor:default}.selector__option--view{border:.07em solid transparent;cursor:pointer}.selector__option--view.selected{border-color:#26a2ae;cursor:default}.selector__option--pose{height:6em;border:.07em solid transparent;cursor:pointer}.selector__option--pose.selected{border-color:#26a2ae;cursor:default}.selector__option--emotion{height:6em;border:.07em solid transparent;cursor:pointer}.selector__option--emotion.selected{border-color:#26a2ae;cursor:default}.selector__option--key.none,.selector__option--keyset.none,.selector__option--model.none{max-height:4em}.selector__option--view{height:10em}.selector__option--color{width:1.9em;height:1.9em;cursor:pointer;outline:0}.selector__option--color:not(.selected):focus,.selector__option--color:not(.selected):hover{-webkit-box-shadow:0 0 .5em #aaa;box-shadow:0 0 .5em #aaa}.selector__option--color.selected{z-index:2;-webkit-box-shadow:0 0 .5em #21252b;box-shadow:0 0 .5em #21252b;cursor:default}.selector__option--order{display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:.06em solid #fff;padding:.8em;font-size:.9em;cursor:move}.selector__option--order::after{position:absolute;right:0;width:1em;height:1.5em;content:'';display:inline-block;margin:.05em .7em 0 0;background-size:contain;background-repeat:no-repeat;background-position:center center;background-image:url(../images/draggable.svg)}.body .selector__option--model{height:14em}.pants .selector__option--key{height:10em}.beard .selector__option--key,.hair .selector__option--key,.hair .selector__option--keyset,.head .selector__option--key{width:5em}.ears .selector__option--key,.gesture .selector__option--emotion,.jewelry .selector__option--key,.mouth .selector__option--emotion,.mouth .selector__option--key,.mustache .selector__option--key,.nose .selector__option--key,.piercings .selector__option--key{width:4em}.hair .selector__option--key,.hair .selector__option--keyset,.head .selector__option--key{height:5em}.eyebrows .selector__option--emotion,.eyebrows .selector__option--key,.eyes .selector__option--emotion,.eyes .selector__option--key,.glasses .selector__option--key,.iris .selector__option--key,.mouth .selector__option--emotion,.mouth .selector__option--key,.mustache .selector__option--key{height:3em}.beard .selector__option--key,.ears .selector__option--key,.freckles .selector__option--key,.gesture .selector__option--emotion,.jewelry .selector__option--key,.nose .selector__option--key,.piercings .selector__option--key{height:4em}.eyes .selector__option--key .color-skin{fill:transparent!important}.eyes .selector__option--key [fill=none]{fill:#fff!important}.eyes .selector__option--emotion .color-skin{fill:transparent!important}.eyes .selector__option--emotion [fill=none]{fill:#fff!important}.double-chin .selector__option--key .part path,.double-chin .selector__option--key circle,.freckles .selector__option--key .part path,.freckles .selector__option--key circle,.wrinkles .selector__option--key .part path,.wrinkles .selector__option--key circle{fill:#fff;opacity:1!important}.selector--stroke{margin-top:1em}.selector--offset,.selector--order{display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.selector--order{margin:0 0 1em;padding:0}.color-wheel{border-radius:.95em;background-image:url(../images/color-wheel.png);background-size:contain}.color-picker{position:absolute;top:50%;left:10%;z-index:10;width:14em;height:14em;-webkit-transform:translateY(-50%);transform:translateY(-50%);-webkit-box-shadow:.25em .25em .5em #21252b;box-shadow:.25em .25em .5em #21252b;background-color:#21252b;padding:.3em}.offset-label{margin-bottom:.5em;font-size:.95em}.order-reset{-webkit-transition:all .3s;transition:all .3s;width:100%;text-transform:uppercase}.order-reset:focus,.order-reset:hover{-webkit-filter:invert(.3);filter:invert(.3)}.order-chosen{background-color:#21252b;border:none}.order-ghost{opacity:.2}.modal{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0;z-index:50;width:100%;height:100%;overflow-y:scroll;background-color:rgba(33,37,43,.4)}.modal__window{-webkit-box-flex:1;-ms-flex:auto 0 1;flex:auto 0 1;position:relative;margin:auto 2em;-webkit-box-shadow:.2em .2em .5em #21252b;box-shadow:.2em .2em .5em #21252b;border-radius:.2em;background-color:#fff}.modal__window .modal__close{-webkit-transition:all .3s;transition:all .3s;position:absolute;top:.5em;right:.5em;display:inline-block;width:1.5em;height:1.5em;padding:0;background-image:url(../images/close.svg);background-repeat:no-repeat;background-position:top right}.modal__window .modal__close:focus,.modal__window .modal__close:hover{-webkit-filter:invert(.6);filter:invert(.6)}.modal__window .modal__content{padding:2em}.modal__window .export,.modal__window .load,.modal__window .save{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__window .export__button,.modal__window .load__button,.modal__window .load__label,.modal__window .save__button{-webkit-transition:all .3s;width:8em;border:.01em solid transparent;display:-webkit-box;display:-ms-flexbox;-webkit-box-orient:horizontal;height:8em;margin:1em;padding:1em;white-space:pre-wrap;line-height:1.5em;-webkit-box-direction:normal;color:#fff}.modal__window .export__button,.modal__window .load__button,.modal__window .save__button{transition:all .3s;border-radius:.1em;background-color:#26a2ae;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__window .export__button:focus,.modal__window .export__button:hover,.modal__window .load__button:focus,.modal__window .load__button:hover,.modal__window .save__button:focus,.modal__window .save__button:hover{background-color:#3f4652}.modal__window .load__label{transition:all .3s;border-radius:.1em;background-color:#26a2ae;display:flex;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal__window .load__label:focus,.modal__window .load__label:hover{background-color:#3f4652}.modal__window .load__input{width:0;height:0;position:absolute;opacity:0;pointer-events:none}.modal__window .backup,.modal__window .report{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.modal__window .backup__button-wrap,.modal__window .report__button-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.modal__window .backup__button,.modal__window .report__button{-webkit-transition:all .3s;transition:all .3s;width:8em;border:.01em solid transparent;border-radius:.1em;background-color:#26a2ae;color:#fff;height:3em;margin-left:1em;padding:0;font-size:.9em}.modal__window .backup__button:last-child,.modal__window .report__button:last-child{background-color:#3f4652}.modal__window .backup__button:disabled,.modal__window .report__button:disabled{opacity:.6}.modal__window .backup__button:enabled:focus,.modal__window .backup__button:enabled:hover,.modal__window .report__button:enabled:focus,.modal__window .report__button:enabled:hover{background-color:#21252b}.modal__window .report__textarea{min-width:25em;min-height:10em;margin:0 0 1em;border:.05em solid #3f4652;border-radius:.2em;font-size:.9em}.modal__window .backup__list{min-width:25em;min-height:10em;margin:0 0 1em;border:.05em solid #3f4652;border-radius:.2em;font-size:.9em;padding:0}.modal__window .backup__list-item{-webkit-transition:all .3s;transition:all .3s;padding:.5em}.modal__window .backup__list-item.selected{background-color:#26a2ae;color:#fff}.reference-image{position:absolute;z-index:-1;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.reference{position:absolute;top:0;right:0;z-index:5;width:12em;padding:1em;background-color:rgba(255,255,255,.7);color:#3f4652}.reference__section--button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.reference__section--button .reference__text{font-size:.95em}.reference__section--button .reference__button,.reference__section--button .reference__label{-webkit-transition:all .3s;transition:all .3s;width:1.7em;height:1.7em;display:inline-block;margin-left:.5em;background-size:cover;background-repeat:no-repeat;background-position:center center}.reference__section--button .reference__button:focus,.reference__section--button .reference__button:hover,.reference__section--button .reference__label:focus,.reference__section--button .reference__label:hover{-webkit-filter:invert(.6);filter:invert(.6)}.reference__section--button .reference__label{background-image:url(../images/upload.svg)}.reference__section--button .reference__button{background-image:url(../images/settings.svg)}.reference__section--button .reference__button.shown{-webkit-filter:invert(.8);filter:invert(.8)}.reference__section--button .reference__input{width:0;height:0;position:absolute;opacity:0;pointer-events:none}.reference__section--edit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;-webkit-transition:max-height .3s;transition:max-height .3s;height:auto;max-height:0;overflow:hidden}.reference__section--edit.shown{max-height:15em;margin-top:.5em}.reference__section--edit .reference__slider{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin-top:.5em}.color-picker__section--bottom,.viewport{display:-webkit-box;display:-ms-flexbox;-webkit-box-direction:normal}.reference__section--edit .reference__slider-label{font-size:.8em}.reference__section--edit .reference__remove{-webkit-transition:all .3s;transition:all .3s;-ms-flex-item-align:end;align-self:flex-end;height:3em;color:#21252b;font-size:.9em}.reference__section--edit .reference__remove:focus,.reference__section--edit .reference__remove:hover{color:#3f4652}.color-picker__section{position:relative;width:90%;margin:5%}.color-picker__section .color-picker__canvas{width:100%;height:100%;cursor:crosshair}.color-picker__section .color-picker__picker{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;border:.1em solid #fff;background-color:#21252b;cursor:crosshair;pointer-events:none}.color-picker__section--a,.color-picker__section--h{height:10%}.color-picker__section--a .color-picker__canvas--a,.color-picker__section--h .color-picker__canvas--a{background-size:4.2em;background-image:url(../images/checker.png)}.color-picker__section--a .color-picker__picker--a,.color-picker__section--a .color-picker__picker--h,.color-picker__section--h .color-picker__picker--a,.color-picker__section--h .color-picker__picker--h{width:.4em;height:100%;top:0;-webkit-transform:translateX(-.2em);transform:translateX(-.2em)}.color-picker__section--sv{height:45%}.color-picker__section--sv .color-picker__picker--sv{width:.8em;height:.8em;-webkit-transform:translate(-.4em,-.4em);transform:translate(-.4em,-.4em);border-radius:.4em}.color-picker__section--bottom{display:flex;-webkit-box-orient:horizontal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:10%;font-size:.8em}.color-picker__section--bottom .color-picker__preview{-webkit-box-flex:1;-ms-flex:1 1 25%;flex:1 1 25%;height:100%;margin-right:.7em}.color-picker__section--bottom .color-picker__input{width:.6em;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .7em 0 0;border:none;padding:.3em}.color-picker__section--bottom .color-picker__input--hex{-webkit-box-flex:1;-ms-flex:1 1 30%;flex:1 1 30%}.color-picker__section--bottom .color-picker__input--opacity{-webkit-box-flex:1;-ms-flex:1 1 20%;flex:1 1 20%}.color-picker__section--bottom .color-picker__dropper{-webkit-transition:all .3s;transition:all .3s;-webkit-box-flex:1;-ms-flex:1 1 10%;flex:1 1 10%;height:100%;background-size:1.8em;background-repeat:no-repeat;background-image:url(../images/dropper.svg)}.color-picker__section--bottom .color-picker__dropper.active{-webkit-filter:invert(.5);filter:invert(.5)}.dropper-mode .color-picker__section--bottom .color-picker__dropper{cursor:pointer!important}.dropper-mode *{cursor:not-allowed!important}.dropper-mode .character *{cursor:url(../images/dropper-cursor.png) 0 0,crosshair!important}.left__bottom::-webkit-scrollbar,.viewport::-webkit-scrollbar{-webkit-appearance:none;display:none}.section__content::-webkit-scrollbar,.subpanel::-webkit-scrollbar{-webkit-appearance:none}.section__content::-webkit-scrollbar:vertical,.subpanel::-webkit-scrollbar:vertical{width:.4em}.section__content::-webkit-scrollbar-thumb,.subpanel::-webkit-scrollbar-thumb{border-radius:.2em;background-color:rgba(33,37,43,.5)}.section__content::-webkit-scrollbar-track,.subpanel::-webkit-scrollbar-track{border-radius:.2em;background-color:transparent}.viewport{display:flex;-webkit-box-orient:vertical;-ms-flex-flow:column nowrap;flex-flow:column nowrap;min-width:30em}@media screen and (max-width:600px){.viewport{overflow-x:scroll}}.viewport .main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;width:100%;height:100%;min-height:0}.viewport .main .left__container,.viewport .main .right__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.viewport .main .left__container{-webkit-box-flex:15em;-ms-flex:15em 1 0px;flex:15em 1 0}.viewport .main .left__container .left__top{min-height:0;-webkit-box-flex:3.5em;-ms-flex:3.5em 0 0px;flex:3.5em 0 0}.viewport .main .left__container .left__bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%;overflow-y:scroll}.viewport .main .right__container{-webkit-box-flex:15em;-ms-flex:15em 3 1;flex:15em 3 1}.viewport .main .right__container .right__top{min-height:0;-webkit-box-flex:3.5em;-ms-flex:3.5em 0 0px;flex:3.5em 0 0}.viewport .main .right__container .right__bottom{position:relative;-webkit-box-flex:1;-ms-flex:1 100%;flex:1 100%}.viewport #watermark{position:fixed;right:.6em;bottom:.6em;z-index:50;width:6em;-webkit-filter:invert(.6);filter:invert(.6);opacity:.25;mix-blend-mode:multiply}
/*# sourceMappingURL=main.css.map */