.pkc-coloring-book text::selection{background:none}.pkc-coloring-book text::-o-selection{background:none}.pkc-coloring-book text::-ms-selection{background:none}.pkc-coloring-book text::-webkit-selection{background:none}.pkc-coloring-book .int-body{position:relative;background:#fff;padding:0}.pkc-coloring-book .int-body .subtitle{margin:20px 0 0 31px;font-size:16px;color:#4e4e4e;margin-bottom:7px}.pkc-coloring-book .int-body .text{margin:30px 30px 0 31px;font-size:1.2em;color:#4e4e4e;margin-bottom:20px}.pkc-coloring-book .int-body .flexi{display:flex}.pkc-coloring-book .int-body .colorByColor{display:block}.pkc-coloring-book .int-body .colorByColor .svg-wrapper{margin:0}.pkc-coloring-book .int-body .colorByColor .actions-wrapper{clear:both;display:inline-flex;width:100%}.pkc-coloring-book .int-body .colorByColor .actions-wrapper .svg-colors-wrapper{width:100%;border-top:1px solid #ccc;border-right:1px solid #ccc;height:60px;padding:0}.pkc-coloring-book .int-body .colorByColor .actions-wrapper .actions{display:flex;list-style-type:none;padding:0;width:180px;height:60px;margin:0;width:100%;border-bottom:1px solid #ccc}.pkc-coloring-book .int-body .colorByColor .actions-wrapper .actions li button{border:none;border-top:1px solid #ccc;border-right:1px solid #ccc;height:60px;width:60px;color:#596071}.pkc-coloring-book .int-body .colorByColor .actions-wrapper .actions li:last-child button{border-right:none}.pkc-coloring-book .int-body .onlyOpacity .actions{display:inline-block;width:60px;height:180px}.pkc-coloring-book .int-body .onlyOpacity .actions:last-child{height:121px}.pkc-coloring-book .int-body .onlyOpacity .svg-wrapper{width:calc(100% - 60px)}.pkc-coloring-book .int-body .onlyOpacity .svg-colors-wrapper{height:calc(100% - 300px)}.pkc-coloring-book .int-body .actions{display:flex;width:24%;height:60px;padding:0;margin:0;list-style-type:none;background:#fff;width:100%;border-bottom:1px solid #ccc}.pkc-coloring-book .int-body .actions li{display:flex}.pkc-coloring-book .int-body .actions li button{display:flex;cursor:pointer;width:60px;height:60px;justify-content:center;align-items:center;border:1px solid #ccc;border-right:none;background:#fff}.pkc-coloring-book .int-body .actions li button span{margin-left:30px}.pkc-coloring-book .int-body .actions li button .screen-reader-text{display:none}.pkc-coloring-book .int-body .actions li button:hover{border-radius:0;color:#4a90e2}.pkc-coloring-book .int-body .actions li button.selected{background:#4a90e2;color:#fff}.pkc-coloring-book .int-body .actions.steper li button{width:90px;border:1px solid #ccc;border-bottom:none;border-right:none;background:none;outline:none;height:60px}.pkc-coloring-book .int-body .svg-wrapper{margin:0;width:77%;float:left;border-left:1px solid #ccc}.pkc-coloring-book .int-body .svg-wrapper>.play{float:left;margin:25px 20px 0 20px}.pkc-coloring-book .int-body .svg-wrapper .svg{overflow:hidden;min-height:140px}.pkc-coloring-book .int-body .svg-wrapper .svg svg{touch-action:none}.pkc-coloring-book .int-body .svg-wrapper .svg [id*=stroke_cbx_],.pkc-coloring-book .int-body .svg-wrapper .svg svg text{pointer-events:none}.pkc-coloring-book .int-body .actions-wrapper{position:absolute;right:0;height:calc(100% - 126px);border-right:1px solid #ccc}.pkc-coloring-book .int-body .actions-wrapper--validated{height:calc(100% - 189px)}.pkc-coloring-book .int-body .svg-color{display:grid;grid-template-columns:auto auto auto;grid-row-gap:20px;list-style-type:none;color:#4e4e4e}.pkc-coloring-book .int-body .svg-color .play{position:absolute;bottom:3px;left:3px;font-size:24px;min-width:50px;min-height:50px;flex-grow:0;flex-shrink:0}.pkc-coloring-book .int-body .svg-color .play button{width:100%;height:100%;padding:0;display:flex;align-self:center;align-items:center;justify-content:center;border-radius:50%;border:none;position:absolute;top:0;left:0;box-shadow:none;background:transparent;cursor:pointer}.pkc-coloring-book .int-body .svg-color .play button .play-icon-pause{display:none}.pkc-coloring-book .int-body .svg-color .play button .inner{stroke-width:4;stroke:#fff;fill:none;z-index:-1}.pkc-coloring-book .int-body .svg-color .play button .outer{fill:transparent;stroke:rgba(0,0,0,.5);stroke-width:4.5;stroke-dasharray:155;stroke-dashoffset:155}.pkc-coloring-book .int-body .svg-color .play button .material-icons{color:#596071;border:1px solid #596071;border-radius:2px;font-size:inherit;position:relative;z-index:1}.pkc-coloring-book .int-body .svg-color .play button svg{width:100%;height:100%;position:absolute;transform:rotate(-90deg)}.pkc-coloring-book .int-body .svg-color .play button:focus{outline:none}.pkc-coloring-book .int-body .svg-color .play.playing .play-icon-pause{display:block}.pkc-coloring-book .int-body .svg-color .play.playing .play-icon-play{display:none}.pkc-coloring-book .int-body .svg-color .play.playing button .outer{transition:stroke-dashoffset .1s linear}.pkc-coloring-book .int-body .svg-color label{font-size:60px;text-align:center;font-weight:700;margin-top:-20px}.pkc-coloring-book .int-body .svg-thumbnails{display:flex;margin-left:50px;list-style-type:none;padding:0;text-align:center;border-bottom:1px solid #ccc;align-items:center;justify-content:center}.pkc-coloring-book .int-body .svg-thumbnails li{min-width:100px}.pkc-coloring-book .int-body .svg-thumbnails img{width:50px}.pkc-coloring-book .int-body .svg-colors-wrapper{height:calc(100% - 120px);overflow:hidden;position:relative;border-left:1px solid #ccc;background:#f1f1f1;padding:10px}.pkc-coloring-book .int-body .svg-colors-wrapper .svg-colors{list-style-type:none;align-items:center;padding:0;position:absolute;width:100%;margin-bottom:0}.pkc-coloring-book .int-body .svg-colors-wrapper .svg-colors li{display:flex;transition:all 1s;margin-bottom:10px;width:calc(100% - 20px);border:1px solid rgba(0,0,0,.2)}.pkc-coloring-book .int-body .svg-colors-wrapper .svg-colors li label{min-height:60px;text-align:center;font-weight:600;color:#fff;padding:18px 0;display:block;margin-bottom:0;width:100%}.pkc-coloring-book .int-nav{width:100%}.pkc-coloring-book .int-footer-nav{height:126px}.pkc-coloring-book .coloring-book.int--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background-color:#fff}.pkc-coloring-book .coloring-book.int--fullscreen .int-body{overflow:hidden}.pkc-coloring-book .int-footer{display:flex;background:#fff}.pkc-coloring-book .int-footer span{padding-top:14px}.pkc-coloring-book .int-footer button{margin-left:5px}.pkc-coloring-book .int-footer .target__icon{width:30px;height:30px;padding:3px;border-radius:4px;color:#fff}.pkc-coloring-book .int-footer .target__icon--invalid{background-color:#db6a6a}.pkc-coloring-book .int-footer .target__icon--valid{background-color:#39b911}@media only screen and (max-width:768px){.pkc-coloring-book .int-body .flexi{display:block}.pkc-coloring-book .int-body .flexi .text{margin:0 15px 0 15px;padding-top:10px;font-size:1em}.pkc-coloring-book .int-body .flexi .svg-wrapper{width:100%;float:none}.pkc-coloring-book .int-body .flexi .svg-wrapper .svg{padding-bottom:60px}.pkc-coloring-book .int-body .flexi .actions-wrapper{position:absolute;bottom:0;display:flex;width:100%;height:60px;overflow:hidden}.pkc-coloring-book .int-body .flexi .actions-wrapper .actions{width:180px}.pkc-coloring-book .int-body .flexi .actions-wrapper .actions li buttton{border-bottom:none;border-left:none;border-top:1px solid #ccc;border-right:1px solid #ccc}.pkc-coloring-book .int-body .flexi .actions-wrapper .actions.steper li button{width:60px}.pkc-coloring-book .int-body .flexi .actions-wrapper .svg-colors-wrapper{width:100%;height:60px;padding:0;border-left:none}.pkc-coloring-book .int-body .flexi .actions-wrapper .svg-colors-wrapper .svg-colors{display:flex;width:auto}.pkc-coloring-book .int-body .flexi .actions-wrapper .svg-colors-wrapper .svg-colors li{float:left;width:auto;padding:0 20px 0 20px;white-space:nowrap}.pkc-coloring-book .int-body .onlyOpacity .actions{display:flex}.pkc-coloring-book .int-body .svg-colors-wrapper{border-top:1px solid #ccc}.pkc-coloring-book .int-body .actions li button{border-bottom:none}.pkc-coloring-book .int-body .actions li:last-child button{border-right:1px solid #ccc}.pkc-coloring-book .int-body .actions.steper li:last-child button{border-right:none}}.dark-mode .pkc-coloring-book .int-body{background-color:#2b2b2b}.dark-mode .pkc-coloring-book .int-body .actions-wrapper .actions,.dark-mode .pkc-coloring-book .int-body .actions-wrapper .actions li button,.dark-mode .pkc-coloring-book .int-body .actions-wrapper .svg-colors-wrapper{background:#2b2b2b}