.sp-wrapper{--sp-colors-fg-active:#F4F4F4;--sp-colors-fg-default:#757678;--sp-colors-bg-active:#A258DF2b;--sp-colors-accent:#7828c8;--sp-font-size:14px;--sp-space-1:4px;--sp-space-2:8px;--sp-space-3:12px;--sp-space-4:16px;--sp-space-5:20px;--sp-space-6:24px;--sp-space-7:28px;--sp-space-8:32px;--sp-border-radius:4px}.sp-stack{height:100%}.cm-editor{width:100%;font-size:14px}.sp-cm{max-height:100%;overflow:hidden}.cm-scroller{overflow:hidden;max-height:600px}.sp-code-viewer.is-expanded .cm-scroller{overflow:auto;padding-bottom:50px}.cm-scroller::-webkit-scrollbar{width:0}.sp-tabs{padding-right:110px}.sp-tab-button{display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;font-family:var(--font-sans),ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"!important;font-size:inherit;padding:0 var(--sp-space-2);color:var(--sp-colors-fg-default)!important;height:40px;border:0;outline:none;border-bottom:1px solid transparent!important;transition:all .15s ease-out;white-space:nowrap}.sp-tab-button[data-active=true]{color:var(--sp-colors-fg-active)!important;border-bottom:1px solid var(--sp-colors-accent)!important}.sp-tab-button:hover{color:var(--sp-colors-fg-active)!important;background:var(--sp-colors-bg-active)}.sp-tab-button:focus{outline:none}.sp-tab-button:focus-visible{box-shadow:inset 0 0 0 2px var(--sp-colors-accent)}.sp-highlight{position:relative;z-index:10;border-left-color:rgb(255 255 255/.8)}.sp-highlight:before{position:absolute;left:0;z-index:-1;height:100%;width:100%;border-left-width:2px;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:rgb(255 255 255/0.1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:hsl(var(--heroui-code-background)/var(--heroui-code-background-opacity,1)) var(--tw-gradient-to-position);--tw-content:"";content:var(--tw-content)}:is(:where(.dark) .sp-highlight):before{content:var(--tw-content);border-left-color:rgb(255 255 255/.5)}