.material-icons{font-family:Material Icons;font-weight:300;font-style:normal;font-size:inherit;display:inline-block;line-height:inherit;letter-spacing:normal;word-wrap:normal;white-space:nowrap;direction:ltr}*,.material-icons{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;-webkit-font-feature-settings:"liga";font-feature-settings:"liga"}*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%}body,html{width:100%;height:100%;overflow:hidden;position:fixed}body{font-size:1.5rem;line-height:1;font-weight:300;font-family:Raleway,sans-serif;color:#494f66}img{max-width:100%;height:auto}#app,#main{width:100%;height:100%}#loader{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;z-index:100002;background-position:50%;background-repeat:no-repeat;background-color:#fff;background-size:100px 100px}#header{height:5rem;background:#40a8cc;border-bottom:.2rem solid #2c85a3;position:relative;z-index:9999}#logo{border-right:1px solid #339bbd;font-family:Lobster,cursive;font-size:3.2rem;line-height:4.8rem;color:#fff;cursor:pointer}#cavilam,#logo{float:left;height:4.8rem;text-align:center;width:15rem}#cavilam{border-left:1px solid #339bbd;font-size:0}#cavilam img{max-width:100%;max-height:4rem;margin:.4rem 0}#header-left{float:left}#header-right{float:right}#header-left>span,#header-right>span{height:4.8rem;width:7.5rem;font-size:3.2rem;text-align:center;float:left;cursor:pointer;color:#fff;-ms-touch-action:manipulation;touch-action:manipulation}#header span:active,#header span:hover{background:#4fb0d0}#header span i{line-height:4.8rem;text-shadow:1px 1px 1px rgba(0,0,0,.25)}#reset,#share{border-left:1px solid #339bbd}#add,#tune{border-right:1px solid #339bbd}#reset.inactive,#reset.inactive:active,#reset.inactive:hover,#share.inactive,#share.inactive:active,#share.inactive:hover,#tune.inactive,#tune.inactive:active,#tune.inactive:hover{color:#c9c9c9;cursor:default;background:#40a8cc}#page{width:100%;height:calc(100% - 5rem);overflow:hidden;background:#f7f7f7}#page-container{margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}#canvas-wrapper{float:left;text-align:center;width:100%}#canvas,#canvas-wrapper{-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#canvas{-webkit-box-shadow:0 0 .3rem .1rem rgba(0,0,0,.12);box-shadow:0 0 .3rem .1rem rgba(0,0,0,.12);-webkit-touch-callout:none}.canvas-container{margin:auto;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#card-wrapper{float:left;text-align:center;width:100%}#card-wrapper #brand img{max-height:10rem}#card-wrapper #card{max-width:100%;-webkit-box-shadow:0 0 .3rem .1rem rgba(0,0,0,.12);box-shadow:0 0 .3rem .1rem rgba(0,0,0,.12)}#card-wrapper #brand,#card-wrapper #create-wrapper{display:block;width:100%;margin:0 auto;padding:3rem 0}#card-wrapper a#create{font-family:Lobster;display:inline-block;margin:auto;width:30rem;font-size:2.7rem;text-decoration:none;color:#fff;background:#25c092;border-radius:.5rem;padding:1.5rem;text-align:center;outline:none;text-shadow:1px 1px 1px rgba(0,0,0,.5)}#tuto{display:inline-block;position:fixed;right:1rem;bottom:1rem;font-size:4rem;height:4rem;width:4rem;color:#25c092}#tools{position:absolute;top:6.5rem;border:1px solid #ddd;font-size:1.7rem;color:#494f66;z-index:1000;background:#fff;width:31.5rem;left:10.5rem}#share-menu:after,#tools:after{border:solid #ddd}#help:after{border:solid #d45876}#help:after,#share-menu:after,#tools:after{content:"";display:block;position:absolute;top:0;border-width:0 .1rem .1rem 0;-webkit-transform:translate(-.7rem,-.8rem) rotate(-135deg);transform:translate(-.7rem,-.8rem) rotate(-135deg);background:#fff;left:50%;width:1.4rem;height:1.4rem}#tools-wrapper{padding:.5rem 2rem;overflow:hidden;float:left;width:100%}.box i{line-height:4.5rem}.box{font-size:2.4rem;cursor:pointer;width:4.1rem;height:4.5rem;text-align:center;float:right;color:#40a8cc}.box:focus,.box:hover{color:#494f66}.tool{padding:.3rem 0;border-bottom:1px solid #f0f0f0;overflow:hidden}.tool:last-child{border-bottom:0}.tool-label{color:#494f66;line-height:4.5rem}#group.active,#lock.active{color:#f9bb02;background:#f0f0f0}#delete{color:#ea6455}#delete.inactive,#lock.active.inactive,#lock.inactive{color:#aaa}#help{border:1px solid #d45876;color:#d45876;width:25rem;left:6.25rem;text-align:center}#help,#share-menu{position:absolute;top:6.5rem;z-index:1000;background:#fff}#share-menu{border:1px solid #ddd;color:#494f66;width:calc(27.6rem + 2px);right:calc(4.95rem + 1px)}#help-wrapper,#share-wrapper{padding:1.2rem 2rem;overflow:hidden;float:left;width:100%;font-size:0}#help-wrapper span{font-weight:500;font-size:1.7rem}#share-wrapper a.social{display:inline-block;margin-right:1.2rem}#share-wrapper a.social.last{margin-right:0}#share-wrapper a.social img{width:5rem;height:5rem}#share-wrapper a.social img:hover{opacity:.8}#share-wrapper #copy,#share-wrapper #download{display:block;font-size:1.7rem;color:#fff;border-radius:.5rem;padding:1rem;text-align:center;margin-top:1.2rem;text-shadow:1px 1px 1px rgba(0,0,0,.5);cursor:pointer}#share-wrapper #download{background:#25c092}#share-wrapper #copy{background:#40a8cc}#loader-share{position:absolute;left:0;top:0;right:0;bottom:0;width:100%;z-index:100;background-position:50%;background-repeat:no-repeat;background-color:#fff;background-size:100px 100px}#link{border:1px solid #ddd;width:100%;padding:1rem;font-size:1.3rem;-webkit-appearance:none;margin-top:1.2rem;border-radius:.5rem;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.modal-container{z-index:10000;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.35);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.modal{position:relative;z-index:1000;background:#fff;max-width:85%;max-height:85%;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.33);box-shadow:0 2px 8px rgba(0,0,0,.33);-webkit-transition:all 1s ease;transition:all 1s ease}#content .modal{border:5px solid #9398ae;width:920px;height:85%}#credits .modal{border:2rem solid #fff;border-radius:.5rem;width:600px}#confirm .modal,#info .modal{border:3rem solid #fff;border-radius:.5rem;width:600px}#welcome .modal{width:1100px;border-radius:1rem;background-color:#174d5e}.modal-header{height:5rem;width:100%}.modal-header,.modal-subheader{border-bottom:1px solid #d7d9e1;color:#494f66}.modal-subheader{height:3.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:1.5rem}.modal-close{width:5rem;font-size:2.3rem;cursor:pointer;text-align:center}.modal-close,.modal-tabs{line-height:calc(5rem - 1px);height:calc(5rem - 1px);float:left}.modal-tabs{width:calc(100% - 5rem)}.modal-tab{color:#494f66;float:left;text-align:center;font-size:2.1rem;font-weight:300;width:33.3333333333%;border-right:1px solid #d7d9e1;cursor:pointer;-webkit-transition:all .1s ease;transition:all .1s ease}.modal-close:active,.modal-close:hover,.modal-tab.active,.modal-tab:active,.modal-tab:hover{background-color:#e6e7ec;text-decoration:underline}.modal-tab.active{font-weight:400}.modal-content{padding:0;float:left;height:100%;width:100%;text-align:center;overflow-y:auto;overflow-x:hidden;font-size:0;position:relative}#welcome .welcome-content-wrapper{float:left}#content .modal-content{height:calc(100% - 8.5rem);overflow:hidden;background:#fff}#welcome .welcome-wrapper{float:left;width:100%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}#welcome .welcome-wrapper h2{font-weight:600;font-family:Oswald}#welcome .welcome-wrapper h2,#welcome .welcome-wrapper h4{color:#fff;line-height:1.5;text-shadow:1px 1px 1px rgba(0,0,0,.3)}#welcome .welcome-wrapper h4{margin:0;font-weight:400}#to-start .to-start h3{font-weight:500;color:#fff;text-transform:uppercase;text-shadow:1px 1px 1px rgba(0,0,0,.3)}.modal-content-tab{height:calc(100% - 1.5rem)!important;padding-top:1.5rem}#content .clipart{margin:1rem;display:inline-block;cursor:pointer;font-size:0}#content .clipart:last-child{padding-bottom:1.5rem}#content .clipart:hover img{opacity:.8}.message{line-height:1.5;text-align:center}#help.active,#share-menu.active,#tools.active,.modal-container.open{-webkit-animation:fadeIn .2s ease-in-out;animation:fadeIn .2s ease-in-out}#credits section{float:left;width:100%;margin-bottom:3.5rem}#credits h3{font-size:2.1rem;margin:2.5rem 0 2rem;font-weight:500;color:#494f66;text-transform:uppercase;letter-spacing:.2rem;text-indent:.2rem}#credits a{text-decoration:none;outline:none}#credits a,#credits span{font-size:1.7rem;margin-bottom:1.2rem;font-weight:300;display:block;color:#494f66}#credits a:last-child,#credits span:last-child{margin-bottom:0}#credits .separator{height:2px;background:rgba(73,79,102,.3);display:block;width:50%;margin-left:25%;margin-bottom:1rem;float:left}#content,#credits,#info,#welcome{cursor:pointer}#credits-wrapper{height:100%}#actions{display:block;margin-top:2rem}#actions span{border:1px solid #ddd;border-radius:.5rem;font-size:1.7rem;padding:1rem 2rem;display:inline-block;cursor:pointer;min-width:8.5rem}#actions span:last-child{margin-left:2rem}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-enter-active{-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.15s;transition-duration:.15s;-webkit-transition-delay:.1s;transition-delay:.1s}.fade-enter,.fade-leave,.fade-leave-active,.fade-leave-to{opacity:0}#content .vb,#welcome .vb{height:100%!important}#content .vb{position:absolute!important;background:#fff}.vb>.vb-dragger{z-index:5;width:8px;right:0}.vb>.vb-dragger>.vb-dragger-styler{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:rotate3d(0,0,0,0);transform:rotate3d(0,0,0,0);-webkit-transition:background-color .1s ease-out,margin .1s ease-out,height .1s ease-out;transition:background-color .1s ease-out,margin .1s ease-out,height .1s ease-out;background-color:rgba(0,0,0,.1);margin:5px 5px 5px 0;border-radius:20px;height:calc(100% - 10px);display:block}.vb.vb-scrolling-phantom>.vb-dragger>.vb-dragger-styler{background-color:rgba(0,0,0,.3)}.vb.vb-dragging>.vb-dragger>.vb-dragger-styler,.vb>.vb-dragger:hover>.vb-dragger-styler{background-color:rgba(0,0,0,.5);margin:5px 5px 5px 0}.vb.vb-dragging-phantom>.vb-dragger>.vb-dragger-styler{background-color:rgba(0,0,0,.5)}#is-ie{background:#40a8cc;display:table}#is-ie,#is-ie-wrapper{width:100%;height:100%}#is-ie-wrapper{display:table-cell;vertical-align:middle}#is-ie .update{float:left;width:100%;text-align:center}#creacarte{font-family:Lobster,cursive}#is-ie h1{padding:50px 10rem;margin:0 auto;text-align:center;width:100%;line-height:2;color:#fff;font-weight:300;font-size:2em;float:left}#is-ie #update-button{display:inline-block;margin:0 auto;padding:15px 25px;font-size:1.5em;color:#40a8cc;background:#fff;border-radius:10px;text-decoration:none;outline:none}@media (max-height:420px){#credits .modal{height:85%}}@media (max-width:479px) and (min-height:480px){html{font-size:50%}#logo{font-size:2.1rem}#cavilam,#logo{width:10rem}#cavilam img{max-height:3.4rem;margin:.7rem 0}#header-left>span,#header-right>span{width:5rem;font-size:2.5rem}#add{font-size:2.7rem!important}#tune{font-size:2.3rem!important}.modal-header{height:28px}.modal-subheader{height:22px;font-size:1.1rem}.modal-close{width:28px;font-size:2rem}.modal-close,.modal-tabs{line-height:27px;height:27px}.modal-tabs{width:calc(100% - 28px)}.modal-tab{font-size:1.5rem}#content .modal-content{height:calc(100% - 50px)}#content .clipart img{max-width:8rem}#card-wrapper #brand img{max-height:7rem}#card-wrapper #brand,#card-wrapper #create-wrapper{padding:3rem 0}#card-wrapper a#create{font-size:2.1rem;padding:1rem}#tools{font-size:1.5rem;left:1.75rem}#help{width:22rem;left:1.5rem}#help-wrapper span{font-size:1.5rem}#share-menu{width:calc(22.6rem + 2px);right:calc(1.2rem + 1px)}#share-wrapper a.social img{width:4rem;height:4rem}#share-wrapper{padding:1.2rem 1.5rem}#share-wrapper #copy,#share-wrapper #download{font-size:1.5rem}.message{font-size:1.7rem}#actions span{font-size:1.5rem}#is-ie h1{font-size:1.5em}#is-ie #update-button{font-size:1.2em}#credits h3{font-size:1.5rem;margin:1.5rem 0 1.5rem}#credits a,#credits span{font-size:1.4rem}#credits section{margin-bottom:2.5rem}#welcome .welcome-wrapper h2{font-size:1.7rem!important}#welcome .welcome-wrapper h4{font-size:1.5rem!important}#welcome img{max-height:7rem}#to-start .to-start h3{font-size:1.5rem!important}#loader-share{background-size:60px 60px}#tuto{font-size:2.7rem;height:2.7rem;width:2.7rem}}@media (max-height:479px){#header{height:3.5rem}#logo{line-height:3.3rem;font-size:2.1rem}#cavilam,#logo{height:3.3rem}#cavilam img{max-height:2.9rem;margin:.2rem 0}#header-left>span,#header-right>span{height:3.3rem;font-size:2.5rem}#header span i{line-height:3.3rem}#add{font-size:2.7rem!important}#tune{font-size:2.3rem!important}#page{height:calc(100% - 3.5rem)}.modal-header{height:28px}.modal-subheader{height:22px;font-size:1.1rem}.modal-close{width:28px;font-size:2rem}.modal-close,.modal-tabs{line-height:27px;height:27px}.modal-tabs{width:calc(100% - 28px)}.modal-tab{font-size:1.5rem}#content .modal-content{height:calc(100% - 50px)}#content .clipart img{max-width:8rem}#card-wrapper #brand img{max-height:4.5rem}#card-wrapper #brand,#card-wrapper #create-wrapper{padding:1.5rem 0}#card-wrapper a#create{font-size:2.1rem;padding:1rem}#tools{font-size:1.5rem}#help,#tools{top:5rem}#help-wrapper span{font-size:1.5rem}#share-menu{top:5rem}#share-wrapper #copy,#share-wrapper #download{font-size:1.5rem}.message{font-size:1.7rem}#actions span{font-size:1.5rem}#is-ie h1{font-size:1.5em}#is-ie #update-button{font-size:1.2em}#credits h3{font-size:1.5rem;margin:1.5rem 0 1.5rem}#credits a,#credits span{font-size:1.4rem}#credits section{margin-bottom:2.5rem}#loader-share{background-size:60px 60px}#tuto{font-size:2.7rem;height:2.7rem;width:2.7rem}}@media (min-width:480px){#add{font-size:3.5rem!important}#tune{font-size:2.8rem!important}}@media (min-width:480px) and (max-width:599px){html{font-size:50%}#is-ie h1{font-size:1.7em}#is-ie #update-button{font-size:1.4em}#content .clipart img{max-width:9rem}.message{font-size:1.7rem}#actions span{font-size:1.5rem}}@media (min-height:480px) and (max-height:749px){#card-wrapper #brand img{max-height:7rem}#card-wrapper #brand,#card-wrapper #create-wrapper{padding:2.5rem 0}#card-wrapper a#create{font-size:2.1rem;padding:1rem}}@media (max-width:599px){#to-start .to-start{float:left;width:100%;border-bottom:1px solid hsla(0,0%,100%,.5)}#to-start .to-start:last-child{border-bottom:0}}@media (min-width:600px){#to-start .to-start{float:left;width:33.333333333%;border-right:1px solid hsla(0,0%,100%,.5)}#to-start .to-start:last-child{border-right:0}.message{font-size:2rem}#actions span{font-size:1.7rem}}@media (min-width:600px) and (max-width:749px){html{font-size:56.25%}#content .clipart img{max-width:11rem}#welcome #to-start img{max-height:12rem}}@media (max-height:599px){.welcome-content-wrapper{padding:2.5rem}#welcome .welcome-wrapper h2{font-size:1.7rem;margin:0 0 2rem;letter-spacing:.2rem;text-indent:.2rem}#welcome .welcome-wrapper h4{font-size:1.5rem;letter-spacing:.2rem;text-indent:.2rem}#to-start{margin:2rem 0}#to-start .to-start h3{font-size:1.5rem;margin:0 0 1.5rem;padding-top:1rem;letter-spacing:.2rem;text-indent:.2rem}#welcome img{max-height:7rem}#welcome #to-start img{max-height:10rem}}@media (min-height:600px){.welcome-content-wrapper{padding:4rem 2.5rem}#welcome .welcome-wrapper h2{font-size:2.5rem;margin:0 0 3rem;letter-spacing:.3rem;text-indent:.3rem}#welcome .welcome-wrapper h4{font-size:2rem;letter-spacing:.2rem;text-indent:.2rem}#to-start{margin:3rem 0}#to-start .to-start h3{font-size:2.1rem;margin:0 0 2rem;padding-top:1.5rem;letter-spacing:.2rem;text-indent:.2rem}}@media (max-height:768px){#welcome .modal{height:85%}}@media (min-width:750px){#content .clipart img{max-width:15rem}}@media (min-width:750px) and (max-width:1100px){#welcome #to-start img{max-height:17rem}}