:root{--theme-background:#fefdf5;--theme-text-color:#5c6869;--theme-background--dark:#5c5c5c}*{box-sizing:border-box}html,body{margin:0;padding:0}h1,h2,small{letter-spacing:.5px}body{background-color:var(--theme-background);color:var(--theme-text-color);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:15px;line-height:1.5}.App{width:768px;max-width:100vw;margin:0 auto;padding:2em 16px 4em}@media (max-width:768px){.App-code{font-size:14px}}.App-title{letter-spacing:1.5px;font-size:36px;font-weight:500}.App-title h2{margin:.3em 0 0}.App-title small{font-size:20px;font-weight:300;line-height:1}.App-subtitle{font-size:24px;font-weight:600}.App-sample{margin-bottom:3rem}.App-github{vertical-align:middle;margin-left:10px;display:inline-block}.Demo{flex-direction:column;margin-bottom:1em;display:flex}.Example{margin-bottom:50px}.Example-code{margin-top:3rem}.Trigger{min-width:160px;color:var(--theme-text-color);cursor:pointer;background:#dbd9d2;border:0;border-radius:.5em;outline:none;flex-shrink:0;margin:16px 0;padding:8px 16px;font-size:20px;transition:all .2s;display:block}.Trigger:active,.Trigger:hover,.Trigger:focus{background:#efe1b5}@keyframes fade{0%{opacity:0}to{opacity:1}}.Overlay{animation:.3s .1s both fade}.Dialog{z-index:1;background-color:#fffde7;flex-direction:column;justify-content:center;align-items:center;width:420px;height:280px;display:flex}.Dialog__close{background-color:#eae6d8;min-width:100px;padding:4px 0;font-size:16px}.App-code{color:#494842;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;padding:15px;font-family:monospace;font-size:14px;display:block;overflow:auto}.App-description{color:#dbd9d2;background-color:#494842;border-radius:.5em;margin-bottom:4em;padding:1em 2em}:not(pre)>code[class*=language-],pre[class*=language-]{background-color:#f1efe1;border-radius:6px;transition:all .2s}:root{--sh-class:#585252;--sh-identifier:#787a6f;--sh-sign:#6c6551;--sh-string:#9f7f46;--sh-keyword:#2f2f2f;--sh-comment:#818c9b}.sh__token--string{font-weight:400}.reflow-button{transition:width .5s ease-in-out,height .5s ease-in-out}.reflow-button:hover{cursor:pointer}