.vue-advanced-cropper{text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;max-height:100%;max-width:100%;direction:ltr}.vue-advanced-cropper__stretcher{pointer-events:none;position:relative;max-width:100%;max-height:100%}.vue-advanced-cropper__image{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;transform-origin:center;max-width:none!important}.vue-advanced-cropper__background,.vue-advanced-cropper__foreground{opacity:1;background:#000;transform:translate(-50%,-50%);position:absolute;top:50%;left:50%}.vue-advanced-cropper__foreground{opacity:.5}.vue-advanced-cropper__boundaries{opacity:1;transform:translate(-50%,-50%);position:absolute;left:50%;top:50%}.vue-advanced-cropper__cropper-wrapper{width:100%;height:100%}.vue-advanced-cropper__image-wrapper{overflow:hidden;position:absolute;width:100%;height:100%}.vue-advanced-cropper__stencil-wrapper{position:absolute}.vue-handler-wrapper{position:absolute;transform:translate(-50%,-50%);width:30px;height:30px}.vue-handler-wrapper__draggable{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.vue-handler-wrapper--west-north{cursor:nw-resize}.vue-handler-wrapper--north{cursor:n-resize}.vue-handler-wrapper--east-north{cursor:ne-resize}.vue-handler-wrapper--east{cursor:e-resize}.vue-handler-wrapper--east-south{cursor:se-resize}.vue-handler-wrapper--south{cursor:s-resize}.vue-handler-wrapper--west-south{cursor:sw-resize}.vue-handler-wrapper--west{cursor:w-resize}.vue-handler-wrapper--disabled{cursor:auto}.vue-bounding-box{position:relative;height:100%;width:100%}.vue-bounding-box__handler{position:absolute}.vue-bounding-box__handler--west-north{left:0;top:0}.vue-bounding-box__handler--north{left:50%;top:0}.vue-bounding-box__handler--east-north{left:100%;top:0}.vue-bounding-box__handler--east{left:100%;top:50%}.vue-bounding-box__handler--east-south{left:100%;top:100%}.vue-bounding-box__handler--south{left:50%;top:100%}.vue-bounding-box__handler--west-south{left:0;top:100%}.vue-bounding-box__handler--west{left:0;top:50%}.vue-line-wrapper{background:none;position:absolute;display:flex;align-items:center;justify-content:center}.vue-line-wrapper--north,.vue-line-wrapper--south{height:12px;width:100%;left:0;transform:translateY(-50%)}.vue-line-wrapper--north{top:0;cursor:n-resize}.vue-line-wrapper--south{top:100%;cursor:s-resize}.vue-line-wrapper--east,.vue-line-wrapper--west{width:12px;height:100%;transform:translateX(-50%);top:0}.vue-line-wrapper--east{left:100%;cursor:e-resize}.vue-line-wrapper--west{left:0;cursor:w-resize}.vue-line-wrapper--disabled{cursor:auto}.vue-draggable-area{position:relative}.vue-simple-line{background:none;transition:border .5s;border-color:hsla(0,0%,100%,.3);border-width:0;border-style:solid}.vue-simple-line--north,.vue-simple-line--south{height:0;width:100%}.vue-simple-line--east,.vue-simple-line--west{height:100%;width:0}.vue-simple-line--east{border-right-width:1px}.vue-simple-line--west{border-left-width:1px}.vue-simple-line--south{border-bottom-width:1px}.vue-simple-line--north{border-top-width:1px}.vue-simple-line--hover{opacity:1;border-color:#fff}.vue-preview{overflow:hidden;box-sizing:border-box;position:relative}.vue-preview--fill,.vue-preview__wrapper{width:100%;height:100%;position:absolute}.vue-preview__image{pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.vue-circle-stencil{position:absolute;height:100%;width:100%;box-sizing:content-box;cursor:move}.vue-circle-stencil__preview{border-radius:50%;position:absolute;width:100%;height:100%}.vue-circle-stencil--movable{cursor:move}.vue-simple-handler{display:block;background:#fff;height:10px;width:10px}.vue-preview-result{overflow:hidden;box-sizing:border-box;position:absolute;height:100%;width:100%}.vue-preview-result__wrapper{position:absolute}.vue-preview-result__image{pointer-events:none;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform-origin:center;max-width:none!important}.inspector[data-v-69e2c6ba]{width:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:30px}.explanation-request[data-v-1cdd51ea]{display:flex;align-items:center;justify-content:center;width:100%;min-height:60px}.vue-rectangle-stencil{box-sizing:border-box}.vue-rectangle-stencil,.vue-rectangle-stencil__preview{position:absolute;height:100%;width:100%}.vue-rectangle-stencil--movable{cursor:move}.main[data-v-71f96a93]{display:flex;flex-direction:column;margin:0}.main h3[data-v-71f96a93]{margin-bottom:4px}.configuration[data-v-71f96a93]{display:flex;flex-direction:row}.image[data-v-71f96a93]{width:50%}.image img[data-v-71f96a93]{max-width:200px}.options[data-v-71f96a93]{justify-content:space-around;margin-left:12px}.group[data-v-71f96a93],.options[data-v-71f96a93]{display:flex;flex-direction:column}@media screen and (max-width:450px){.main[data-v-71f96a93]{margin-bottom:12px}.configuration[data-v-71f96a93]{justify-content:left}.image img[data-v-71f96a93]{max-width:150px}}@media screen and (min-width:450px) and (max-height:650px){.main[data-v-71f96a93]{margin-right:8px;max-width:100vw;width:300px}.image img[data-v-71f96a93]{width:100%;max-height:150px}.configuration[data-v-71f96a93]{height:100%}}@media screen and (min-width:450px) and (min-height:650px){.main[data-v-71f96a93]{margin-bottom:8px}.configuration[data-v-71f96a93]{justify-content:left}}input[data-v-71f96a93]{display:none}label[data-v-71f96a93]{display:inline-block;padding:5px 10px;cursor:pointer}label span[data-v-71f96a93]{position:relative}label span[data-v-71f96a93]:after,label span[data-v-71f96a93]:before{content:""}label span[data-v-71f96a93]:before{border:1px solid #323232;border-radius:3px;width:20px;height:20px;margin-right:8px;display:inline-block;vertical-align:top}label span[data-v-71f96a93]:after{background:#323232;border-radius:3px;width:22px;height:22px;position:absolute;top:0;left:0;transition:.3s;opacity:0}label input:checked+span[data-v-71f96a93]:after{opacity:1}.config-container[data-v-73b61d2e]{display:flex}@media screen and (max-width:450px){.config-container[data-v-73b61d2e]{flex-direction:column;width:100%}.config-container div[data-v-73b61d2e]:last-child{margin-bottom:0}}@media screen and (min-width:450px) and (max-height:650px){.config-container[data-v-73b61d2e]{flex-direction:row}}@media screen and (min-width:450px) and (min-height:650px){.config-container[data-v-73b61d2e]{flex-direction:column;width:100%}.config-container div[data-v-73b61d2e]:last-child{margin-bottom:0}}#app{display:flex;justify-content:space-between;position:relative}main,main section{display:flex;flex-direction:column;align-items:center}main section{width:100%;margin:0;padding:0 8px;justify-content:center}#image-container{overflow:hidden;display:flex;align-items:center;justify-content:center}.explanation-text{width:100%;max-width:450px;text-align:left;margin-top:8px}.explanation-text__label{font-weight:700;margin-bottom:4px}.explanation-text__content{margin:0}.cropper *{border-radius:3px}@media screen and (max-width:450px){#app{flex-direction:column;padding-left:0;padding-right:0}#image-container{width:100%;max-width:100vw;padding:0;margin-bottom:12px}#config-container{width:100%;padding:0 8px;margin-bottom:12px}.cropper{max-width:100vw}.cropper *{border-radius:0}main section{margin-bottom:12px}}@media screen and (min-width:450px) and (max-height:650px){#app{flex-direction:column;padding-left:0;padding-right:0;overflow:auto;height:100vh;width:100vw}main{flex:1;max-height:calc(100vh - 54px);display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;flex-wrap:wrap}main section{width:40%;order:2;margin-bottom:12px}main section:last-of-type{margin-bottom:0}#image-container{max-height:calc(100vh - 54px);width:60%;align-self:flex-start;order:1;justify-content:center;align-items:flex-start}#config-container{order:3}.cropper{max-height:calc(100vh - 54px)}}@media screen and (min-width:450px) and (min-height:650px){#app{flex-direction:column}main{flex-grow:1}main section{padding:0;margin-bottom:8px}#image-container{max-width:450px}#config-container,#image-container{margin-bottom:8px;width:100%}.cropper{max-width:434px}}#navigation-header[data-v-c2cd1f78]{height:42px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;box-shadow:0 4px 12px hsla(0,0%,47%,.4)}.header-icon[data-v-c2cd1f78]{height:42px;width:50px;flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center}.header-icon[data-v-c2cd1f78]:first-child{padding-left:8px}.header-icon[data-v-c2cd1f78]:last-child{padding-right:8px}.header-icon a[data-v-c2cd1f78]{height:100%;width:100%;display:flex;align-items:center}.header-icon:first-child a[data-v-c2cd1f78]{justify-content:flex-start}.header-icon:last-child a[data-v-c2cd1f78]{justify-content:flex-end}.header-icon svg[data-v-c2cd1f78]{max-height:28px;max-width:28px}.header-title[data-v-c2cd1f78]{font-size:18px;font-weight:400}@media screen and (max-width:450px){#navigation-header[data-v-c2cd1f78]{top:0;right:0;left:0;position:fixed;z-index:1}}@media screen and (min-width:450px) and (max-height:650px){#navigation-header[data-v-c2cd1f78]{top:0;right:0;left:0;position:fixed;z-index:1}}@media screen and (min-width:450px) and (min-height:650px){#navigation-header[data-v-c2cd1f78]{margin-bottom:8px}}#info-button[data-v-4c50f7d6]{min-height:70px;flex-grow:0}#info-popup[data-v-4c50f7d6]{position:fixed;top:0;right:0;margin-top:42px;padding:12px 8px 8px;height:calc(100% - 42px);width:100%;background-color:#fff;box-shadow:inset 0 4px 12px hsla(0,0%,47%,.4);z-index:99}.slide-enter-from[data-v-4c50f7d6],.slide-leave-to[data-v-4c50f7d6]{transform:translate3d(100%,0,0)}.slide-enter-active[data-v-4c50f7d6],.slide-leave-active[data-v-4c50f7d6]{transition:transform .3s ease-out}#info-content[data-v-4c50f7d6]{display:flex;align-items:center;flex-direction:column;max-height:100%;overflow:scroll;padding-bottom:70px}#info-content section p[data-v-4c50f7d6]{font-size:.9em;text-align:justify}#icon-container[data-v-4c50f7d6]{position:fixed;bottom:8px;right:8px;z-index:9999}.icon[data-v-4c50f7d6]{width:50px;height:50px;border-radius:100%;box-shadow:2px 4px 8px hsla(0,0%,47%,.4);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon svg[data-v-4c50f7d6]{height:55%;width:55%}.icon span[data-v-4c50f7d6]{display:flex;align-items:center;justify-content:center;height:100%;font-size:25px;color:#ebebeb}.fade-enter-active[data-v-4c50f7d6],.fade-leave-active[data-v-4c50f7d6]{transition:opacity .2s ease}.fade-enter-from[data-v-4c50f7d6],.fade-leave-to[data-v-4c50f7d6]{opacity:0}.fade-enter-to[data-v-4c50f7d6],.fade-leave-from[data-v-4c50f7d6]{opacity:1}@media screen and (min-width:450px) and (min-height:650px){#info-popup[data-v-4c50f7d6]{position:absolute;right:auto;left:auto;margin-top:50px;max-width:432px;padding:12px 0 0;box-shadow:none;overflow:hidden}.slide-enter-active[data-v-4c50f7d6],.slide-leave-active[data-v-4c50f7d6]{transition:opacity .4s ease}.slide-enter-from[data-v-4c50f7d6],.slide-leave-to[data-v-4c50f7d6]{transform:none;opacity:0}.slide-enter-to[data-v-4c50f7d6],.slide-leave-from[data-v-4c50f7d6]{transform:none;opacity:1}#info-content[data-v-4c50f7d6]{padding:0 4px 4px;overflow:auto}#icon-container[data-v-4c50f7d6]{position:inherit;min-height:70px;margin:0;display:flex;justify-content:flex-end;align-items:flex-end}}.multi-bounce[data-v-702e8952]{display:flex;flex-direction:row;justify-content:center;align-items:center;min-height:1em;padding:4px 0}.bouncing-dot[data-v-702e8952]{border-radius:100%;height:10px;width:10px;margin-left:3px;margin-right:3px;-webkit-animation-name:bounce-702e8952;animation-name:bounce-702e8952;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;box-shadow:2px 2px 4px hsla(0,0%,71%,.5)}@-webkit-keyframes bounce-702e8952{0%,to{transform:scale(0)}50%{transform:scale(1)}}@keyframes bounce-702e8952{0%,to{transform:scale(0)}50%{transform:scale(1)}}.wrapper[data-v-46cfdeee]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);bottom:auto;right:auto;border-radius:5px;transition:opacity .3s ease-in;box-shadow:2px 4px 8px hsla(0,0%,47%,.5)}.spinner[data-v-46cfdeee]{width:70px;height:70px;border-radius:5px;display:flex;justify-content:space-around;align-items:center}.circle[data-v-46cfdeee]{border:8px solid;border-radius:100%;position:absolute;opacity:.6;width:48px;height:48px}.circle-slow[data-v-46cfdeee]{-webkit-animation:spinner-rotate-smooth-46cfdeee 1.4s linear infinite;animation:spinner-rotate-smooth-46cfdeee 1.4s linear infinite}.circle-fast[data-v-46cfdeee],.circle-slow[data-v-46cfdeee]{border-bottom-color:transparent;border-right-color:transparent}.circle-fast[data-v-46cfdeee]{-webkit-animation:spinner-rotate-smooth-46cfdeee .7s linear infinite;animation:spinner-rotate-smooth-46cfdeee .7s linear infinite}.circle-trace[data-v-46cfdeee]{opacity:.15}.indicator-enter-active[data-v-46cfdeee],.indicator-leave-active[data-v-46cfdeee]{transition:opacity .4s ease}.indicator-enter-from[data-v-46cfdeee],.indicator-leave-to[data-v-46cfdeee]{opacity:0}.indicator-enter-to[data-v-46cfdeee],.indicator-leave-from[data-v-46cfdeee]{opacity:1}@-webkit-keyframes spinner-rotate-smooth-46cfdeee{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spinner-rotate-smooth-46cfdeee{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.github-corner:hover .octo-arm[data-v-1a8b4bbc]{-webkit-animation:octocat-wave-1a8b4bbc .56s ease-in-out;animation:octocat-wave-1a8b4bbc .56s ease-in-out}@-webkit-keyframes octocat-wave-1a8b4bbc{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@keyframes octocat-wave-1a8b4bbc{0%,to{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}.github-corner svg[data-v-1a8b4bbc]{position:fixed;top:0;border:0;right:0}@media screen and (max-width:450px){.github-corner[data-v-1a8b4bbc]{display:none}}@media screen and (min-width:450px) and (max-height:750px){.github-corner[data-v-1a8b4bbc]{display:none}}@media screen and (min-width:450px) and (min-height:750px){.github-corner[data-v-1a8b4bbc]{display:inline}}.studio-logo[data-v-50c4f028]{position:fixed;bottom:10px;right:10px;border:0}@media screen and (max-width:450px){.studio-logo[data-v-50c4f028]{display:none}}@media screen and (min-width:450px) and (max-height:825px){.studio-logo[data-v-50c4f028]{display:none}}@media screen and (min-width:450px) and (min-height:825px){.studio-logo[data-v-50c4f028]{display:inline}}*{box-sizing:border-box}body,h3,p{padding:0;margin:0}p{font-size:1em}:active,:focus{outline:none}.xd-app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:#fff;height:100vh;width:100vw}@media screen and (max-width:450px){.xd-app{padding:54px 8px 8px;overflow:scroll}}@media screen and (min-width:450px) and (max-height:650px){.xd-app{padding:54px 8px 8px;overflow:scroll}}@media screen and (min-width:450px) and (min-height:650px){body{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh}.xd-app{height:auto;min-height:640px;max-width:450px;padding:8px;overflow:hidden;border:1px solid #ddd;box-shadow:2px 2px 4px hsla(0,0%,47%,.4)}.xd-app main{padding:4px}}.xd-primary{background-color:#323232;color:#ebebeb}.xd-fill-primary{fill:#323232;color:#ebebeb}.xd-light{background-color:#ebebeb;color:#323232}.xd-secondary{background-color:#103260;color:#ebebeb}.xd-fill-secondary{fill:#103260;color:#ebebeb}.xd-green{background-color:#00887a;color:#fff}.xd-red{background-color:#c00;color:#fff}.xd-border-primary{border:1px solid #323232}.xd-border-light{border:1px solid #ebebeb}.xd-border-secondary{border:1px solid #103260}.xd-section{width:100%;margin-bottom:12px;padding:10px;border-radius:3px;box-shadow:2px 2px 4px hsla(0,0%,71%,.5)}.xd-section:last-child{margin-bottom:0}.xd-section h3{font-size:1em;font-weight:600}.xd-section p{margin-block:8px 4px}.xd-section p:first-child{margin-block:4px 4px}.xd-button{position:relative;display:block;height:auto;width:100%;padding:10px;border:0;outline:0;border-radius:3px;font-size:1em;font-weight:400;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.xd-button:after{position:absolute;content:" ";background-color:#000;opacity:0;top:0;left:0;right:0;bottom:0}.xd-button:active:after{opacity:.4}.xd-button:disabled{opacity:.6}a.xd-button{text-decoration:none}