@charset "UTF-8";
@layer reset, base, app.base;
@charset "UTF-8";
@layer reset, base, app.base;
._8fVXdW_container{border:1px solid var(--color-border-primary);-webkit-mask-image:linear-gradient(to bottom, var(--mask-visible) 0%, var(--mask-visible) 60%, var(--mask-invisible) 100%);-webkit-mask-image:linear-gradient(to bottom, var(--mask-visible) 0%, var(--mask-visible) 60%, var(--mask-invisible) 100%);mask-image:linear-gradient(to bottom, var(--mask-visible) 0%, var(--mask-visible) 60%, var(--mask-invisible) 100%);border-radius:22px;margin-left:-8px;margin-right:-8px;padding:8px}._8fVXdW_panel{background:var(--color-bg-panel);box-shadow:inset 0 0 0 1px var(--color-border-primary);border-radius:12px 12px 0 0;position:relative;overflow:hidden}._8fVXdW_glow{mix-blend-mode:lighten;pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 50%);width:400px;height:400px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}._8fVXdW_header{z-index:1;align-items:center;gap:32px;height:60px;padding:0 32px;display:flex;position:relative}._8fVXdW_codeSection{grid-template-columns:var(--diff-column-width,1fr) 1fr;border-top:1px solid var(--color-border-primary);display:grid}._8fVXdW_codeColumn{flex:1;padding:32px 0}._8fVXdW_codeColumn+._8fVXdW_codeColumn{min-width:0;box-shadow:inset 1px 0 0 0 var(--color-border-primary)}._8fVXdW_codeColumn pre{font-family:var(--font-monospace);box-shadow:none;counter-reset:line;border:none;border-radius:0;margin:0;padding:0;font-size:14px;line-height:24px;background:0 0!important}._8fVXdW_codeColumn code{background:0 0;flex-direction:column;padding:0;display:flex}._8fVXdW_codeColumn .line{border-left:1px solid #0000;height:24px;padding:0 32px;line-height:24px;display:block}._8fVXdW_codeColumn .line:before{counter-increment:line;content:counter(line, decimal-leading-zero);color:#62666d;-webkit-user-select:none;user-select:none;margin-right:1em}._8fVXdW_codeColumn .line.diff-old{background:var(--diff-old-bg);border-left-color:var(--diff-old-color)}._8fVXdW_codeColumn .line.diff-old:before{color:var(--diff-old-color)}._8fVXdW_codeColumn .line.diff-new{background:var(--diff-new-bg);border-left-color:var(--diff-new-color)}._8fVXdW_codeColumn .line.diff-new:before{color:var(--diff-new-color)}:is(._8fVXdW_codeColumn .line.diff-old,._8fVXdW_codeColumn .line.diff-new){transition:background-color var(--speed-quickTransition) var(--ease-out-quad), border-left-color var(--speed-quickTransition) var(--ease-out-quad)}@media (prefers-reduced-motion:reduce){:is(._8fVXdW_codeColumn .line.diff-old,._8fVXdW_codeColumn .line.diff-new){transition:none}}._8fVXdW_codeColumn .line.diff-old:before{transition:color var(--speed-quickTransition) var(--ease-out-quad)}@media (prefers-reduced-motion:reduce){._8fVXdW_codeColumn .line.diff-old:before{transition:none}}._8fVXdW_codeColumn .line.diff-new:before{transition:color var(--speed-quickTransition) var(--ease-out-quad)}@media (prefers-reduced-motion:reduce){._8fVXdW_codeColumn .line.diff-new:before{transition:none}}._8fVXdW_editableRegion{display:block;position:relative}._8fVXdW_editableDisplay{pointer-events:none;display:block}._8fVXdW_editableTextarea{width:100%;height:100%;font-family:var(--font-monospace);color:#0000;caret-color:var(--color-text-primary);resize:none;white-space:pre;background:0 0;border:none;outline:none;margin:0;padding:0 32px 0 calc(33px + 2ch + 1em);font-size:14px;line-height:24px;position:absolute;top:0;left:0;overflow:hidden}._8fVXdW_editableTextarea::selection{background:#638cff66}._8fVXdW_codeSectionDesktop{outline:none;display:block}._8fVXdW_codeSectionDesktop:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px;border-radius:0 0 12px 12px}@media (max-width:928px){._8fVXdW_codeSectionDesktop{display:none}}._8fVXdW_codeSectionMobile{display:none}@media (max-width:928px){._8fVXdW_codeSectionMobile{display:block}}._8fVXdW_codeColumnMobile{padding:16px 0}._8fVXdW_codeColumnMobile pre{font-family:var(--font-monospace);box-shadow:none;counter-reset:line;border:none;border-radius:0;margin:0;padding:0;font-size:14px;line-height:24px;background:0 0!important}._8fVXdW_codeColumnMobile code{background:0 0;flex-direction:column;padding:0;display:flex}._8fVXdW_codeColumnMobile .line{border-left:2px solid #0000;height:24px;padding:0 16px 0 24px;line-height:24px;display:block}._8fVXdW_codeColumnMobile .line:before{color:#62666d;content:counter(line, decimal-leading-zero);-webkit-user-select:none;user-select:none;margin-right:1em}._8fVXdW_codeColumnMobile .line.old:before{counter-increment:line}._8fVXdW_codeColumnMobile .line.diff-old{background:var(--diff-old-bg);border-left-color:var(--diff-old-color)}._8fVXdW_codeColumnMobile .line.diff-old:before{color:var(--diff-old-color);content:" -"}._8fVXdW_codeColumnMobile .line.diff-new{background:var(--diff-new-bg);border-left-color:var(--diff-new-color)}._8fVXdW_codeColumnMobile .line.diff-new:before{color:var(--diff-new-color);content:"+"}._8fVXdW_stage{--stage-content-width:calc(min(var(--homepage-max-width), 100vw) - 2 * var(--homepage-outer-padding));--stage-column:calc(var(--stage-content-width) / var(--grid-columns));--stage-bleed:calc((100vw - var(--stage-content-width)) / 2);--stage-height:592px;--panel-height:560px;--list-offset-y:24px;--diff-offset-x:calc(var(--stage-column) * 4);--diff-width:var(--stage-content-width);width:calc(var(--stage-content-width) + var(--stage-bleed));height:var(--stage-height);-webkit-user-select:none;user-select:none;-webkit-mask-image:linear-gradient(to left, var(--mask-invisible) 0, var(--mask-invisible) var(--stage-bleed), var(--mask-visible) calc(var(--stage-bleed) + 560px)), linear-gradient(to top, var(--mask-invisible) 0px, var(--mask-visible) 300px);-webkit-mask-image:linear-gradient(to left, var(--mask-invisible) 0, var(--mask-invisible) var(--stage-bleed), var(--mask-visible) calc(var(--stage-bleed) + 560px)), linear-gradient(to top, var(--mask-invisible) 0px, var(--mask-visible) 300px);mask-image:linear-gradient(to left, var(--mask-invisible) 0, var(--mask-invisible) var(--stage-bleed), var(--mask-visible) calc(var(--stage-bleed) + 560px)), linear-gradient(to top, var(--mask-invisible) 0px, var(--mask-visible) 300px);-webkit-mask-composite:source-in;position:relative;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}._8fVXdW_listContainer._8fVXdW_listContainer{width:var(--stage-content-width);margin-top:var(--list-offset-y);-webkit-mask-image:none;mask-image:none}._8fVXdW_listPanel{height:var(--panel-height)}._8fVXdW_diffLayer{top:0;left:var(--diff-offset-x);width:var(--diff-width);height:var(--panel-height);position:absolute}._8fVXdW_diffPanel._8fVXdW_diffPanel{--diff-column-width:calc(var(--stage-column) * 5);height:100%;box-shadow:inset 0 0 0 1px var(--color-border-primary), 0 0 32px 0 #08090acc}._8fVXdW_shine{z-index:2}