@charset "UTF-8";/*!
* Cropper.js v1.5.13
* https://fengyuanchen.github.io/cropperjs
*
* Copyright 2015-present Chen Fengyuan
* Released under the MIT license
*
* Date: 2022-11-20T05:30:43.444Z
*/.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.app-header{position:relative;color:#fff;height:65px;padding:0 var(--app-g-padding);z-index:10;top:12px}.navbar{position:relative;padding:0 5px;display:flex;justify-content:space-between;align-items:flex-start;align-items:center;width:100%;height:100%}.navbar-header{position:absolute;top:4px;height:100%;width:100%;display:flex;align-items:center}.navbar-header .col{width:50%}.navbar-header .col h2{text-align:center;font-weight:700;text-transform:uppercase}.navbar-header .logo-first{color:var(--theme-btn-icon);display:flex;align-items:center;justify-content:center;position:relative;text-shadow:1px 1px 0 #000}.navbar-header .logo-first .full-logo{height:47px;width:240px}.navbar-header .logo-first .svg-btn{height:47px;width:47px;position:absolute}.navbar-header .logo-first .o-play{right:97px}.navbar-header .logo-first .o-close{right:0}.navbar-header .logo-second{color:var(--theme-frame2-color);text-shadow:1px 1px 0 #000}.navbar-header .logo-mobile{justify-content:flex-end}.navbar-header__pc h2{font-size:42px}.navbar-header__mobile{display:none}.navbar-header__mobile h2{font-size:53px}.navbar .navbar-header__mobile .btn{position:absolute;height:47px;width:47px}.navbar .navbar-header__mobile .crop{right:97px}.navbar .navbar-header__mobile svg{width:100%;height:100%}.navbar .navbar-header__mobile .logo-mobile{display:inline-flex;transform:translate(20px)}.navbar.is-open .menu-items{transform:translate(0)}.navbar.is-open .hamburger-lines .line1{transform:rotate(45deg)}.navbar.is-open .hamburger-lines .line2{transform:scaleY(0)}.navbar.is-open .hamburger-lines .line3{transform:rotate(-45deg)}.navbar .hamburger-lines,.navbar .close-icon{display:block;height:25px;width:30px;z-index:2;display:flex;flex-direction:column;justify-content:space-between;align-items:center;cursor:pointer}.navbar .close-icon .line{display:block;height:5px;width:100%;background:var(--theme-btn-icon)}.navbar .close-icon .line1{transform:rotate(45deg);transform-origin:3px 3px}.navbar .close-icon .line2{transform:rotate(-45deg);transform-origin:0% 0%}.navbar .menu-items{position:absolute;z-index:5;width:220px;background:var(--menu-bg-color);top:45px;left:-5px;transform:translate(-150%);transition:transform .5s ease-in-out;list-style-type:none}.navbar .menu-items .menu-item{display:flex;align-items:center;margin-bottom:.4rem;font-size:1rem;font-weight:500;white-space:nowrap;border-bottom:1px solid rgba(109,84,97,.7)}.navbar .menu-items .menu-item:last-child{margin-bottom:0;border-bottom:none}.navbar .menu-items .menu-item:hover>.menu-item-link,.navbar .menu-items .menu-item:hover>.language-picker{color:var(--menu-item-hover)}.navbar .menu-items .menu-item .menu-item-link{cursor:pointer;display:block;padding:4px 30px;text-decoration:none;color:var(--menu-color);transition:all .3s}.navbar .menu-items .menu-item:not(.dropdown) .menu-item-link{width:100%}.navbar .menu-items .dropdown{position:relative}.navbar .menu-items .sub-menu{list-style-type:none;position:absolute;width:180px;left:40%;top:30px;display:none;background-color:#fff;z-index:10}.navbar .menu-items .sub-menu.is-open{display:block}.navbar .menu-items .sub-menu li:last-child{margin-bottom:0}.navbar .menu-items .sub-menu li a{cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;display:flex;padding:4px 30px;text-decoration:none;color:var(--menu-color);transition:all .3s}.navbar .menu-items .sub-menu li a:hover,.navbar .menu-items .sub-menu li a.selected{background-color:#eee}.navbar .menu-items .sub-menu li a.selected:after{content:"";height:16px;width:16px;background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpolyline stroke-width='2' stroke='%23ffffff' fill='none' stroke-linecap='round' stroke-linejoin='round' points='1,9 5,13 15,3 '/%3E%3C/svg%3E");margin-left:auto}.navbar-container{display:flex;align-items:center;height:100%}.navbar .svg{width:16px;height:16px}.hamburger-lines .line{display:block;height:5px;width:100%;background:var(--theme-btn-icon)}.hamburger-lines .line1{transform-origin:0% 0%;transition:transform .3s ease-in-out}.hamburger-lines .line2{transition:transform .1s ease-in-out}.hamburger-lines .line3{transform-origin:0% 100%;transition:transform .3s ease-in-out}h1.logo{text-transform:uppercase;color:var(--accent-color);font-size:3rem;font-weight:900}.logo{will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.vanilla:hover{filter:drop-shadow(0 0 2em rgba(247,223,30,.6666666667))}.top-bar{display:flex;align-items:center;justify-content:space-between;width:100%}.btn-bg{background-color:var(--theme-frame2-color);padding-top:2px}.btn-bg__l{border-bottom-right-radius:8px;border-bottom:3px solid var(--theme-frame3-color);border-right:3px solid var(--theme-frame3-color)}.btn-bg__r{border-bottom-left-radius:8px;border-bottom:3px solid var(--theme-frame3-color);border-left:3px solid var(--theme-frame3-color)}.btn-bg__m{border-bottom-left-radius:8px;border-bottom-right-radius:8px;padding:2px 12px 5px}.btn-back{display:flex;align-items:center;justify-content:center;position:relative;height:45px;width:50px;border:1px solid var(--theme-btn-border);border-radius:6px;background-image:linear-gradient(to bottom,var(--theme-btn-out-start),var(--theme-btn-out-end))}.btn-back:after{content:"";position:absolute;display:block;left:4px;right:4px;top:4px;bottom:4px;border-radius:6px;background-image:linear-gradient(to right,var(--theme-btn-in-start),var(--theme-btn-in-end))}.icon-control{position:relative;display:inline-flex;line-height:1;align-items:center;justify-content:center}.icon-control button.btn{background-color:var(--theme-btn-icon);position:absolute;left:3px;top:7px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.icon-control button.btn i{padding-left:2px;width:40px;height:40px;border-radius:50%}.icon-control button.btn svg{width:100%;height:100%}@media (max-width: 600px){.navbar-header__mobile{display:flex}.navbar-header__pc{display:none}.app-header{top:0;background-color:var(--theme-frame2-color)}.navbar .btn-bg.btn-bg__r{display:none}.navbar-header{top:0}.navbar-header .col{width:100%}.navbar-header .col .logo-first{text-align:right}.navbar-header .col.last{display:none}.btn-bg,.btn-back{border:none;background:transparent;border-radius:0}.btn-back:after{display:none}.btn-bg.btn-bg__m{display:none}}*,*:after,*:before{box-sizing:border-box;padding:0;margin:0}:root{font-family:Montserrat,sans-serif;line-height:1.5;font-weight:400;--main-bg-color: #000;--menu-bg-color: #d9d9d9;--menu-color: #000;--header-bg-color: #0500b9;--hamburger-color: #ff491b;--accent-color: #6194ff;--background-grid-color: rgba(109, 84, 97, .7);--background-fill-color: rgba(0, 0, 0, .3);--menu-item-hover: #ff491b;--submenu-bg: white;--theme-frame1-color: #1258b5;--theme-frame2-color: #2a70cf;--theme-frame3-color: #36a9e1;--theme-btn-out-start: #238ae0;--theme-btn-out-end: #114977;--theme-btn-in-start: #238ae0;--theme-btn-in-end: #114a78;--theme-btn-border: #002a3b;--theme-btn-icon: #73b0ff;--app-g-padding: 16px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{height:100vh}body{height:100vh;overflow-y:hidden;font-family:Raleway,sans-serif}#app{height:100%;background-color:var(--main-bg-color);position:relative}.frame{box-sizing:border-box;position:absolute;width:100%;height:100%;border:8px solid var(--theme-frame1-color);left:0;right:0;bottom:0;top:0}.frame:before{content:"";position:absolute;display:block;left:0px;right:0px;bottom:0px;top:0px;border:12px solid var(--theme-frame2-color)}.frame:after{content:"";position:absolute;display:block;left:12px;right:12px;bottom:12px;top:12px;border:3px solid var(--theme-frame3-color)}.container{margin:0 auto}.hidden{display:none!important}.v-hidden{visibility:hidden;opacity:0}.main{margin-top:24px;position:relative}button{cursor:pointer}.btn{position:relative;height:40px;width:40px;outline:none;border:none;background:transparent;z-index:5}.btn:hover{transform:translate(1px)}.btn svg{width:100%;height:100%}.btn{color:var(--theme-btn-icon)}.backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:5}.text-center{text-align:center}@media (max-width: 600px){.main{margin-top:30px}.frame{display:none}}@media only screen and (orientation: portrait){.is-mobile #app{display:block}.is-mobile #loader{display:none}}@media only screen and (orientation: landscape){.is-mobile #app{display:none}.is-mobile #loader{background:#000;height:100vh;display:flex;align-items:center;justify-content:center;color:#fff}}.playbox{position:relative;display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}.playbox .masked{position:absolute;left:0;top:0;width:100%;height:100%;cursor:not-allowed;background-color:var(--background-fill-color);background-image:repeating-linear-gradient(to right,var(--background-grid-color) 0,var(--background-grid-color) 1px,transparent 1px,transparent 20px),repeating-linear-gradient(to bottom,var(--background-grid-color) 0,var(--background-grid-color) 1px,transparent 1px,transparent 20px)}.bg{background-color:var(--main-bg-color)}.item{display:flex;align-items:center;justify-content:center;font-size:22px;position:relative;will-change:transform;box-shadow:0 0 0 1px transparent;transition:box-shadow .3s ease}.item .fill{height:100%;width:100%;background-color:#fff}.item .inner{background-color:gray;width:calc(100% - 6px);height:calc(100% - 6px)}.item canvas{position:relative;z-index:11}.item:not(.item-empty){cursor:pointer}.item:not(.item-empty):not(.moved):hover{box-shadow:inset 0 0 0 1px var(--theme-frame3-color)}.moved{transition:transform .25s ease;z-index:10}.box{position:absolute;right:0;bottom:0;left:0;top:0;display:flex;align-items:center;justify-content:center}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.inputfile+label figure{width:120px;display:flex;align-items:center;justify-content:center}.inputfile+label img{width:100%;height:100%;fill:#f1e5e6}.image-area{position:absolute;overflow:hidden;top:0;left:25px;right:25px;height:100%}.footer{z-index:20;padding:0 16px;position:fixed;bottom:30px;left:calc(var(--app-g-padding));right:calc(var(--app-g-padding))}.footer-logo{color:var(--theme-btn-icon);text-transform:uppercase;text-align:center;font-size:2.6rem;font-size:clamp(2.125rem,1.9303rem + .8197vw,2.75rem);font-weight:700;line-height:1.2;display:none}.footer-control{display:flex;justify-content:space-between;align-items:center;z-index:100;position:relative}.footer-control .sound-control{display:block;width:30px;height:30px;color:#fff}.footer-control .sound-control svg{width:100%;height:100%}.footer-control a{color:#fff;text-decoration:none}.footer-control a:hover,.footer-control a:active,.footer-control a:visited{text-decoration:none;color:#fff}.footer-control a.info-link{display:inline-block;width:36px;height:36px}.footer-control a.info-link img{width:100%;height:auto}.counter{width:120px;display:flex;justify-content:center;align-items:center;height:32px;font-size:22px;color:#fff;font-family:serif;margin-top:-1px}@media (max-width: 600px){.footer{left:0;right:0;bottom:5px}.footer-logo{display:block}.footer-control{justify-content:space-between}.counter-wrap{position:absolute;width:100%;display:flex;justify-content:center;top:-100%}}.modal{font-family:-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center}.modal__container{background-color:#fff;padding:30px;max-width:500px;max-height:100vh;border-radius:4px;overflow-y:auto;box-sizing:border-box}.modal__header{display:flex;justify-content:space-between;align-items:center}.modal__title{margin-top:0;margin-bottom:0;font-weight:600;font-size:1.25rem;line-height:1.25;color:#00449e;box-sizing:border-box}.modal__close{background:transparent;border:0}.modal__header .modal__close:before{content:"✕"}.modal__content{margin-top:2rem;margin-bottom:2rem;line-height:1.5;color:#000c}.modal__btn{font-size:.875rem;padding:.5rem 1rem;background-color:#e6e6e6;color:#000c;border-radius:.25rem;border-style:none;border-width:0;cursor:pointer;-webkit-appearance:button;text-transform:none;overflow:visible;line-height:1.15;margin:0;will-change:transform;-moz-osx-font-smoothing:grayscale;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);transition:-webkit-transform .25s ease-out;transition:transform .25s ease-out;transition:transform .25s ease-out,-webkit-transform .25s ease-out}.modal__btn:focus,.modal__btn:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.modal__btn-primary{background-color:#00449e;color:#fff}@keyframes mmfadeIn{0%{opacity:0}to{opacity:1}}@keyframes mmfadeOut{0%{opacity:1}to{opacity:0}}@keyframes mmslideIn{0%{transform:translateY(15%)}to{transform:translateY(0)}}@keyframes mmslideOut{0%{transform:translateY(0)}to{transform:translateY(-10%)}}.micromodal-slide{display:none}.micromodal-slide.is-open{display:block}.micromodal-slide[aria-hidden=false] .modal__overlay{animation:mmfadeIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=false] .modal__container{animation:mmslideIn .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__overlay{animation:mmfadeOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide[aria-hidden=true] .modal__container{animation:mmslideOut .3s cubic-bezier(0,0,.2,1)}.micromodal-slide .modal__container,.micromodal-slide .modal__overlay{will-change:transform}