@layer components{.LearnCodeEditor{--accent-color:var(--color-primary);border:2px solid var(--border);background:#fff;border-radius:.75rem;margin-block:2rem;overflow:hidden}.LearnCodeEditor--purple{--accent-color:var(--color-accent-purple)}.LearnCodeEditor__header{border-color:var(--border);background-color:var(--bg-color-dim);border-bottom-width:1px;padding:1rem 1.25rem}.LearnCodeEditor__badge{background-color:var(--color-neutral-900);color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;font-size:13px;font-weight:700;display:flex}.LearnCodeEditor__title{color:var(--color-neutral-900)}.LearnCodeEditor__solution-link{color:var(--accent-color);flex-shrink:0;align-items:center;gap:.25rem;font-size:12px;display:flex}.LearnCodeEditor__solution-link:hover{color:color-mix(in oklab,var(--accent-color)80%,transparent)}button.LearnCodeEditor__check-solution{background-color:var(--accent-color)}.LearnCodeEditor--completed.LearnCodeEditor{border-color:color-mix(in oklab,var(--accent-color)30%,transparent)}.LearnCodeEditor--completed .LearnCodeEditor__header{border-color:color-mix(in oklab,var(--accent-color)30%,transparent);background-color:color-mix(in oklab,var(--accent-color)10%,transparent)}.LearnCodeEditor--completed .LearnCodeEditor__badge{background-color:var(--accent-color)}.LearnCodeEditor--completed .LearnCodeEditor__title{color:var(--accent-color)}}