.App{font-family:Muli,sans-serif;width:100%;bottom:0}.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite;height:80px}.App-header{background:#5648c7 url(/kino.png) 16px 0 no-repeat;background-size:contain;height:48px;font-size:24px;color:#fff;display:flex;position:relative;z-index:9999;flex-wrap:wrap}.App-header .logo{padding:8px 0 0 70px;display:inline-block}.App-header .logo a{color:#fff;text-decoration:none;font-weight:700}.App-header .alpha{background:#fff;padding:2px 3px;border-radius:3px;font-size:12px;color:#5648c7;margin-left:10px}.App-header .desc{font-size:14px;display:block}.App-header .Nav-right li:hover{color:#fff;text-decoration:none;background:hsla(0,0%,100%,.1)}.App-header .Nav-right li a{padding:19px 12px;display:inline-block;font-size:20px;float:left;color:#fff;text-decoration:none}.App-intro{font-size:large}.tools a{display:inline-block;justify-content:center;padding:4px;margin:8px;border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.5);background:rgba(0,0,0,.1)}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.right{float:right}.left{float:left}a{color:#5648c7}.btn{padding:4px 8px;-webkit-transition:all .1s ease;transition:all .1s ease;box-shadow:inset 0 1px 0 rgba(248,249,250,.0125),0 1px 1px rgba(33,37,41,.05);border:solid rgba(0,0,0,.1);border-width:1px 1px 3px;font-size:14px;display:inline-block;line-height:normal;align-self:center;text-decoration:none;border-radius:.25rem;cursor:pointer}.btn:hover{border-width:1px;margin-bottom:2px;-webkit-transform:translateY(2px);transform:translateY(2px)}.bg-red{background-color:#fa5252}.bg-blue{background-color:#42a5f5}.bg-green{background-color:#37a228}.bg-purple{background-color:#7465e4}.text-white{color:#fff}body>div:not(.tippy-popper){z-index:10000}.tippy-popper input{border:0 transparent;font-size:18px;display:flex;color:#3f3f3f;font-family:Muli,sans-serif}.canvas-bg,.canvas-characters{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.App .notification-container{right:calc(1em + 30px);overflow:visible;width:230px}.App .notification{padding:15px 8px}.notification-container .notification:before{border-right:calc(1em + 5.5px) solid #fff;left:calc(-1em - 5.5px);top:15px}.notification-container .notification:after,.notification-container .notification:before{content:" ";border-top:calc(1em + 5.5px) solid transparent;border-bottom:calc(1em + 5.5px) solid transparent;width:0;height:0;position:absolute}.notification-container .notification:after{border-left:calc(1em + 5.5px) solid #fff;right:calc(-1em - 5.5px);top:1px;font-size:28px}.notification-container .notification.notification-warning:after,.notification-container .notification.notification-warning:before{border-left-color:#f89406;border-right-color:#f89406}.notification-container .notification.notification-error:after,.notification-container .notification.notification-error:before{border-left-color:#bd362f;border-right-color:#bd362f}.map-select-container{width:374px;padding:13px 0;font-size:16px;position:relative;z-index:10001}.map-select-container .VirtualizedSelectOption{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:35px;padding:0 4px;cursor:pointer}.map-select-container .VirtualizedSelectOption:hover{background:#eee}.bg-color-picker{cursor:pointer}.bg-color-grid,.bg-color-picker{width:24px;height:24px;border-radius:4px}.bg-color-picker-container{position:relative;display:flex;align-items:center;justify-content:space-around}.bg-color-picker-container .sketch-picker{position:absolute;top:44px;left:8px;z-index:10002}.settings-container{display:flex;flex-direction:column}.settings-container>label{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.settings-container>label>:first-child{margin-right:8px}.settings-container input{font-size:14px}.settings-container input,.settings-container select{border:0 transparent;box-shadow:0 0 2px #488ac7;padding:4px;border-radius:2px}.settings-container a{text-decoration:none}.settings-container .animation-play{margin-left:16px;cursor:pointer}.settings-cog{width:48px}.settings-cog>div{width:100%;height:100%;display:flex!important;justify-content:center;align-items:center}.map-select-container .Select-menu{max-height:398px}.map-select-container .Select-menu-outer{max-height:400px}.App-header .Nav-right li a.patreon-link{color:#ff69b4;font-weight:800;text-shadow:0 0 4px red}@media (max-width:767px){.App-header{justify-content:flex-end}.App-header .logo{display:none}.App-header .Nav-right{align-self:center;display:inline-flex;list-style:none;height:100%;margin:0}.App-header .Nav-right li{align-self:center;height:100%;display:flex;align-items:center}}@media (min-width:768px){.App-header{justify-content:space-between}.App-header .logo{display:inline}.App-header .Nav-right{align-self:center;padding:0 10px 0 0;display:inline-flex;list-style:none;height:100%;margin:0}.App-header .Nav-right li{align-self:center;height:100%;display:flex;align-items:center;margin-right:8px;padding:0 8px}}.item-listing{position:absolute;left:0;top:48px;bottom:100px;max-width:285px;width:100%;background:#fff;display:flex;flex-direction:column;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);z-index:2}.item-listing-header{font-size:18px;line-height:36px;min-height:36px;padding:0 4px 0 8px;display:flex;justify-content:space-between;color:#3f3f3f}.item-listing-header input[type=search]{align-self:center}.item-listing-content{display:flex;flex-grow:1;max-height:calc(100% - 36px);flex-direction:column}.item-listing-categories{display:flex;flex-direction:column;border-top:1px solid #fff;background-color:#5648c7;padding:.5rem 0 0}.item-listing-categories select{border:0;font-size:14px;line-height:28px;min-height:28px;border-radius:.25rem;padding:0 4px;display:flex;color:#3f3f3f;font-family:Muli,sans-serif;font-weight:700;background-color:hsla(0,0%,100%,.9);margin:0 .5rem .5rem}.item-listing-icons{flex:1 1}.similar-items{position:absolute;z-index:3;background:#eee;padding:5px;box-shadow:0 0 1px #999;border-radius:5px;cursor:pointer}.similar-items div{display:inline-block;width:32px;height:32px;min-width:32px;min-height:32px;max-width:32px;max-height:32px;overflow:hidden;margin:0 2px;padding:.25rem;border-radius:.25rem;-webkit-transition:all .3s;transition:all .3s}.similar-items div:hover{background-color:rgba(0,0,0,.1);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.item-img-container{display:inline-block;width:32px;height:32px;min-width:32px;min-height:32px;max-height:32px}.item-img-container,.item-img-container img,.similar-items img{max-width:32px;overflow:hidden}.item-search{border:0;line-height:28px;min-height:28px;border-radius:.25rem;padding:0 8px;width:100%;background-color:hsla(0,0%,100%,.9)}.filters,.item-search{font-size:14px;display:flex;color:#3f3f3f;font-family:Muli,sans-serif}.filters{line-height:36px;min-height:36px;border-bottom:1px solid rgba(0,0,0,.2);padding:0 16px;justify-content:space-between}.filters label,.gender-select{color:#3f3f3f;font-family:Muli,sans-serif;font-weight:700}.gender-select{border:0;font-size:14px;line-height:28px;min-height:28px;margin-right:.5rem;border-radius:.25rem;padding:0 4px;display:flex;background-color:hsla(0,0%,100%,.9);width:5rem}.items-footer{display:flex;align-items:center;background-color:#5648c7;color:#fff;justify-content:space-between}.items-footer label{display:flex;margin:0 .5rem 0 .25rem}.item-img-container{cursor:pointer;padding:.25rem;text-align:center;-webkit-transition:all .3s;transition:all .3s}.item-img-container:hover{background-color:#e2e2e2;border-radius:.25rem;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.equipped-items{position:fixed;right:.5rem;bottom:115px;width:15%;background:hsla(0,0%,100%,.75);min-width:255px;overflow:auto;box-shadow:0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12),0 5px 5px -3px rgba(0,0,0,.3);display:flex;flex-direction:column;border-radius:.25rem}.equipped-items a{text-decoration:none}.equipped-items-header{min-height:36px;font-size:18px;line-height:36px;padding:0 16px;border-bottom:1px solid rgba(0,0,0,.2);color:#3f3f3f;display:flex;justify-content:space-between}.equipped-items-title{font-weight:700}.equipped-items-header .equipped-items-title{align-self:center}.equipped-items-listing{flex-grow:1;max-height:40vh;overflow:auto}.download-bar{text-align:right}.download-bar,.report-issues{display:flex;padding:8px}.download-bar.bg-blue:hover{opacity:.8;background:#42a5f5}.download-bar.bg-red:hover{opacity:.8;background:#fb6d6d}.equipped-items-item{display:flex;padding:8px;border-bottom:1px solid rgba(0,0,0,.2);position:relative;overflow:visible}.equipped-items-item .hue-picker{position:absolute!important;bottom:-6px;left:0;right:0}.equipped-items-item .hue-picker:not(:focus){display:none}.equipped-items-item:hover .hue-picker{display:block}.equipped-items-item:hover{background:#f5f5f5}.equipped-items-item img{align-self:center;min-width:auto;max-width:32px;max-height:32px;overflow:hidden}.equipped-items-item-meta{padding:0 0 0 8px;flex-grow:1}.equipped-items-item-meta-category{font-size:12px}.pdn-button,.pdn-button .download-bar{display:flex;flex-direction:column;flex:1 1;justify-content:center}.customizing-item{width:220px;position:relative;max-height:40vh;overflow:auto;padding:10px;display:flex;flex-direction:column}.customizing-item>label{display:flex;align-items:center;justify-content:space-between;margin-top:4px}.customizing-item>span{text-align:left;display:inline-block;width:100%;line-height:24px}.customizing-item>span>span{margin-left:4px;font-size:16px}.customizing-item>span>span.flex{justify-content:space-between}.customizing-item>span>span>input{margin-left:32px;display:flex;max-width:50%;text-align:right}.item-property{margin:8px 0}.item-islot,.item-vslot{box-shadow:0 0 1px rgba(0,0,0,.6);border-radius:2px}.add-possible{list-style:none;padding:0;margin:0;position:relative}.add-title{border-bottom:2px solid rgba(0,0,0,.2)}.add-possible li{padding:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.add-possible li.clickable{cursor:pointer;border-radius:4px}.add-possible li.clickable:hover{background:rgba(0,0,0,.1);box-shadow:0 0 1px rgba(0,0,0,.25)}.character-list{position:fixed;right:0;bottom:0;height:100px;width:100%;background:hsla(0,0%,100%,.75);z-index:2;box-shadow:0 -1px 1px 1px rgba(0,0,0,.14)}.character-list>div{width:100%;display:flex;overflow-x:auto;white-space:nowrap;overflow-y:hidden;height:100px}.character-list>div>div{width:100px;height:100px}.character-list .add,.character-list div.character,.character-list div.mob,.character-list div.npc,.character-list div.pet{width:100px;height:100px;background-position:50%;background-repeat:no-repeat;display:inline-flex;justify-content:space-around;align-items:center;cursor:pointer}.character-list .add span{font-size:42px;width:70px;height:70px;text-align:center;vertical-align:middle;line-height:65px}.character-list .add:hover span{background:rgba(0,0,0,.1)}.character-list div.character:not(:hover)>*{display:none}.character-list div.active{box-shadow:inset 0 0 32px rgba(86,72,199,.25)}.react-toggle{touch-action:pan-x;display:inline-block;position:relative;cursor:pointer;background-color:initial;border:0;padding:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}.react-toggle-screenreader-only{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;-webkit-transition:opacity .25s;transition:opacity .25s}.react-toggle-track{width:50px;height:24px;padding:0;border-radius:30px;background-color:#4d4d4d;-webkit-transition:all .2s ease;transition:all .2s ease}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{position:absolute;width:14px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;left:8px;opacity:0;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;-webkit-transition:opacity .25s ease;transition:opacity .25s ease}.react-toggle-track-x{position:absolute;width:10px;height:10px;top:0;bottom:0;margin-top:auto;margin-bottom:auto;line-height:0;right:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{-webkit-transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;position:absolute;top:1px;left:1px;width:22px;height:22px;border:1px solid #4d4d4d;border-radius:50%;background-color:#fafafa;box-sizing:border-box;-webkit-transition:all .25s ease;transition:all .25s ease}.react-toggle--checked .react-toggle-thumb{left:27px;border-color:#19ab27}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}.bold{font-weight:700}.character-customizeable-options{display:flex;flex-direction:column}.character-customizeable-options>label{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.character-customizeable-options>.name{font-weight:700;border-bottom:2px solid #5648c7;background:#5648c7;color:#fff;padding:6px 10px}.character-customizeable-options>.section-title{background:#5648c7;color:#fff;padding-left:6px;border-radius:4px;margin:6px 0}.character-customizeable-options>label>:first-child{margin-right:8px}.character-customizeable-options input{border:0 transparent;padding:8px;font-size:14px;border-radius:2px}.character-customizeable-options select{border:0 transparent;box-shadow:0 0 2px #488ac7;padding:4px;height:30px;border-radius:2px}.character-customizeable-options a{text-decoration:none}.character-customizeable-options .animation-play{margin-left:16px;cursor:pointer}.character-customizeable-options-container{overflow-y:auto;max-height:400px;padding:0 16px 0 0}.clone-btn{line-height:16px;margin:4px 8px;padding:4px;box-shadow:0 0 1px rgba(0,0,0,.2);width:100px;color:#fff;background-color:#7465e4;border-bottom:4px solid #5648c7;cursor:pointer}.clone-btn:hover{border-bottom:0 transparent}.layered-link{flex-grow:1}.pdn-link{min-width:55px}.character-properties{position:fixed;bottom:0;left:0;right:0;height:64px;background:#5648c7;display:flex;padding:0 16px;color:#fff;font-size:16px;align-items:center;z-index:2}.character-properties>span{height:24px;font-size:24px;margin:0 64px 0 0}.character-properties a{color:#fff}.action,.disclaimer,.facial-expression,.skin{display:flex;flex-direction:column;margin:0 16px}.flex{display:flex}.flex-column{flex-direction:column}.merc-ears,.zoom{display:flex;align-items:center}.margin-top-10{margin-top:10px}.btn-large{padding:10px 12px;width:100%}.pet-customizeable-options{display:flex;flex-direction:column}.pet-customizeable-options>label{display:flex;justify-content:space-between;padding:4px 0}.pet-customizeable-options>label>:first-child{margin-right:8px}.pet-customizeable-options select{border:0 transparent;box-shadow:0 0 2px #488ac7;padding:4px;border-radius:2px}.pet-customizeable-options a{text-decoration:none}.pet-customizeable-options>div{margin-bottom:.5rem}.npc-customizeable-options{display:flex;flex-direction:column}.npc-customizeable-options>label{display:flex;justify-content:space-between;padding:4px 0}.npc-customizeable-options>label>:first-child{margin-right:8px}.npc-customizeable-options select{border:0 transparent;box-shadow:0 0 2px #488ac7;padding:4px;border-radius:2px;max-width:10rem}.npc-customizeable-options a{text-decoration:none}.npc-customizeable-options>div{margin-bottom:.5rem}.mob-customizeable-options{display:flex;flex-direction:column}.mob-customizeable-options>label{display:flex;justify-content:space-between;padding:4px 0}.mob-customizeable-options>label>:first-child{margin-right:8px}.mob-customizeable-options select{border:0 transparent;box-shadow:0 0 2px #488ac7;padding:4px;border-radius:2px;max-width:10rem}.mob-customizeable-options a{text-decoration:none}.mob-customizeable-options>div{margin-bottom:.5rem}.canvas-bg:not(.dragging){-webkit-transition:background-position-x .5s,background-position-y .5s;transition:background-position-x .5s,background-position-y .5s}.bg-color-picker,.canvas-bg{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAACgCAMAAACsXRuGAAAADFBMVEWIiIjd3d3y8vLm5uZzdc63AAAAbklEQVR42u3ZIQ4AIAwDwI39/8/wAlTFxFUgm5ALmFZV51Iv52Vyx/7CzhdONr3/ylCgQIECBQoUKFCgQIECBQoUKFCgQIECBcrmccGe4qX4vqBAgQIFChQoUKBAgQIFChQoUKBAgQIFij3lX3gBXBBzc8FaGvIAAAAASUVORK5CYII=)}.renderables-container{position:relative}.renderables-container:not(.dragging){-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.renderables-container>*{position:absolute}.canvas-characters svg{pointer-events:none}.canvas-coordinates{position:absolute;right:.5rem;top:3.5rem;font-weight:700}.selected-canvas-element{-webkit-filter:drop-shadow(3px 3px 10px rgba(0,0,0,.6))}.character-container>*{position:absolute}body{margin:0;padding:0;font-family:sans-serif;min-height:100vh;overflow:hidden}.renderable-instance{cursor:all-scroll}
/*# sourceMappingURL=main.f6d1cd8d.chunk.css.map */