/* DEMO FRAMEWORK */

.demo-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.5);display:flex;justify-content:center;align-items:center;z-index:9999}
.demo-content{position:relative;border-radius:.25rem;width:60vw;min-height:10vh;padding:0;background:var(--hex-white);padding:.5rem;box-shadow:0 0 1rem rgb(0,0,0,.5)}
.demo-title{margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center;font-weight:600}
.demo-content pre{max-height:80vh;overflow-y:auto;white-space:pre-wrap;margin:0;padding:0;border:none;border-radius:.25rem;direction:ltr}
.demo-content code{display:block;padding:10px;overflow-x:auto}
.demo-content code[class*="language-"], .demo-content pre[class*="language-"]{white-space:break-spaces}
.token{line-height:2rem}
pre{background-color:var(--hex-body) !important;margin:0 !important;direction:ltr;}
.dark-mode pre{background-color:white !important}