*{margin:0;padding:0;box-sizing:border-box}a{color:inherit}html{height:100%}body{height:100%;font-size:16px}@font-face{font-family:Cabin;src:url('cabin.woff2') format('woff2'),url('cabin.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:'PT Serif';src:url('ptserif.woff2') format('woff2'),url('ptserif.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}.title{text-align:center}.title h1{font-family:Cabin,Helvetica,Arial,sans-serif}@media screen and (max-width:640px){.title{padding:1.5rem 1rem;background:#f6f9fc}.title h1{font-size:1.5em}article{padding-bottom:2rem}article h2,article h3,article hr,article p,article ul{padding-left:1rem;padding-right:1rem}article h2{margin-top:1rem}article ul{list-style:disc inside}article hr{margin-top:1rem;margin-bottom:1rem}article code{font-size:.7em}}@media screen and (min-width:640px){.row{max-width:720px;margin-left:auto;margin-right:auto}.title{margin-top:4rem;margin-bottom:2rem}.title h1{font-size:2em}}article{margin-left:auto;margin-right:auto;font-family:"PT Serif",Georgia,"Times New Roman",serif;max-width:40em!important}article h2,article h3{font-family:Cabin,Helvetica,Arial,sans-serif}article .snippet,article p,article ul{margin-top:1rem;margin-bottom:1rem}article p,article ul{line-height:1.6em}article hr{border:none;border-bottom:1px solid #eee}article .label,article code{font-family:"Panic Sans",Consolas,Courier,monospace}article .snippet pre{padding:1rem;line-height:1.2em}article .snippet code{overflow-x:auto}article .label{padding:7px 15px;display:inline-block;border-top-left-radius:4px;border-top-right-radius:4px;font-size:.7em;background:#eee;color:#999}article .tablist [aria-selected=true]{background-color:#20a0d0;color:#fff}article .tablist .label:hover{cursor:pointer}article .tabbed.snippet{margin-top:0}article .labelled.snippet pre,article .tabbed.snippet pre{border-top-left-radius:0}footer{background:#f6f9fc;font-family:Cabin,Helvetica,Arial,sans-serif;color:#999}footer a{text-decoration:none}footer .twitter{color:#20a0d0}@media screen and (max-width:640px){footer{padding:1.5rem 1rem;text-align:center;font-size:.8rem}footer .row p+p{margin-top:.5rem}}@media screen and (min-width:640px){article{padding-bottom:4rem}article .lede{font-size:1.25em}article h2{margin-top:2rem}article hr{margin-top:2rem;margin-bottom:2rem}article code{font-size:.8em}article .snippet pre{border-radius:4px}footer{height:100%;padding-top:3rem;padding-bottom:3rem}footer .row{display:flex;justify-content:center}footer .row>p{flex:1}footer .twitter{text-align:right}}article h3{margin-top:1.5rem}article blockquote{margin:1.5rem auto;padding:1rem 1.5rem;background:#f6f9fc;border-left:3px solid rgba(0,0,0,.15)}article blockquote cite{display:block;margin-top:.5rem}article blockquote p{margin:0}.buy{text-align:center}.buy button{-webkit-font-smoothing:subpixel-antialiased;-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;border:none;border-radius:4px;border-bottom:3px solid rgba(0,0,0,.2);background:#3ecf8e;line-height:inherit;font-family:Cabin,Helvetica,Arial,sans-serif;font-size:1.2em;text-decoration:none;color:#fff}.buy button:disabled,.buy button:enabled:active{padding-top:calc(1rem + 2px);border-bottom-width:1px;box-shadow:inset 0 1px 0 rgba(0,0,0,.2)}.buy button:enabled:hover{cursor:pointer}.buy button:disabled{filter:grayscale(100%)}.buy button small{margin-top:.5rem;display:block}.buy .normal-price{color:rgba(255,255,255,.5);text-decoration:line-through}.buy .coupon-price{box-shadow:inset 0 -2px 0 #fff}@media screen and (max-width:640px){#outcomes li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.buy button{width:100%;display:block;padding:1rem 2rem}.buy button small{display:none}}@media screen and (min-width:640px){.buy button{padding:1rem 3rem}}@-webkit-keyframes tada{0%{-webkit-transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0)}}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}100%{transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;animation-duration:1s}