body,html{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Roboto,Helvetica Neue,sans-serif;background:#edeef0;-webkit-font-smoothing:antialiased}.root{max-width:1080px;margin:auto;padding:0 40px 50px}.icons{display:flex;flex-wrap:wrap;align-items:center;margin:-3px}.icon{position:relative;display:flex;align-items:center;justify-content:center;margin:4px;padding:10px;text-align:center;color:#71757a;background-color:#0000000a;border:1px solid rgb(0 0 0 / 12%);border-radius:2px;cursor:pointer;outline:none}.icon:hover{background-color:#00000014;border:1px solid rgb(0 0 0 / 24%)}.icon:active{background-color:#0000001f;border:1px solid rgb(0 0 0 / 30%)}.icon--anchor{background-color:#0000001f;border:1px solid rgb(0 0 0 / 36%)}.icon--changed .Icon{opacity:.3}.icon-name{position:absolute;top:calc(100% + 8px);z-index:2;padding:4px 6px;font-size:14px;color:#fff;background-color:#000;border-radius:3px;visibility:hidden}.icon-badge{position:absolute;top:-5px;right:-5px;width:10px;height:10px;background-color:orange;border-radius:5px;cursor:help}.icon:hover .icon-name{visibility:visible}p,pre{font-size:16px}a{text-decoration:none;color:#2a5885}a:hover{text-decoration:underline}code{padding:1px 3px;background:#fff;border:1px solid rgb(0 0 0 / 12%);border-radius:2px}pre{padding:10px;background:#fff;border:1px solid rgb(0 0 0 / 12%);border-radius:2px}label{padding:6px 0;font-size:13px;color:#656565}[type=text]{display:block;width:100%;margin:0;padding:18px 40px 22px;font-size:30px;line-height:30px;color:#000;background-color:#fff;border:none;border-radius:50px;box-sizing:border-box;outline:none;appearance:none}[type=text]:focus{border-color:#c9d0d6}[type=checkbox]{position:absolute;z-index:-1;opacity:0}[type=checkbox]+label{display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}[type=checkbox]+label:before{content:"";display:inline-block;flex-grow:0;width:1em;height:1em;margin-right:.5em;background-position:center center;background-repeat:no-repeat;border:1px solid #adb5bd;border-radius:.25em;flex-shrink:0;background-size:50% 50%}[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,: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 #007bff40}[type=checkbox]:focus:not(:checked)+label:before{border-color:#80bdff}[type=checkbox]:disabled+label:before{background-color:#e9ecef}textarea{width:0;height:0;border:none;opacity:0}.copied{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:200px;color:#fff;background-color:#0000001a;animation-name:copied;animation-duration:1.25s;animation-timing-function:ease-in-out}@keyframes copied{0%{opacity:0}25%{opacity:1}to{opacity:0}}.color{display:flex;align-items:flex-start}.color p{max-width:50%;margin:0}.color-picker{flex-grow:1;max-width:50%;flex-shrink:0}