.code-segment.svelte-wp78kp{position:relative}.code-segment.svelte-wp78kp:hover:not([style*=background-color]){background-color:hsl(var(--b2) / .5)}.explanation-wrapper.svelte-wp78kp{animation:svelte-wp78kp-fade-in .15s ease-in-out}@keyframes svelte-wp78kp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in.svelte-wp78kp{animation:svelte-wp78kp-fade-in .15s ease-in-out}.code-content.svelte-wp78kp code:where(.svelte-wp78kp){word-break:break-word;background-color:transparent}.code-content.svelte-wp78kp,.explanation-content.svelte-wp78kp{scroll-behavior:smooth}.shortcuts-hint.svelte-wp78kp{margin-top:1rem;padding-top:1rem;border-top:1px solid hsl(var(--bc) / .1)}.hint-text.svelte-wp78kp{font-size:.75rem;line-height:1rem;color:hsl(var(--bc) / .5);margin:0}.code-segment.svelte-wp78kp:focus{outline:2px solid hsl(var(--p));outline-offset:2px}@media (min-width: 768px){.code-panel-wrapper.svelte-wp78kp,.explanation-panel-wrapper.svelte-wp78kp{height:100%}.code-panel-wrapper.svelte-wp78kp .card:where(.svelte-wp78kp),.explanation-panel-wrapper.svelte-wp78kp .card:where(.svelte-wp78kp){height:100%;display:flex;flex-direction:column}.code-panel-wrapper.svelte-wp78kp .card-body:where(.svelte-wp78kp),.explanation-panel-wrapper.svelte-wp78kp .card-body:where(.svelte-wp78kp){flex:1;display:flex;flex-direction:column}.code-content.svelte-wp78kp,.explanation-content.svelte-wp78kp{flex:1}}body{overflow-x:hidden}