@font-face{font-display:swap;font-family:Nougat;font-style:normal;font-weight:800;src:url(../font/nougat-regular.woff2) format("woff2"),url(../font/Nougat-ExtraBlack.ttf) format("truetype")}.c-draw-viewport{position:relative}.c-draw-viewport>.tools{display:flex;flex-direction:column;gap:16rem;left:0;position:absolute;top:50%;transform:translateY(-50%);width:56rem}@media (max-width:960px){.c-draw-viewport>.tools{left:16rem}}@media (max-width:740px){.c-draw-viewport>.tools{bottom:-100rem;flex-direction:row;gap:8rem;height:56rem;justify-content:center;left:0;top:auto;width:100%}}.c-draw-viewport>.tools>*{background-color:#fff;border:1rem solid var(--black-100);border-radius:200rem;flex:0 0 auto;width:100%}@media (max-width:740px){.c-draw-viewport>.tools>*{width:auto}}.c-draw-viewport>.tools>.brushes{display:flex;flex-direction:column;gap:15rem;padding:17rem 6rem}@media (max-width:740px){.c-draw-viewport>.tools>.brushes{flex-direction:row;gap:8rem;padding:6rem 12rem}}.c-draw-viewport>.tools>.brushes>button{aspect-ratio:1/1;position:relative}@media (max-width:740px){.c-draw-viewport>.tools>.brushes>button{width:42rem}}.c-draw-viewport>.tools>.brushes>button:not(.is-active)>.circle{transform:translate(-50%,-50%) scale(0)}.c-draw-viewport>.tools>.brushes>button>div{border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.c-draw-viewport>.tools>.brushes>button>div.circle{border:1rem solid var(--black-40);height:100%;transition:transform .3s;width:100%}.c-draw-viewport>.tools>.brushes>button>div.point{aspect-ratio:1/1;background-color:#965e2b}.c-draw-viewport>.tools>button{align-items:center;aspect-ratio:1/1;display:flex;justify-content:center;transition:background-color .3s}@media (max-width:740px){.c-draw-viewport>.tools>button{width:56rem}}.c-draw-viewport>.tools>button.is-active,.c-draw-viewport>.tools>button:hover{background-color:#965e2b}.c-draw-viewport>.tools>button.pencil>.nuxt-icon{flex:0 0 28rem;height:28rem;position:relative;top:1rem}.c-draw-viewport>.tools>button.eraser>.nuxt-icon{flex:0 0 31rem;height:30rem}.c-draw-viewport>.tools>button.reset>.nuxt-icon{flex:0 0 23rem;height:23rem}@media (max-width:650px){.c-draw-viewport>.tools>button.download{display:none}}.c-draw-viewport>.tools>button.download[disabled]{opacity:.5}.c-draw-viewport>.tools>button.download>.nuxt-icon{flex:0 0 20rem;height:20rem;opacity:.9}.c-draw-viewport>.tools>button>.nuxt-icon{display:block}.c-draw-viewport>.cookie{aspect-ratio:356/529;margin:0 auto;position:relative;width:356rem}.c-draw-viewport>.cookie>canvas{cursor:none;height:100%;width:100%}.c-draw-viewport>.cookie>.mask{height:100%;left:50%;max-width:none;pointer-events:none;position:absolute;top:0;transform:translate(-50%);width:auto}.c-draw-viewport>.cookie>.no-touch{height:100%;left:0;padding:18% 16.29% 32%;pointer-events:none;position:absolute;top:0;width:100%}.c-draw-viewport>.cookie>.no-touch>.limits{border:4px dashed #963c10;height:100%}.c-draw-viewport>.cookie>.no-touch>.blocker{pointer-events:auto;position:absolute}.c-draw-viewport>.cookie>.no-touch>.blocker.top{height:13%;left:0;top:0;width:100%}.c-draw-viewport>.cookie>.no-touch>.blocker.side{height:100%;top:0;width:18%}.c-draw-viewport>.cookie>.no-touch>.blocker.side.left{left:0}.c-draw-viewport>.cookie>.no-touch>.blocker.side.right{right:0}.c-draw-viewport>.cookie>.no-touch>.blocker.bottom{bottom:0;height:22.4%;left:0;width:100%}.c-draw-viewport>.cookie>.cursor{border:2rem solid var(--black-20);border-radius:50%;left:0;pointer-events:none;position:absolute;top:0}@font-face{font-family:Luckiest Guy;src:local("Luckiest Guy Regular"),local("Luckiest Guy"),url(../_fonts/IU_Jw0qRJcomzNjvofU5w3JdvcOm1qftN_zCg1V977Y-Wsz0uVBQFDNaSTFg8z5Mlg8maj77GjITBl_cvTCr9L4.woff2) format(woff2);font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;font-weight:400;font-style:normal}@font-face{font-family:"Luckiest Guy Fallback: Arial";src:local("Arial");size-adjust:113.9102%;ascent-override:61.7263%;descent-override:26.0622%;line-gap-override:0%}@font-face{font-family:Luckiest Guy;src:local("Luckiest Guy Regular"),local("Luckiest Guy"),url(../_fonts/j-suYp6W01qpULcEENCN2qbA03njA5cMO2UF6p7NRK8-OUogMOzjjln95w_HVNp_W2tpchDcSBaWpKpSPg6fTJU.woff2) format(woff2);font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-weight:400;font-style:normal}@font-face{font-family:Luckiest Guy;src:local("Luckiest Guy Regular"),local("Luckiest Guy"),url(../_fonts/ZkD6dEwW5BGTxzXBcvnCjBauw10D0L6E_On3woox-wM-WuMKysVIIiUzadD2_ZaAIhPQG24SRO9q07m6eOsZ_uI.woff) format(woff);font-display:swap;font-weight:400;font-style:normal}@font-face{font-display:swap;font-family:Nougat;font-style:normal;font-weight:800;src:url(../font/nougat-regular.woff2) format("woff2"),url(../font/Nougat-ExtraBlack.ttf) format("truetype")}.p-draw>.milk-wrap{background-color:var(--cream);padding:193rem 0 0;position:relative}@media (max-width:960px){.p-draw>.milk-wrap{padding:160rem 0 0}}.p-draw>.milk-wrap>.milk-hole{bottom:166rem;position:absolute;right:0;width:310rem}@media (max-width:960px){.p-draw>.milk-wrap>.milk-hole{display:none}}.p-draw>.milk-wrap>.milk-down{bottom:0;left:0;overflow:hidden;position:absolute;transform:translateY(58%);width:100%}@media (max-width:960px){.p-draw>.milk-wrap>.milk-down{transform:translateY(99.99%)}}.p-draw>.milk-wrap>.milk-down>img{left:50%;max-width:none;min-width:100%;position:relative;transform:translate(-50%);width:2720rem}@media (max-width:960px){.p-draw>.milk-wrap>.milk-down>img{width:772rem}}.p-draw>.milk-wrap>.title{font-size:120rem;letter-spacing:-.01em;line-height:.8333333333em;margin:0 auto;max-width:747rem;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (max-width:960px){.p-draw>.milk-wrap>.title{font-size:64rem;line-height:.734375em;max-width:320rem}}.p-draw>.milk-wrap>.title>span{display:block}.p-draw>.milk-wrap>.title>span.top{color:var(--blue-100)}.p-draw>.milk-wrap>.title>span.bottom{color:var(--red-100);-webkit-text-stroke:19rem var(--cream);paint-order:stroke fill}@media (max-width:960px){.p-draw>.milk-wrap>.title>span.bottom{-webkit-text-stroke:6rem var(--cream);margin-top:10rem}}.p-draw>.milk-wrap>.title>span.box{background-color:var(--pink-50);color:var(--cream);display:inline-block;font-size:64rem;line-height:.734375em;margin:10rem 0 0;padding:17rem 40rem;transform:rotate(-1.5deg);vertical-align:text-top}@media (max-width:960px){.p-draw>.milk-wrap>.title>span.box{font-size:32rem;line-height:.71875em;padding:10rem 16rem;transform:rotate(-2.5deg)}}.p-draw>.milk-wrap>.title>.art{position:absolute}.p-draw>.milk-wrap>.title>.art.is-1{left:23rem;top:-48rem;width:63rem}@media (max-width:960px){.p-draw>.milk-wrap>.title>.art.is-1{left:-5rem;top:-60rem;width:41rem}}.p-draw>.milk-wrap>.title>.art.is-2{bottom:-29rem;right:-66rem;width:155rem}@media (max-width:960px){.p-draw>.milk-wrap>.title>.art.is-2{bottom:-97rem;right:-36rem;width:85rem}}.p-draw>.milk-wrap>.app-hint{align-items:center;display:flex;gap:60rem;justify-content:center;margin:60rem auto 86rem;max-width:762rem;position:relative}@media (max-width:960px){.p-draw>.milk-wrap>.app-hint{display:block;margin:32rem auto 35rem;padding:10rem 0}}.p-draw>.milk-wrap>.app-hint>.image{flex:0 0 102rem}@media (max-width:960px){.p-draw>.milk-wrap>.app-hint>.image{margin:16rem auto 0;width:80rem}}.p-draw>.milk-wrap>.app-hint>.text{flex:0 0 420rem;font-size:24rem;line-height:1.2083333333em;order:1;text-align:center}@media (max-width:960px){.p-draw>.milk-wrap>.app-hint>.text{font-size:18rem;line-height:1.2222222222em;margin:0 auto;max-width:276rem}}.p-draw>.milk-wrap>.app-hint>.text>span{font-family:Luckiest Guy,"Luckiest Guy Fallback: Arial",sans-serif}.p-draw>.milk-wrap>.drawing{position:relative}.p-draw>.milk-wrap>.drawing>.viewport{margin:0 auto;width:770rem}.p-draw>.milk-wrap>.drawing>.hint{margin:64rem auto 0;max-width:530rem;text-align:center}@media (max-width:960px){.p-draw>.milk-wrap>.drawing>.hint{margin:120rem auto 0}}.p-draw>.milk-wrap>.drawing>.hint>.text{color:var(--blue-100);font-size:24rem;line-height:1.2083333333em;margin-bottom:32rem}@media (max-width:960px){.p-draw>.milk-wrap>.drawing>.hint>.text{font-size:18rem;line-height:1.2222222222em;margin:0 auto 32rem;max-width:280rem}.p-draw>.app{padding:0}}.p-draw>.app>.c-dibunube{padding:585rem 0 209rem}@media (max-width:960px){.p-draw>.app>.c-dibunube{padding:315rem 0 131rem}}