@layer components{.letter-paper:before,.letter-paper:after{content:"";background-image:radial-gradient(circle,#e9e9e9 4px,#0000 4px);background-repeat:repeat-y;background-size:8px 32px;width:1.125rem;position:absolute;top:0;bottom:0}[data-theme=dark] .letter-paper:before,[data-theme=dark] .letter-paper:after{background-image:radial-gradient(circle,#323232 4px,#0000 4px)}.letter-paper:before{left:9px}.letter-paper:after{right:0}.diff-bar-green{background:#eaffdfc9}.diff-bar-green:before{content:"";opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-family='monospace' font-size='16' fill='green'>+</text> </svg>");background-position:50%;background-repeat:repeat-y;background-size:24px 32px;position:absolute;inset:0}.diff-bar-red{background:#ffa5a57d}.diff-bar-red:before{content:"";opacity:.4;pointer-events:none;background-image:url("data:image/svg+xml;utf8, <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><text x='50%' y='50%' dominant-baseline='middle' text-anchor='middle' font-family='monospace' font-size='16' fill='red'>-</text> </svg>");background-position:50%;background-repeat:repeat-y;background-size:24px 26px;position:absolute;inset:0}[data-theme=dark] .diff-bar-green{background:#314228c9}[data-theme=dark] .diff-bar-green:before{opacity:.6}[data-theme=dark] .diff-bar-red{background:#823a3a7d}[data-theme=dark] .diff-bar-red:before{opacity:.6}.diff-area-red-stripes{background:repeating-linear-gradient(245deg,#ffecec 0 10px,#0000 10px 20px)}[data-theme=dark] .diff-area-red-stripes{background:repeating-linear-gradient(245deg,#352424 0 10px,#0000 10px 20px)}.header-panel-shadow{box-shadow:0 16px 20px -4px #adadad17}[data-theme=dark] .header-panel-shadow{box-shadow:3px 10px 20px -4px #00000052}.keyboard-wall{background:#1d1d1d}.keyboard-block{--key-bg-start-color:#232323;--key-bg-end-color:#181818;width:110px;height:100%;font-family:"SF Pro Text","SF Pro Icons",var(--font-inter);text-shadow:0 .5px .5px #0000001a;-webkit-user-select:none;user-select:none;background:radial-gradient(75% 75% at 50% 91.9%,var(--key-bg-start-color)0,var(--key-bg-end-color)100%);border-radius:11px;flex-shrink:0;grid-template-rows:1fr 1fr;padding:14.5px 15px;font-size:23.75px;font-weight:500;transition:opacity .4s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1),transform .2s cubic-bezier(.23,1,.32,1),color .2s cubic-bezier(.23,1,.32,1),--key-bg-start-color .4s cubic-bezier(.23,1,.32,1),--key-bg-end-color .4s cubic-bezier(.23,1,.32,1);display:grid;box-shadow:0 1.5px .5px 2.5px #0006,0 0 .5px 1px #000,inset 0 2px 1px 1px #00000040,inset 0 1px 1px 1px #fff3,inset 0 0 #0000}.keyboard-glow{pointer-events:none;background:linear-gradient(90deg,#ff63081a,#ffeee545,#bdc9e61a,#97c4ff1a,#97c4ff1a);height:500px;inset-inline:-200px;-webkit-mask:radial-gradient(at top,#000,#0000 60%);mask:radial-gradient(at top,#000,#0000 60%)}[data-theme=dark] .keyboard-block{--key-bg-start-color:#2d2c2c;--key-bg-end-color:#212121}[data-theme=dark] .keyboard-wall{background:#181818}}