@import"https://fonts.googleapis.com/css2?family=Itim&display=swap";*{text-decoration:none;margin:0;padding:0}img{max-width:100%}html{background-color:#3f1e0f;font-family:Itim,serif;font-weight:400;font-style:normal}html{overflow:hidden}body{position:relative}a{display:block}body.hide-overflow{overflow:hidden}button{cursor:pointer}.hidden-desktop{display:block}@media (min-width: 640px){.hidden-desktop{display:none!important}}.hidden-mobile{display:block}@media (max-width: 640px){.hidden-mobile{display:none!important}}#index .toolPanel{width:100%;max-height:250px;border-bottom:5px solid #50ade5}@media only screen and (max-width: 640px){#index .toolPanel{background-color:#3f1e0f;border-bottom:none}}@media only screen and (min-width: 640px){#index .toolPanel{display:block}#index .toolPanel .logo{justify-content:center}#index .toolPanel .logo img{min-width:300px!important}}#index .footer{position:relative;display:flex;justify-content:center;background-color:#faf3de;width:100%}#index .footer .button{padding-bottom:20px;width:-moz-fit-content;width:fit-content}#index .footer .footer-base{position:absolute;height:50%;background-color:#3f1e0f;bottom:0;width:100%}#index .coloring{display:flex;flex-direction:column}#index .main-panel-container{background-color:#faf3de;height:unset;flex-grow:1}#index .heading{text-align:center;padding:44px;font-size:1rem;font-size:clamp(1rem,.4rem + 2vw,2rem)}@media (min-width: 40rem){#index .heading{color:#3f1e0f}}#index .main-content{max-width:100%;max-height:100%;display:grid;display:flex;flex-wrap:wrap;justify-content:center;gap:40px;padding:0 30px 30px;max-width:64rem}#index .main-content a{display:block;max-width:calc((100% - 300px)/4);box-shadow:0 0 20px #0000001a;padding:20px;border-radius:50px;transition:ease all .25s;background:#fff}#index .main-content a:hover{background:#6dbdec;transform:scale(1.1) rotate(-5deg)}#index .main-content a:nth-child(2n):hover{transform:scale(1.25) rotate(-2deg)}#index .main-content a:nth-child(3n):hover{transform:scale(1.25) rotate(2deg)}#index .main-content a:nth-child(4n):hover{transform:scale(1.25) rotate(4deg)}@media (max-width: 48rem){#index .main-content{padding:15px}#index .main-content a{border-color:#00f;max-width:130px;max-width:calc((100% - 140px)/2)}}.coloring{display:flex;align-items:center;height:100vh}.coloring .main-panel-container{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff}.coloring .toolPanel{position:relative;background-color:#3f1e0f;min-width:260px}.coloring .toolPanel .logo{display:flex;justify-content:start;align-items:center;padding:30px;position:relative;z-index:3}.coloring .toolPanel .logo a{width:100%}.coloring .toolPanel .logo img{height:80%;min-height:50px;max-width:150px}.coloring .toolPanel .background{background-color:#fff;min-height:30px;position:absolute;width:20%;height:100%;right:0%;z-index:0}.coloring .toolPanel .colourSwatches{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(12,1fr);gap:10px;z-index:3;min-width:200px;flex-direction:column}.coloring .toolPanel .colourSwatches .swatch{transition:transform .2s ease;grid-row:span 1;min-height:10px}.coloring .toolPanel .colourSwatches .swatch .pencil{max-width:250px}.coloring .toolPanel .colourSwatches .swatch .pencil .wood{fill:#bfb290}.coloring .toolPanel .colourSwatches .swatch:nth-child(0){fill:#000}.coloring .toolPanel .colourSwatches .swatch:nth-child(0) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(0) .pencil .pencil-color{fill:#000}.coloring .toolPanel .colourSwatches .swatch:nth-child(1){fill:#fff}.coloring .toolPanel .colourSwatches .swatch:nth-child(1) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(1) .pencil .pencil-color{fill:#fff}.coloring .toolPanel .colourSwatches .swatch:nth-child(2){fill:#ed1c24}.coloring .toolPanel .colourSwatches .swatch:nth-child(2) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(2) .pencil .pencil-color{fill:#ed1c24}.coloring .toolPanel .colourSwatches .swatch:nth-child(3){fill:#f9a72b}.coloring .toolPanel .colourSwatches .swatch:nth-child(3) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(3) .pencil .pencil-color{fill:#f9a72b}.coloring .toolPanel .colourSwatches .swatch:nth-child(4){fill:#80cc28}.coloring .toolPanel .colourSwatches .swatch:nth-child(4) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(4) .pencil .pencil-color{fill:#80cc28}.coloring .toolPanel .colourSwatches .swatch:nth-child(5){fill:#1d6434}.coloring .toolPanel .colourSwatches .swatch:nth-child(5) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(5) .pencil .pencil-color{fill:#1d6434}.coloring .toolPanel .colourSwatches .swatch:nth-child(6){fill:#50ade5}.coloring .toolPanel .colourSwatches .swatch:nth-child(6) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(6) .pencil .pencil-color{fill:#50ade5}.coloring .toolPanel .colourSwatches .swatch:nth-child(7){fill:#5e2590}.coloring .toolPanel .colourSwatches .swatch:nth-child(7) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(7) .pencil .pencil-color{fill:#5e2590}.coloring .toolPanel .colourSwatches .swatch:nth-child(8){fill:#ea42bb}.coloring .toolPanel .colourSwatches .swatch:nth-child(8) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(8) .pencil .pencil-color{fill:#ea42bb}.coloring .toolPanel .colourSwatches .swatch:nth-child(9){fill:#ed127b}.coloring .toolPanel .colourSwatches .swatch:nth-child(9) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(9) .pencil .pencil-color{fill:#ed127b}.coloring .toolPanel .colourSwatches .swatch:nth-child(10){fill:#524f50}.coloring .toolPanel .colourSwatches .swatch:nth-child(10) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(10) .pencil .pencil-color{fill:#524f50}.coloring .toolPanel .colourSwatches .swatch:nth-child(11){fill:#6f4324}.coloring .toolPanel .colourSwatches .swatch:nth-child(11) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(11) .pencil .pencil-color{fill:#6f4324}.coloring .toolPanel .colourSwatches .swatch:nth-child(12){fill:#2c3792}.coloring .toolPanel .colourSwatches .swatch:nth-child(12) .pencil{cursor:pointer}.coloring .toolPanel .colourSwatches .swatch:nth-child(12) .pencil .pencil-color{fill:#2c3792}.coloring .toolPanel .colourSwatches .pencil{height:100%}.coloring .logo-mobile{display:none;margin:20px}.coloring .logo-mobile a{width:100%}@media only screen and (max-width: 640px){.coloring{display:flex;flex-direction:column-reverse}.coloring .toolPanel{width:100%;background-color:#fff}.coloring .toolPanel .background{display:none}.coloring .toolPanel .colourSwatches{display:flex;align-items:center;justify-content:center;gap:10px;flex-direction:row;flex-wrap:wrap;padding:0 20px}.coloring .toolPanel .colourSwatches .swatch:nth-child(0){background-color:#000}.coloring .toolPanel .colourSwatches .swatch:nth-child(1){background-color:#fff}.coloring .toolPanel .colourSwatches .swatch:nth-child(2){background-color:#ed1c24}.coloring .toolPanel .colourSwatches .swatch:nth-child(3){background-color:#f9a72b}.coloring .toolPanel .colourSwatches .swatch:nth-child(4){background-color:#80cc28}.coloring .toolPanel .colourSwatches .swatch:nth-child(5){background-color:#1d6434}.coloring .toolPanel .colourSwatches .swatch:nth-child(6){background-color:#50ade5}.coloring .toolPanel .colourSwatches .swatch:nth-child(7){background-color:#5e2590}.coloring .toolPanel .colourSwatches .swatch:nth-child(8){background-color:#ea42bb}.coloring .toolPanel .colourSwatches .swatch:nth-child(9){background-color:#ed127b}.coloring .toolPanel .colourSwatches .swatch:nth-child(10){background-color:#524f50}.coloring .toolPanel .colourSwatches .swatch:nth-child(11){background-color:#6f4324}.coloring .toolPanel .colourSwatches .swatch:nth-child(12){background-color:#2c3792}.coloring .toolPanel .logo{display:none}.coloring .swatch{height:30px;width:30px;border-radius:20px}.coloring .swatch .pencil{display:none}.coloring .logo-mobile{display:block;display:flex;justify-content:center;align-items:center}.coloring .logo-mobile img{width:70vw;max-width:150px}.coloring .main-panel-container{border-radius:40% 40% 0 0/10% 10% 0 0;padding-bottom:20px;justify-content:end}}@media only screen and (min-width: 640px){.coloring .toolPanel{height:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(12,1fr)}.coloring .logo{grid-row:span 2}.coloring .colourSwatches{grid-row:span 8}.coloring .button{grid-row:span 2}.coloring .swatch{background-color:none!important}}.coloring .mainPanel{display:flex;align-items:center;justify-content:center;height:100%;width:100%;max-height:80vh;container-type:inline-size}@media (max-width: 40rem){.coloring .mainPanel{height:unset;max-height:unset;flex-grow:1}}.coloring .mainPanel .svg{width:90%;margin:0 20px;height:100%}@media only screen and (max-width: 640px){.coloring .mainPanel .svg{max-height:300px}}@media only screen and (min-width: 640px){.coloring .mainPanel .svg{max-height:inherit}}@container (max-width:$sm){.coloring .mainPanel .svg{border:solid blue 2px;height:90cqh}}#back-to-egg-button{position:absolute;top:0;right:0}.button{display:flex;justify-content:start;align-items:center;padding:20px;position:relative;z-index:3}.button .btn{border:none;display:block;text-align:center;background-color:#5abeeb;color:#fff;padding:8px 10px 10px;font-weight:700;border-radius:15px;font-size:22px;font-family:Itim,serif;text-transform:uppercase;transition:ease all .25s}.button .btn:hover{transform:scale(1.1) rotate(2deg);background:#8a87b1}.button .btn.btn-gray{background-color:#524f50}@media only screen and (max-width: 640px){.button{padding-bottom:0;padding-left:0;padding-right:0}.button .btn:hover{transform:unset}.button .btn-blue{width:100%;background-color:#50ade5;color:#fff;padding:20px;font-weight:700;border-radius:0}.button .btn-gray{width:100%;background-color:#524f50;color:#fff;padding:20px;font-weight:700;border-radius:0}.button .btn-blue-rounded{width:100%;background-color:#50ade5;color:#fff;padding:20px;font-weight:700}}.submit{border:none;background-color:#5abeeb;color:#fff;padding:20px;font-weight:700;border-radius:20px}.active{fill:green!important;transform:scale(1.3)}dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;border-radius:20px;padding:1rem;border:none;box-shadow:0 4px 6px #0000001a;position:relative}dialog .modal{padding:40px 30px 30px;display:flex;flex-direction:column}dialog .modal [data-close]{cursor:pointer}dialog .modal [data-download]{cursor:pointer}dialog .modal h2{padding-bottom:15px}dialog .modal input{border:none;border-bottom:solid #000 1px;padding:5px}dialog .modal [data-close]{position:absolute;top:0;right:0;margin:15px;background-color:#0000;border:rgba(0,0,0,0);color:#fff}dialog .modal [data-download]{margin-top:15px;padding:10px 7px}dialog::backdrop{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:-webkit-backdrop-filter .3s ease;transition:backdrop-filter .3s ease;transition:backdrop-filter .3s ease,-webkit-backdrop-filter .3s ease}#capture{width:794px;height:1123px;background-color:#fff;border:solid 1px #000;padding:20px;position:absolute;left:9999px}#capture .name{font-size:80px}#capture .border{height:100%;border:solid 3px #000;border-radius:30px;display:flex;justify-content:space-around;align-items:center;flex-direction:column}#capture .border #download_target{width:80%}