html{font-size:16px;-webkit-font-smoothing:antialiased}h1{font-size:1.5em}h2{font-size:1.25em}h3{font-size:1.125em}h4{font-size:1em;text-align:right}p{text-indent:2em;font-size:16px;white-space:pre-line}.preview{border-radius:10px;font-size:16px;color:#555;width:666px;font-family:Century Gothic,Trebuchet MS,Hiragino Sans GB,\5fae\8f6f\96c5\9ed1,Microsoft Yahei,Tahoma,Helvetica,Arial,SimSun,sans-serif;margin:50px auto;border:1px solid #eee;max-width:100%;background:#ffffff repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow:0 1px 5px #00000026}.preview:before{content:"\7fd4\5de5\4f5c\5ba4\9762\8bd5";display:flex;justify-content:center;align-items:center;width:100%;height:66px;background:#4af6de;color:#fff;background-image:-moz-linear-gradient(0deg,rgb(67,198,184),rgb(255,209,244));background-image:-webkit-linear-gradient(0deg,#4af6de,#6bf2ad);font-size:24px;font-weight:700;text-align:center;word-break:break-all;background-color:#fff6;border-radius:10px 10px 0 0}.content{margin:2em 4em}.toolbar button{height:40px;font-family:Helvetica,Arial,sans-serif;display:inline-block;font-size:16px;padding:0 10px;-webkit-appearance:none;appearance:none;background-color:#fff;color:#000;border-radius:4px;margin:4px;border:none;cursor:pointer;position:relative;transition:transform ease-in .1s,box-shadow ease-in .25s;border:1px solid gray}.toolbar button:focus{outline:0}.toolbar button:before,.toolbar button:after{position:absolute;content:"";display:block;width:140%;height:100%;left:-20%;z-index:-1000;transition:all ease-in-out .5s;background-repeat:no-repeat}.toolbar button:active{transform:scale(.9);background-color:#f2f2f2;box-shadow:0 2px 25px gray}.toolbar button.animate:before{display:block;animation:topBubbles ease-in-out .75s forwards}.toolbar button.animate:after{display:block;animation:bottomBubbles ease-in-out .75s forwards}@keyframes topBubbles{0%{background-position:5% 90%,10% 90%,10% 90%,15% 90%,25% 90%,25% 90%,40% 90%,55% 90%,70% 90%}50%{background-position:0% 80%,0% 20%,10% 40%,20% 0%,30% 30%,22% 50%,50% 50%,65% 20%,90% 30%}to{background-position:0% 70%,0% 10%,10% 30%,20% -10%,30% 20%,22% 40%,50% 40%,65% 10%,90% 20%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}@keyframes bottomBubbles{0%{background-position:10% -10%,30% 10%,55% -10%,70% -10%,85% -10%,70% -10%,70% 0%}50%{background-position:0% 80%,20% 80%,45% 60%,60% 100%,75% 70%,95% 60%,105% 0%}to{background-position:0% 90%,20% 90%,45% 70%,60% 110%,75% 80%,95% 70%,110% 10%;background-size:0% 0%,0% 0%,0% 0%,0% 0%,0% 0%,0% 0%}}