code.shiki,code.shiki span{color:var(--shiki-light);background-color:var(--shiki-light-bg)}@media (prefers-color-scheme:dark){code.shiki,code.shiki span{color:var(--shiki-dark);background-color:var(--shiki-dark-bg)}}pre.shiki,pre.shiki span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important}pre.shiki{border-radius:10px;margin:2rem 0;padding:calc(36px + 1.25rem) 1.5rem 1.25rem;position:relative;overflow-x:auto;box-shadow:0 8px 32px #00000059,0 2px 8px #0003}pre.shiki:before{content:"";background-color:#3a3a3a;background-image:radial-gradient(circle,#ff5f57 5px,#0000 5px),radial-gradient(circle,#febc2e 5px,#0000 5px),radial-gradient(circle,#28c840 5px,#0000 5px);background-position:14px,34px,54px;background-repeat:no-repeat;background-size:12px 12px,12px 12px,12px 12px;border-radius:10px 10px 0 0;height:36px;position:absolute;top:0;left:0;right:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}code.shiki{border-radius:4px;padding:.15em .4em}.swizec-embed{margin:1.5rem 0}.swizec-embed iframe{border:0}.swizec-embed-codesandbox{aspect-ratio:16/9;width:100%;position:relative}.swizec-embed-codesandbox iframe{width:100%;height:100%;position:absolute;inset:0}.swizec-embed-youtube lite-youtube{width:100%;max-width:none}.swizec-embed-codesandbox iframe{border-radius:4px;overflow:hidden}.swizec-embed-tweet blockquote.twitter-tweet{background:#f7f9f9;border-left:4px solid #1d9bf0;margin-left:0;margin-right:0;padding:.75rem 1rem}.swizec-embed-giphy{margin-left:0;margin-right:0}.swizec-embed-giphy img{max-width:100%;height:auto;display:block}