body,html{-webkit-font-smoothing:antialiased;background:#edeef0;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif}.root{max-width:1080px;margin:auto;padding:0 40px 50px}.icons{flex-wrap:wrap;align-items:center;margin:-3px;display:flex}.icon{text-align:center;color:#71757a;cursor:pointer;background-color:rgba(0,0,0,.04);border:1px solid rgba(0,0,0,.12);border-radius:2px;outline:none;justify-content:center;align-items:center;margin:4px;padding:10px;display:flex;position:relative}.icon:hover{background-color:rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.24)}.icon:active{background-color:rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.3)}.icon--anchor{background-color:rgba(0,0,0,.12);border:1px solid rgba(0,0,0,.36)}.icon--changed .Icon{opacity:.3}.icon-name{color:#fff;z-index:2;visibility:hidden;background-color:#000;border-radius:3px;padding:4px 6px;font-size:14px;position:absolute;top:calc(100% + 8px)}.icon-badge{cursor:help;background-color:orange;border-radius:5px;width:10px;height:10px;position:absolute;top:-5px;right:-5px}.icon:hover .icon-name{visibility:visible}p,pre{font-size:16px}a{color:#2a5885;text-decoration:none}a:hover{text-decoration:underline}code{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:2px;padding:1px 3px}pre{background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:2px;padding:10px}label{color:#656565;padding:6px 0;font-size:13px}[type=text]{box-sizing:border-box;color:#000;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;border:none;border-radius:50px;outline:none;width:100%;margin:0;padding:18px 40px 22px;font-size:30px;line-height:30px;display:block}[type=text]:focus{border-color:#c9d0d6}[type=checkbox]{z-index:-1;opacity:0;position:absolute}[type=checkbox]+label{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;align-items:center;display:inline-flex}[type=checkbox]+label:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:50% 50%;border:1px solid #adb5bd;border-radius:.25em;flex-grow:0;flex-shrink:0;width:1em;height:1em;margin-right:.5em;display:inline-block}[type=checkbox]:checked+label:before{background-color:#0b76ef;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");border-color:#0b76ef}[type=checkbox]:not(:disabled):not(:checked)+label:hover:before{border-color:#b3d7ff}[type=checkbox]:not(:disabled):active+label:before{background-color:#b3d7ff;border-color:#b3d7ff}[type=checkbox]:focus+label:before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}[type=checkbox]:focus:not(:checked)+label:before{border-color:#80bdff}[type=checkbox]:disabled+label:before{background-color:#e9ecef}textarea{opacity:0;border:none;width:0;height:0}.copied{color:#fff;background-color:rgba(0,0,0,.1);justify-content:center;align-items:center;width:100%;height:100%;font-size:200px;animation-name:copied;animation-duration:1.25s;animation-timing-function:ease-in-out;display:flex;position:fixed;top:0;left:0}@keyframes copied{0%{opacity:0}25%{opacity:1}to{opacity:0}}.color{align-items:flex-start;display:flex}.color p{max-width:50%;margin:0}.color-picker{flex-grow:1;flex-shrink:0;max-width:50%}