code[class*=language-],pre[class*=language-]{font-family:var(--ff-mono);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;tab-size:2;-webkit-hyphens:none;hyphens:none;direction:ltr;font-size:1.15rem;line-height:1.5}pre[class*=language-]{width:calc(100% + 2rem);margin-top:var(--fs-8);margin-bottom:var(--fs-8);color:var(--clr-text);border:1px solid hsl(from var(--clr-text) h s calc(l * 1.5 + .9));background-color:hsl(from var(--clr-text) h s calc(l * 2.1));box-shadow:1px 1px 0px var(--clr-text), 3px 3px 2px hsl(from var(--clr-text) h calc(s * .6) calc(l / .8 + .5)), 5px 5px 2px hsl(from var(--clr-text) h calc(s * .4) calc(l / .7 + .5)), 7px 7px 2px hsl(from var(--clr-text) h calc(s * .3) calc(l / .6 + .5));padding:.8rem 1rem 1rem;overflow-x:scroll;transform:translate(-1rem)}code[class^=language-css]:before,code[class^=language-html]:before,code[class^=language-js]:before{padding-bottom:var(--fs-1);font-weight:500;font-family:var(--ff-mono);font-style:italic;display:block}code[class^=language-css]:before{content:"CSS"}code[class^=language-html]:before{content:"HTML"}code[class^=language-js]:before{content:"JavaScript"}:not(pre)>code[class*=language-]{border-radius:var(--border-radius);white-space:normal}.namespace{opacity:.7}:root{--magenta-dark:hsl(from var(--clr-tomato) h s calc(l / 1.7));--yellow-dark:#3e6b00;--cyan-dark:hsl(from var(--clr-cyan) h s calc(l / 2.3));--golden-dark:#db6a00;--purple-dark:#c200bf;--pd-yellow-dark:hsl(from var(--clr-yellow) h s calc(l / 2.3));--clr-bg:#ecebe4;--clr-text:#0856e7;--clr-hover:#2b73f7;--clr-tomato:#ff674c;--clr-yellow:#ffc64c;--clr-cyan:#05f0f0}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#627c9d}.token.punctuation{color:#383838}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:var(--purple-dark)}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:var(--golden-dark);font-weight:500}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:var(--yellow-dark)}.token.atrule,.token.attr-value,.token.keyword{color:var(--magenta-dark)}.token.function{color:var(--cyan-dark)}.token.regex,.token.important,.token.variable{color:var(--pd-yellow-dark);font-weight:500}.token.important,.token.bold{font-weight:500}.token.italic{font-style:italic}.token.entity{cursor:help}pre[data-line]{position:relative}pre[class*=language-]>code[class*=language-]{z-index:1;position:relative}.line-highlight{padding:inherit 0;z-index:0;pointer-events:none;line-height:inherit;white-space:pre;background:#fff7e0;margin-top:1em;position:absolute;left:0;right:0;box-shadow:inset 5px 0 #ffc833}