@layer normalize{html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}}*{box-sizing:border-box;transition:transform .2s}:root{--base: #ff8400;--ear: #ffd500;--stroke: #341f1d;--white: #fff;--desired: 40;--unit: calc((var(--desired) / 729) * 1vmin);--body: 23;--arms: 0;--legs: 14;--ears: -10;--head: -25;--face: -40}h1{position:fixed;font-family:sans-serif;right:1rem;bottom:1rem;color:#f66;margin:0}body{min-height:100vh;background:#f99;overflow:hidden}.rilakkuma{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:calc(729 * var(--unit));width:calc(600 * var(--unit))}label{height:100vh;width:100vw;position:fixed;z-index:2}input{height:0;width:0;opacity:0;left:100%;position:fixed}:checked~.rilakkuma{transform-style:preserve-3d;perspective:1200px;transform:translate(-50%,-50%) rotateX(10deg) rotateY(-65deg)}:checked~.rilakkuma .rilakkuma__body{transform-style:preserve-3d;transform:translate(-50%) translateZ(calc(var(--body) * 1vmin))}:checked~.rilakkuma .rilakkuma__leg{transform:translateZ(calc(var(--legs) * 1vmin))}:checked~.rilakkuma .rilakkuma__leg--right{transform:rotateY(180deg) rotate(-6deg) translateY(-3%) translateZ(calc(var(--legs) * -1vmin))}:checked~.rilakkuma .rilakkuma__arm{transform:translateZ(calc(var(--arms) * -1vmin))}:checked~.rilakkuma .rilakkuma__arm--right{transform:rotateY(180deg) translateZ(calc(var(--arms) * 1vmin))}:checked~.rilakkuma .rilakkuma__head-container{transform-style:preserve-3d}:checked~.rilakkuma .rilakkuma__head-container .rilakkuma__ear{transform:translateZ(calc(var(--ears) * 1vmin))}:checked~.rilakkuma .rilakkuma__head-container .rilakkuma__ear--right{transform:rotateY(180deg) translateZ(calc(var(--ears) * -1vmin))}:checked~.rilakkuma .rilakkuma__head-container .rilakkuma__head{transform:translateZ(calc(var(--head) * 1vmin))}:checked~.rilakkuma .rilakkuma__head-container .rilakkuma__face{transform:translate(-50%) translateZ(calc(var(--face) * 1vmin))}:checked~.rilakkuma .rilakkuma__head-container .rilakkuma__eye{animation-name:blink-forward}.rilakkuma{transform-style:preserve-3d}.rilakkuma *{position:absolute}.rilakkuma__head-container{height:49.5%;width:78%;top:11.5%;left:50%;transform:translate(-50%)}.rilakkuma__head{background:var(--base);height:100%;width:100%;border-radius:50% 50% 35% 35%/65% 65% 35% 35%;border:calc(var(--unit) * 13) solid var(--stroke);transform:translateZ(0)}.rilakkuma__ear{height:52%;width:40%;background:var(--base);top:-15.5%;left:-8%;border:calc(var(--unit) * 13) solid var(--stroke);border-radius:50%;overflow:hidden}.rilakkuma__ear:after{content:"";position:absolute;top:41%;left:-19%;background:var(--ear);height:60%;width:66%;border-radius:50%;border:calc(var(--unit) * 13) solid var(--stroke)}.rilakkuma__ear--right{left:68%;top:-12%;transform:rotateY(180deg)}.rilakkuma__ear--right:after{top:32%}.rilakkuma__eye{background:var(--stroke);top:54.25%;left:21.5%;height:calc(var(--unit) * 50);width:calc(var(--unit) * 50);border-radius:50%;animation:blink 5s infinite}.rilakkuma__eye--right{left:66%;top:55.5%}@keyframes blink{0%,49%,51%,to{transform:scaleY(1)}50%{transform:scaleY(0)}}.rilakkuma__face{height:28%;width:29.5%;background:var(--white);border-radius:50% 50% 35% 45%/50%;top:58.5%;left:49%;transform:translate(-50%) translateZ(0)}.rilakkuma__mouth{height:calc(var(--unit) * 30);width:calc(var(--unit) * 30);background:var(--stroke);border-radius:50%;top:21%;left:49%;transform:translate(-50%)}.rilakkuma__mouth:before,.rilakkuma__mouth:after{content:"";background:var(--stroke);position:absolute;top:50%;left:50%;transform-origin:50% 0;transform:translate(-50%) rotate(calc(var(--r) * 1deg));height:160%;width:50%;border-radius:50%/25%}.rilakkuma__mouth:before{--r: -35}.rilakkuma__mouth:after{--r: 35}.rilakkuma__body{height:43%;width:47%;background:var(--base);opacity:1;top:49.25%;left:50%;transform:translate(-50%) translateZ(-1px);border-radius:0 0 50% 50%/0 0 10% 10%;border:calc(var(--unit) * 13) solid var(--stroke)}.rilakkuma__body:after{content:"";position:absolute;background:var(--white);top:30%;left:50%;transform:translate(-50%);height:65%;width:69%;border-radius:50%/55% 55% 45% 45%}.rilakkuma__arm{height:29.5%;width:18%;top:56%;left:22%;transform:translateZ(0)}.rilakkuma__arm:after{content:"";position:absolute;height:50%;width:50%;border:calc(var(--unit) * 13) solid var(--stroke);left:58%;top:12%;border-radius:50%;transform:rotate(4deg);clip-path:polygon(0 42%,42% 42%,42% 90%,0 90%)}.rilakkuma__arm-main{height:100%;width:100%;background:var(--base);border:calc(var(--unit) * 13) solid var(--stroke);border-radius:50% 50% 25%/60% 50% 15% 40%;clip-path:polygon(0 0,50% 0,50% 34%,100% 95%,100% 100%,0 100%)}.rilakkuma__arm-stroke{height:39%;width:88%;background:var(--base);border-radius:50% 50% 25%/50% 50% 34%;border:calc(var(--unit) * 13) solid var(--stroke);bottom:0;right:0;clip-path:polygon(59% 0,100% 0,100% 100%,39% 100%,73% 50%)}.rilakkuma__arm--right{transform:rotateY(180deg) translateZ(0);left:62%;top:57%;width:16%}.rilakkuma__leg{bottom:3.5%;height:20%;width:25.75%;left:20.5%;transform:translateZ(0)}.rilakkuma__leg:after{content:"";position:absolute;width:50%;height:33%;border:calc(var(--unit) * 13) solid var(--stroke);border-radius:50%;left:30%;top:-3%;transform:rotate(10deg);clip-path:polygon(0 0,100% 100%,0 100%)}.rilakkuma__leg-main{height:100%;width:100%;background:var(--base);border:calc(var(--unit) * 13) solid var(--stroke);border-radius:34% 50% 40% 60%/50% 50% 30% 34%;clip-path:polygon(0 0,48% 0,48% 45%,50% 52%,80% 44%,100% 100%,0 100%)}.rilakkuma__leg-stroke{border:calc(var(--unit) * 13) solid var(--stroke);background:var(--base);height:62%;width:70%;border-radius:50% 30% 50% 50%/50%;right:0;bottom:0;clip-path:polygon(68% 0,100% 0,100% 100%,50% 100%,73% 20%)}.rilakkuma__leg--right{transform:rotateY(180deg) rotate(-6deg) translateY(-3%) translateZ(0);left:51%;width:27%}.rilakkuma__leg--right .rilakkuma__leg-main{height:110%;bottom:0}@keyframes blink-forward{0%,49%,51%,to{transform:translateZ(calc(var(--face, 0) * 1vmin)) scaleY(1)}50%{transform:translateZ(calc(var(--face, 0) * 1vmin)) scaleY(0)}}