html{height:100%;width:100%;margin:0;padding:0}body{-webkit-text-size-adjust:100%;margin:0;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.svgs{display:none}#exit-button{position:fixed;top:0;left:0;display:none;height:64px;border-radius:50%;height:64px;width:64px;line-height:64px;text-align:center;overflow:hidden;margin-bottom:6px;pointer-events:visibleFill;transition:opacity 0.5s ease 0s;opacity:1}#exit-button::after{content:'';display:block;position:absolute;top:12px;left:12px;background:rgba(0,0,0,0.5);border-radius:50%;width:39px;height:39px}#exit-button:active::after,#exit-button:hover::after{border:1px solid #fff;margin:-1px;background-color:#175B64}#exit-button svg{position:relative;z-index:2;box-sizing:border-box;fill:#fff;max-width:100%;max-height:100%;padding:19px}#PaintingAppBase{font-family:Tate regular,Arial,"Helvetica Neue",Helvetica,sans-serif;width:100%;height:100vh;max-height:100%;color:#fff;font-size:16px;max-width:1024px;margin:0 auto;-ms-flex:1;flex:1}#PaintingAppBase *{box-sizing:border-box}#PaintingAppBase a{cursor:pointer;color:#fff;text-decoration:none}#PaintingAppBase a:visited,#PaintingAppBase a:active,#PaintingAppBase a:hover{text-decoration:none}#PaintingAppBase canvas{cursor:crosshair}#PaintingAppBase ul{margin:0;padding:0}#PaintingAppBase ul li{list-style:none;margin:0;padding:0}#PaintingAppBase body{font-size:14px;font-family:Tate regular,Arial,"Helvetica Neue",Helvetica,sans-serif;color:#fff}#PaintingAppBase h1,#PaintingAppBase h2,#PaintingAppBase h3,#PaintingAppBase h4,#PaintingAppBase h5,#PaintingAppBase h6{display:inline-block;margin:0;padding:0}#PaintingAppBase h1{font-size:3em}#PaintingAppBase h2{font-size:1.43em;margin:0;font-family:Tate regular,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:bold}#PaintingAppBase h3{font-size:1.25em;font-family:Tate regular,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:bold}#PaintingAppBase strong{font-family:Tate regular,Arial,"Helvetica Neue",Helvetica,sans-serif;font-weight:bold}#PaintingAppBase .full-screen{position:relative;display:block;height:100%;width:100%}#PaintingAppBase .helper-text{position:absolute;width:0;height:0;line-height:0;font-size:1px;overflow:hidden;text-indent:100%}#PaintingAppBase .no-margin{margin:0 !important}#PaintingAppBase .no-padding{padding:0 !important}#PaintingAppBase .pull-right{float:right}#PaintingAppBase .tooltip{cursor:pointer;position:relative}#PaintingAppBase .tooltip:hover:after{background:#333;background:rgba(0,0,0,0.8);border-radius:5px;bottom:-75px;color:#fff;content:attr(data-tip);left:-75%;padding:5px 15px;position:absolute;z-index:9998;width:220px}#PaintingAppBase .forms__btn--next{background:url("../img/furniture/next_s_btn.png");background-size:contain;background-position:center;background-repeat:no-repeat;height:213px;width:250px}#PaintingAppBase .forms__btn--prev{background:url("../img/furniture/prev_s_btn.png");background-size:contain;background-position:center;background-repeat:no-repeat;height:213px;width:250px}#PaintingAppBase .forms__btn--send{background:url("../img/furniture/send_s_btn.png");background-size:contain;background-position:center;background-repeat:no-repeat;height:250px;width:250px}#PaintingAppBase .forms__btn--skip{background:url("../img/furniture/skip_s_btn.png");background-size:contain;background-position:center;background-repeat:no-repeat;height:250px;width:250px}#PaintingAppBase .btn_row{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;width:100%}#PaintingAppBase .btn_row div{display:inline-block}#PaintingAppBase input.error,#PaintingAppBase textarea.error{outline:5px solid #FF0000 !important}#PaintingAppBase .boxclose{background:url("../img/furniture/remove_s.png");background-repeat:no-repeat;background-position:center center;top:-13px;right:-5px;width:50px;height:50px;position:absolute;border-radius:25px;text-align:center;line-height:41px;font-size:22px}@keyframes print{0%{transform:translateY(-90%)}10%{transform:translateY(-95%)}20%{transform:translateY(-70%)}40%{transform:translateY(-60%)}50%{transform:translateY(-50%)}60%{transform:translateY(-30%)}80%{transform:translateY(-10%)}90%{transform:translateY(-9%)}100%{transform:translateY(2%)}}@keyframes conveyor{0%{transform:translateY(-1%)}100%{transform:translateY(30%)}}@keyframes feedback{0%{opacity:0.01;transform:scale(0.5)}20%{opacity:1}35%{transform:scale(1);opacity:1}40%{transform:scale(0.98);opacity:1}90%{transform:scale(0.98);opacity:1}100%{transform:scale(0.98);opacity:0}}@keyframes load4{0%,100%{box-shadow:0 -3em 0 0.2em #ffffff, 2em -2em 0 0em #ffffff, 3em 0 0 -1em #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 -1em #ffffff, -3em 0 0 -1em #ffffff, -2em -2em 0 0 #ffffff}12.5%{box-shadow:0 -3em 0 0 #ffffff, 2em -2em 0 0.2em #ffffff, 3em 0 0 0 #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 -1em #ffffff, -3em 0 0 -1em #ffffff, -2em -2em 0 -1em #ffffff}25%{box-shadow:0 -3em 0 -0.5em #ffffff, 2em -2em 0 0 #ffffff, 3em 0 0 0.2em #ffffff, 2em 2em 0 0 #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 -1em #ffffff, -3em 0 0 -1em #ffffff, -2em -2em 0 -1em #ffffff}37.5%{box-shadow:0 -3em 0 -1em #ffffff, 2em -2em 0 -1em #ffffff, 3em 0em 0 0 #ffffff, 2em 2em 0 0.2em #ffffff, 0 3em 0 0em #ffffff, -2em 2em 0 -1em #ffffff, -3em 0em 0 -1em #ffffff, -2em -2em 0 -1em #ffffff}50%{box-shadow:0 -3em 0 -1em #ffffff, 2em -2em 0 -1em #ffffff, 3em 0 0 -1em #ffffff, 2em 2em 0 0em #ffffff, 0 3em 0 0.2em #ffffff, -2em 2em 0 0 #ffffff, -3em 0em 0 -1em #ffffff, -2em -2em 0 -1em #ffffff}62.5%{box-shadow:0 -3em 0 -1em #ffffff, 2em -2em 0 -1em #ffffff, 3em 0 0 -1em #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 0 #ffffff, -2em 2em 0 0.2em #ffffff, -3em 0 0 0 #ffffff, -2em -2em 0 -1em #ffffff}75%{box-shadow:0em -3em 0 -1em #ffffff, 2em -2em 0 -1em #ffffff, 3em 0em 0 -1em #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 0 #ffffff, -3em 0em 0 0.2em #ffffff, -2em -2em 0 0 #ffffff}87.5%{box-shadow:0em -3em 0 0 #ffffff, 2em -2em 0 -1em #ffffff, 3em 0 0 -1em #ffffff, 2em 2em 0 -1em #ffffff, 0 3em 0 -1em #ffffff, -2em 2em 0 0 #ffffff, -3em 0em 0 0 #ffffff, -2em -2em 0 0.2em #ffffff}}@keyframes fadeSlideScaleIn{0%{opacity:0;transform:translate(90%, 90%) scale(0.5)}100%{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#PaintingAppBase .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}#PaintingAppBase .slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}#PaintingAppBase .slick-list:focus{outline:none}#PaintingAppBase .slick-list.dragging{cursor:pointer;cursor:hand}#PaintingAppBase .slick-slider .slick-track,#PaintingAppBase .slick-slider .slick-list{transform:translate3d(0, 0, 0)}#PaintingAppBase .slick-track{position:relative;left:0;top:0;display:block}#PaintingAppBase .slick-track:before,#PaintingAppBase .slick-track:after{content:"";display:table}#PaintingAppBase .slick-track:after{clear:both}.slick-loading #PaintingAppBase .slick-track{visibility:hidden}#PaintingAppBase .slick-slide{float:left;height:100%;min-height:1px;display:none}[dir="rtl"] #PaintingAppBase .slick-slide{float:right}#PaintingAppBase .slick-slide img{display:block}#PaintingAppBase .slick-slide.slick-loading img{display:none}#PaintingAppBase .slick-slide.dragging img{pointer-events:none}.slick-initialized #PaintingAppBase .slick-slide{display:block}.slick-loading #PaintingAppBase .slick-slide{visibility:hidden}.slick-vertical #PaintingAppBase .slick-slide{display:block;height:auto;border:1px solid transparent}#PaintingAppBase .slick-arrow.slick-hidden{display:none}#PaintingAppBase button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;outline:0px solid transparent;background-color:transparent;font-size:1em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding:0;font-family:Tate regular,Arial,"Helvetica Neue",Helvetica,sans-serif}#PaintingAppBase button[aria-disabled="true"]{opacity:0.5}#PaintingAppBase #PaintingApp{height:100%;width:100%;position:relative;overflow:hidden}#PaintingAppBase svg>*{width:100%;height:100%}#PaintingAppBase svg.inline{display:inline-block;width:20px;height:20px}#PaintingAppBase figure{margin:0}#PaintingAppBase figure :focus{outline:0}#PaintingAppBase figure.splash-wrapper{height:100%;width:100%;background-position:50% 50%;background-size:cover}#PaintingAppBase figure.splash-wrapper>img{max-height:100%;min-height:100%;min-width:100%;position:relative;left:50%;top:0;transform:translate(-50%, 0);vertical-align:middle}#PaintingAppBase #fader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background-color:#000;opacity:0;transition:opacity 800ms ease 0s}#PaintingAppBase button.close{position:absolute;top:-10px;right:-5px;width:64px;height:64px;padding:15px}#PaintingAppBase button.close .wrap{position:relative;width:39px;height:39px;background-color:rgba(0,0,0,0.5);border-radius:50%}#PaintingAppBase button.close .wrap svg{position:absolute;top:50%;left:50%;width:16px;height:16px;transform:translate(-50%, -50%)}#PaintingAppBase button.close .wrap svg *{fill:#fff}#PaintingAppBase .play-button{background-color:#0F464C;border-radius:50%;display:block;position:absolute;top:41%;left:50%;transform:translate(-50%, -50%);opacity:0.75;width:91px;height:91px;line-height:91px;text-align:center}#PaintingAppBase .play-button:hover,#PaintingAppBase .play-button:focus{opacity:1}#PaintingAppBase .play-button svg{width:26.94px;height:32.33px;vertical-align:middle;margin:-2px 0 0 6px}#PaintingAppBase .play-button svg path{fill:#fff}#PaintingAppBase .page{position:absolute;top:0;left:0;width:100%;height:100%}#PaintingAppBase .full-wrap{display:block;width:100%;height:100%}#PaintingAppBase .full{position:absolute;min-height:100%;min-width:100%;left:50%;top:0;transform:translate(-50%, 0);vertical-align:middle;background-color:transparent;background-repeat:no-repeat;background-image:url("../img/furniture/grid@2x.png");background-size:auto 24%;background-position:50% 29.5%}#PaintingAppBase .full img{border:1px solid #4E9E97;height:19%;width:auto;position:absolute;top:25%;left:50%;transform:translateX(-50%)}#PaintingAppBase .story{position:absolute;bottom:0;width:100%;min-height:23%;font-size:1.0625em;background-color:#4E9E97;padding:12px 0 12px 12px}#PaintingAppBase .story .wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;max-width:386px;padding:12px 64px 12px 12px}#PaintingAppBase .story p{margin:0}#PaintingAppBase .story .next{position:absolute;cursor:pointer;top:50%;right:12px;width:39px;height:39px;line-height:0;transform:translateY(-50%);background-color:rgba(0,0,0,0.5);border-radius:50%;text-align:center}#PaintingAppBase .story .next svg{width:12px;height:16.59px;vertical-align:middle;transform:rotate(180deg);fill:#fff;overflow:visible}#PaintingAppBase .story .next svg>*{-moz-transform:translate(6px, -16px) rotate(90deg)}#PaintingAppBase .fact-wrapper{position:absolute;top:0;height:56%;width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;background-color:#438781}#PaintingAppBase .fact-wrapper img{max-width:100%;max-height:100%}#PaintingAppBase .fact-screen .story{height:44%}#PaintingAppBase .fact-screen .story .wrapper{height:calc(100% - 12px);max-height:14em;overflow:auto}#PaintingAppBase .fact-screen .copyright{padding-top:1em;font-size:16px}#PaintingAppBase.ios{height:calc(100vh - 69px)}#PaintingAppBase.ios .story .next svg{-webkit-transform:translateX(0px) rotate(180deg)}#PaintingAppBase .summary{padding-left:12px;max-width:480px;color:#175B64;text-align:center}#PaintingAppBase .printed-paper{position:absolute;left:50%;transform:translateX(-50%);top:14%;width:80%;min-height:100%;overflow:hidden;padding:15px 10px 0}#PaintingAppBase .printed-paper::after{content:'';background-color:rgba(0,0,0,0.1);position:absolute;z-index:1;top:-46px;left:0;width:100%;height:87px;border-bottom-left-radius:50%;border-bottom-right-radius:50%}#PaintingAppBase .printed-paper img{will-change:transform;transform:translateY(-110%);width:100%;animation:print 2.5s ease-out 500ms forwards;box-shadow:0 3px 5px rgba(0,0,0,0.5)}#PaintingAppBase .feedback{position:absolute;z-index:100;top:15%;animation:feedback 1.2s ease-in 5.2s forwards;opacity:0;transform-origin:0px 0px}#PaintingAppBase .feedback.wow{top:25%;right:0%;transform-origin:100% 0px;animation:feedback 1.2s ease-out 3.1s forwards}#PaintingAppBase .feedback.super{left:0%}#PaintingAppBase .toolbar{position:absolute;bottom:0;left:0;width:100%}#PaintingAppBase .toolbar .wrapper{position:relative;display:table;margin:0 auto;height:101px}#PaintingAppBase .toolbar .wrapper>*{text-align:center;color:#fff;display:inline-block;vertical-align:bottom;line-height:30px;font-size:14px;margin:0 13px;border-radius:50%;width:64px;height:64px;background-color:rgba(0,0,0,0.5)}#PaintingAppBase .toolbar .wrapper>* .icon{max-width:100%;max-height:100%;padding:8px 9px 10px;display:block}#PaintingAppBase .toolbar .wrapper>* .icon *{fill:#fff}#PaintingAppBase .toolbar .wrapper>*:hover,#PaintingAppBase .toolbar .wrapper>*:focus{border-radius:50%;background-color:#175B64}#PaintingAppBase .toolbar .wrapper .save .icon{padding:16px}#PaintingAppBase #splash-page-2 figure{background-image:url("../img/backdrops/splash-2.jpg")}#PaintingAppBase #splash-page-3 figure{background-image:url("../img/backdrops/splash-3.jpg")}#PaintingAppBase .splash-screen .page{will-change:transform;transition:transform 500ms ease-out 0s;transform:translateX(100%)}#PaintingAppBase .splash-screen .page>section:nth-child(1){z-index:3}#PaintingAppBase .splash-screen .page>section:nth-child(2){z-index:2}#PaintingAppBase .splash-screen .page>section:nth-child(3){z-index:1}#PaintingAppBase .splash-screen .splash-wrapper{background-image:url("../img/backdrops/splash-1.jpg")}#PaintingAppBase .splash-screen.page-1 #splash-page-1{transform:translateX(0%)}#PaintingAppBase .splash-screen.page-2 #splash-page-1{transform:translateX(-100%)}#PaintingAppBase .splash-screen.page-2 #splash-page-2{transform:translateX(0%)}#PaintingAppBase .splash-screen.page-3 #splash-page-1{transform:translateX(-100%)}#PaintingAppBase .splash-screen.page-3 #splash-page-2{transform:translateX(-100%)}#PaintingAppBase .splash-screen.page-3 #splash-page-3{transform:translateX(0%)}#PaintingAppBase .select-screen .splash-wrapper{background-image:url("../img/backdrops/selection.png")}#PaintingAppBase .select-screen .story{height:36%;background:transparent url("../img/backdrops/belt.png") no-repeat 50% 50%;background-size:cover}#PaintingAppBase .select-screen .story .wrapper{bottom:10%;top:auto;transform:translate(-50%, 0%);max-width:346px;padding:12px 12px 12px 12px}#PaintingAppBase .finale-screen .splash-wrapper::after{content:'';position:absolute;bottom:0;left:0;height:25%;width:100%;background:linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.65) 100%)}#PaintingAppBase .controls{position:absolute;top:48%;left:0;width:100%;transform:translateY(-50%);padding:12px;pointer-events:none}#PaintingAppBase .controls .control{width:64px;height:64px;line-height:0;border-radius:50%;background-color:rgba(0,0,0,0.5);text-align:center;pointer-events:auto}#PaintingAppBase .controls .control:hover,#PaintingAppBase .controls .control:focus{background-color:#175B64}#PaintingAppBase .controls .control svg{width:21.76px;height:30.6px;vertical-align:middle;fill:#fff;margin-left:-6px}#PaintingAppBase .controls .control.next{transform:translate(-2px, 0) rotate(180deg);float:right}#PaintingAppBase .carousel-wrapper{position:absolute;bottom:30%;left:0;width:100%;height:165px;overflow:hidden}#PaintingAppBase .carousel-wrapper .slick-list{transition:transform 0.8s linear 0s;transform:translate3d(100%, 0, 0);overflow:visible}#PaintingAppBase .carousel-wrapper.active .slick-list{transform:translate3d(0, 0, 0)}#PaintingAppBase .carousel-wrapper .slick-initialized .slick-slide{display:block}#PaintingAppBase .carousel-wrapper .slick-slide{background-color:#64C0B9;margin:1px 10px 21px;height:144px;max-height:45%;position:relative}#PaintingAppBase .carousel-wrapper .slick-slide::after{content:'';background-color:rgba(0,0,0,0.35);position:absolute;z-index:-1;bottom:-20px;left:0;width:100%;height:45px;border-bottom-left-radius:50%;border-bottom-right-radius:50%}#PaintingAppBase .carousel-wrapper .slick-slide img{outline:1px solid #175B64;opacity:0.5;height:100%;transition:opacity 200ms ease 0s}#PaintingAppBase .carousel-wrapper .slick-current img{outline:0;opacity:1}#PaintingAppBase .game__container{display:-ms-flexbox;display:flex;height:100%;width:100%}#PaintingAppBase .game__container .canvasScrollWrapper{overflow:hidden;height:calc(100% - 64px);width:100%;position:relative;cursor:move;margin:0 auto;transition:opacity 0.3s ease-out 0s}#PaintingAppBase .game__container .canvasScrollWrapper .background-image{position:absolute;top:0;left:0;height:100%;width:100%;background-position:0% 0%;background-size:cover;transform-origin:top left}#PaintingAppBase #gameCanvas{position:absolute;cursor:crosshair;left:0;right:0;top:0;transform-origin:top left}#PaintingAppBase #guide-lines{position:absolute;top:0;left:0;z-index:5;display:block;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity 300ms ease 0s;transform-origin:top left}#PaintingAppBase .toolset{background-color:#175B64;padding:10px 10px 4px 18px;width:308px;margin-bottom:5px;border-radius:2px}#PaintingAppBase .toolset .variant{position:relative;background-color:rgba(255,255,255,0.375);margin:0 6px 6px 0;float:left;width:64px;height:64px}#PaintingAppBase .toolset .variant.active,#PaintingAppBase .toolset .variant:hover,#PaintingAppBase .toolset .variant:active{outline:1px solid #fff}#PaintingAppBase .toolset .variant:focus{outline:3px solid rgba(0,0,0,0.5)}#PaintingAppBase .toolset .variant img{max-width:100%;max-height:100%}#PaintingAppBase .colour-tab{width:45px;height:45px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;box-shadow:0 7px 1px 0 rgba(0,0,0,0.59)}#PaintingAppBase .colour-tab::after{content:'';display:block;position:absolute;top:0;left:0;border:3px solid rgba(0,0,0,0.3);border-radius:50%;width:calc(100% - 6px);height:calc(100% - 6px)}#PaintingAppBase .undo{background:url("../img/furniture/undo_s.png");background-size:cover}#PaintingAppBase .brush-sizes .variant:after{content:'';width:12px;height:12px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:50%;background-color:rgba(255,255,255,0.5)}#PaintingAppBase .brush-sizes .variant.m::after{width:17.28px;height:17.28px}#PaintingAppBase .brush-sizes .variant.l::after{width:24.8832px;height:24.8832px}#PaintingAppBase .brush-sizes .variant.xl::after{width:35.83181px;height:35.83181px}#PaintingAppBase .column-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}#PaintingAppBase #toolbar__container{position:absolute;bottom:0;left:0;z-index:5;overflow:visible;height:64px;width:100%;transition:transform 400ms ease 200ms}#PaintingAppBase #toolbar__container::after{content:'';background-image:url("../img/furniture/tool-tile@2x.png");background-size:17px;background-color:#175B64;position:absolute;top:0;left:0;height:100%;width:100%;z-index:2}#PaintingAppBase #toolbar__container .top-level-menu{position:relative;z-index:3;cursor:pointer;height:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;margin:0 auto}#PaintingAppBase #toolbar__container .top-level-menu>*{vertical-align:top}#PaintingAppBase #toolbar__container .top-level-menu svg{height:30px;width:30px;vertical-align:middle}#PaintingAppBase #toolbar__container .top-level-menu svg *{fill:rgba(255,255,255,0.5)}#PaintingAppBase #toolbar__container .top-level-menu svg *.altfill{fill:rgba(23,91,100,0.75)}#PaintingAppBase #toolbar__container .top-level-menu svg *.fullfill{fill:#fff}#PaintingAppBase #toolbar__container .second-level-menu{position:absolute;z-index:1;top:100%;left:0;width:100%;padding:10px 5px 64px;transform:translate(0, -100%);max-height:494px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:center;justify-content:center;background-image:url("../img/furniture/tools-bg.png");background-size:cover;transition:transform 0.5s ease 0s}#PaintingAppBase #toolbar__container .second-level-menu[aria-hidden="true"]{transform:translate(0, 0)}#PaintingAppBase #toolbar__container .second-level-menu .close{top:-8px;right:16px;display:none}#PaintingAppBase #toolbar__container .visible_item{position:relative;display:block;height:64px;width:64px;text-align:center;color:#fff;transition:background-color 0.2s ease 0s}#PaintingAppBase #toolbar__container .visible_item:active,#PaintingAppBase #toolbar__container .visible_item.active{background-color:rgba(0,0,0,0.5)}#PaintingAppBase #toolbar__container .visible_item:focus{outline:3px solid rgba(0,0,0,0.5)}#PaintingAppBase #toolbar__container .visible_item>span{margin-top:5px;display:block}#PaintingAppBase #toolbar__container .visible_item p{margin:0;font-weight:400}#PaintingAppBase #toolbar__container #toolbar--guide .active{background-color:transparent}#PaintingAppBase #toolbar__container #toolbar--guide .active svg g *{fill:#fff}#PaintingAppBase #toolbar__container #toolbar--guide .active svg polyline{fill:transparent}#PaintingAppBase .icon-row{position:absolute;top:0;right:0;z-index:2;pointer-events:none}#PaintingAppBase .icon-row>*{position:relative;display:block;width:64px;height:64px;line-height:64px;text-align:center;margin-bottom:6px;pointer-events:visibleFill;transition:opacity 0.5s ease 0s;border-radius:50%;opacity:1;color:#fff}#PaintingAppBase .icon-row>*::after{content:'';display:block;position:absolute;top:12px;left:12px;background:rgba(0,0,0,0.5);border-radius:50%;width:39px;height:39px}#PaintingAppBase .icon-row>*:active::after,#PaintingAppBase .icon-row>*:hover::after{border:1px solid #fff;margin:-1px}#PaintingAppBase .icon-row>*.close{position:absolute;z-index:-1;transition-delay:0.5s;opacity:0}#PaintingAppBase .icon-row>*.close::after{top:21px}#PaintingAppBase .icon-row>*.save::after{top:12px;left:6px;width:50px;height:50px}#PaintingAppBase .icon-row>*.preview::after{top:0}#PaintingAppBase .icon-row.preview>*{opacity:0}#PaintingAppBase .icon-row.preview>.close{opacity:1;z-index:1}#PaintingAppBase .icon-row svg{position:relative;z-index:1;vertical-align:middle;pointer-events:none;fill:#fff}#PaintingAppBase .icon-row .icon--check{height:30px;width:30px;margin-top:9px}#PaintingAppBase .icon-row .icon--preview{width:24px;height:24px;margin-top:-43%}#PaintingAppBase .icon-row .icon--close{height:22px;width:22px;margin:-15px 0 0 -1px}#PaintingAppBase .loader{margin:30% auto;width:1em;height:1em;border-radius:50%;position:relative;animation:load4 1.3s infinite linear;will-change:box-shadow}#PaintingAppBase .tooltip-view{position:absolute;z-index:1000;bottom:0;right:0}#PaintingAppBase .tooltip-view.overlay{top:0;left:0;height:100%;width:100%;right:auto;bottom:auto}#PaintingAppBase .tooltip-view.overlay #tooltip-overlay{height:100vh;width:100vw;background-color:rgba(23,91,100,0.75);-ms-flex-line-pack:center;align-content:center;margin:0 auto;animation:fadeIn 0.5s ease 0s forwards}#PaintingAppBase .tooltip-view.overlay.fade-out #tooltip-overlay{opacity:0;transition:opacity 0.5s ease 0.8s}#PaintingAppBase .tooltip-view.overlay #tooltip-wrap{position:absolute;left:50%;right:auto;margin:0;top:50%;bottom:auto;height:auto;transform:translate(-50%, -40%)}#PaintingAppBase .tooltip-view.overlay .tooltip-content{counter-reset:saveImage;padding:18px 10px;text-align:left}#PaintingAppBase .tooltip-view.fade-out #tooltip-overlay{opacity:0;animation:none}#PaintingAppBase .tooltip-view .robot{position:absolute;top:-1px;left:0;height:98px;width:152px;pointer-events:none}#PaintingAppBase #tooltip-overlay{position:absolute;bottom:0;right:0;opacity:0;animation:fadeSlideScaleIn 0.5s ease-out 800ms forwards}#PaintingAppBase #tooltip-wrap{position:relative;background-color:#0F464C;border-radius:13px;width:350px;max-width:calc(100vw - 20px);padding:90px 18px 18px;margin:10px}#PaintingAppBase .tooltip-content{background-color:#fff;border-radius:13px;padding:18px 30px;color:#0F464C;margin-top:-25px;text-align:center}#PaintingAppBase .tooltip-content h2{font-size:18px}#PaintingAppBase .tooltip-content #save-image{background-color:#64C0B9;color:#0F464C;text-transform:uppercase;text-align:center;line-height:51px;border-radius:26px;display:block;margin:0 auto;min-width:90%;font-weight:bold;font-family:Tate regular,Arial,"Helvetica Neue",Helvetica,sans-serif}#PaintingAppBase .tooltip-content .inline-img{width:27px;height:27px;vertical-align:middle}#PaintingAppBase .tooltip-content ol,#PaintingAppBase .tooltip-content li{list-style:none;position:relative}#PaintingAppBase .tooltip-content ol{padding-left:50px}#PaintingAppBase .tooltip-content li{margin-bottom:10px}#PaintingAppBase .tooltip-content li::before{position:absolute;left:-53px;font-family:Tate regular,Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:24px;line-height:37px;height:37px;width:37px;text-align:center;margin-right:10px;display:inline-block;counter-increment:saveImage;content:counter(saveImage);border-radius:50%;border:4px solid #64C0B9}@media only screen and (min-width: 370px) and (min-height: 420px){#PaintingAppBase .story{font-size:1.125em}#PaintingAppBase .carousel-wrapper{height:272px}#PaintingAppBase .carousel-wrapper .slick-slide{height:247px}#PaintingAppBase #toolbar__container .visible_item{width:auto;min-width:64px;padding:5px 10px}}@media only screen and (orientation: landscape){#PaintingAppBase{max-height:calc(100vw / 1.7777)}#PaintingAppBase.ios{height:100vh}#PaintingAppBase .full{background-size:138px 138px;background-position:50% 130px}#PaintingAppBase .full img{height:118px;top:140px}#PaintingAppBase .printed-paper{width:266px}#PaintingAppBase .fact-wrapper{max-width:50%;height:initial;-ms-flex-direction:column;flex-direction:column;top:50%;transform:translate(0, -50%)}#PaintingAppBase .fact-screen .story{right:0;width:50%;height:100%}}@media (min-width: 600px) and (min-height: 480px){#PaintingAppBase .icon-row{padding:12px}#PaintingAppBase .icon-row>*,#PaintingAppBase .icon-row>.save,#PaintingAppBase .icon-row .preview,#PaintingAppBase .icon-row .close{line-height:30px;display:block;top:auto;right:auto}#PaintingAppBase .icon-row>*::after,#PaintingAppBase .icon-row>.save::after,#PaintingAppBase .icon-row .preview::after,#PaintingAppBase .icon-row .close::after{top:0;left:0;background:#0F464C;width:64px;height:64px}#PaintingAppBase .icon-row>* svg,#PaintingAppBase .icon-row>.save svg,#PaintingAppBase .icon-row .preview svg,#PaintingAppBase .icon-row .close svg{margin-top:-6px;vertical-align:text-top}#PaintingAppBase .icon-row>* .helper-text,#PaintingAppBase .icon-row>.save .helper-text,#PaintingAppBase .icon-row .preview .helper-text,#PaintingAppBase .icon-row .close .helper-text{position:relative;z-index:1;display:block;width:auto;height:auto;font-size:14px;line-height:1em;overflow:visible;text-indent:0;margin-top:-5px}#PaintingAppBase #toolbar__container .second-level-menu .close{display:block}}@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){#PaintingAppBase #splash-page-1 figure{background-image:url("../img/backdrops/splash-1-large.jpg")}#PaintingAppBase #splash-page-2 figure{background-image:url("../img/backdrops/splash-2-large.jpg")}#PaintingAppBase #splash-page-3 figure{background-image:url("../img/backdrops/splash-3-large.jpg")}#PaintingAppBase .select-screen .splash-wrapper{background-image:url("../img/backdrops/selection-large.png")}}
