/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}a{background-color:transparent}strong{font-weight:bolder}code{font-family:monospace,monospace;font-size:1em}img{border-style:none}button,input,select{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}legend{color:inherit;display:table;max-width:100%;white-space:normal}[type=checkbox],[type=radio],legend{-webkit-box-sizing:border-box;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}[hidden],template{display:none}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-family:sans-serif}*,:after,:before{-webkit-box-sizing:inherit;box-sizing:inherit}h3,p{margin:0}button{background:transparent;padding:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}*,:after,:before{border-width:0;border-color:#dae1e7}*,:after,:before,img{border-style:solid}img{max-width:100%;height:auto}input::-webkit-input-placeholder{color:inherit;opacity:.5}input::-moz-placeholder{color:inherit;opacity:.5}input:-ms-input-placeholder{color:inherit;opacity:.5}input::-ms-input-placeholder{color:inherit;opacity:.5}input::placeholder{color:inherit;opacity:.5}[role=button],button{cursor:pointer}.bg-black{background-color:#22292f}.bg-grey{background-color:#b8c2cc}.bg-grey-lighter{background-color:#f1f5f8}.bg-white{background-color:#fff}.bg-purple{background-color:#76005c}.bg-purple-light{background-color:#bb80ae}.hover\:bg-grey-darker:hover{background-color:#606f7b}.focus\:bg-grey:focus{background-color:#b8c2cc}.border-grey{border-color:#b8c2cc}.border-purple-dark{border-color:#63004a}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-t-2{border-top-width:2px}.border-r-2{border-right-width:2px}.border-b-2{border-bottom-width:2px}.hidden{display:none}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.inline-flex{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.items-center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.justify-between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.flex-1{-webkit-box-flex:1;-ms-flex:1 1 0%;flex:1 1 0%}.flex-no-shrink{-ms-flex-negative:0;flex-shrink:0}.font-mono{font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.h-2{height:.5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.h-screen{height:100vh}.leading-normal{line-height:1.5}.mx-0{margin-left:0;margin-right:0}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.my-4{margin-top:1rem;margin-bottom:1rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mt-4{margin-top:1rem}.ml-4{margin-left:1rem}.ml-6{margin-left:1.5rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.mt-px{margin-top:1px}.min-h-0{min-height:0}.-my-1{margin-top:-.25rem;margin-bottom:-.25rem}.-mt-2{margin-top:-.5rem}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.group:hover .group-hover\:opacity-100{opacity:1}.focus\:outline-none:focus{outline:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.p-1{padding:.25rem}.p-2{padding:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.pr-2{padding-right:.5rem}.pl-2{padding-left:.5rem}.pt-4{padding-top:1rem}.pt-8{padding-top:2rem}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.pin-t{top:0}.pin-r{right:0}.pin-l{left:0}.resize{resize:both}.focus\:shadow-outline:focus{-webkit-box-shadow:0 0 0 3px rgba(220,50,141,.3);box-shadow:0 0 0 3px rgba(220,50,141,.3)}.stroke-current{stroke:currentColor}.text-center{text-align:center}.text-grey-darkest{color:#3d4852}.text-grey-darker{color:#606f7b}.text-grey-dark{color:#8795a1}.text-grey{color:#b8c2cc}.hover\:text-black:hover{color:#22292f}.hover\:text-grey-darkest:hover{color:#3d4852}.hover\:text-white:hover{color:#fff}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.italic{font-style:italic}.uppercase{text-transform:uppercase}.no-underline{text-decoration:none}.hover\:underline:hover{text-decoration:underline}.tracking-wide{letter-spacing:.05em}.w-3{width:.75rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-10{width:2.5rem}.w-16{width:4rem}.w-24{width:6rem}.w-32{width:8rem}.w-full{width:100%}.w-screen{width:100vw}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.my-editor{background-color:#fafafa}.prism-editor__code{margin-left:8px;font-family:Fira code,Fira Mono,Consolas,Menlo,Courier,monospace;-webkit-font-variant-ligatures:common-ligatures;font-variant-ligatures:common-ligatures;font-size:14px;line-height:1.5}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#90a4ae}.token.punctuation{color:#9e9e9e}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#e91e63}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#4caf50}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#795548}.token.atrule,.token.attr-value,.token.keyword{color:#3f51b5}.token.function{color:#f44336}.token.important,.token.regex,.token.variable{color:#ff9800}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media (min-width:992px){.lg\:border-t-0{border-top-width:0}.lg\:border-l-2{border-left-width:2px}.lg\:hidden{display:none}.lg\:flex{display:-webkit-box;display:-ms-flexbox;display:flex}.lg\:flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.lg\:my-0{margin-top:0;margin-bottom:0}.lg\:mx-1{margin-left:.25rem;margin-right:.25rem}}.toggle-input{-webkit-transition:all .3s;transition:all .3s}.section--main{background:#fafafa;max-width:100vw}.text-xxs{font-size:.7rem}.sidebar{width:17.5rem;-webkit-overflow-scrolling:touch}.debug-editor{height:150px}select{-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23606f7b' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' class='feather feather-chevron-down' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:1rem auto;background-position:right .25rem center;padding-right:1rem}