@layer properties,theme,base;@layer components{.related-problems-heading{letter-spacing:.1em;color:var(--color-slate-400);text-transform:uppercase;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;font-weight:700;line-height:1.42857;display:flex}.related-problems-stack{flex-direction:column;gap:1rem;display:flex}.related-problems-link{cursor:pointer;border-style:solid;border-width:1px;border-color:var(--color-slate-200);background-color:var(--color-white);border-radius:1rem;padding:1rem;transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden}@media (hover:hover){.related-problems-link:hover{border-color:color-mix(in oklab, var(--color-brand-500) 50%, transparent);background-color:var(--color-slate-50);--effect-shadow:0 0 15px var(--effect-shadow-color,#6366f126);box-shadow:var(--effect-ring-offset-shadow), var(--effect-ring-shadow), var(--effect-shadow)}}.related-problems-link:is(.dark *){border-color:color-mix(in oklab, var(--color-white) 5%, transparent);background-color:color-mix(in oklab, var(--color-slate-950) 40%, transparent)}@media (hover:hover){.related-problems-link:is(.dark *):hover{background-color:var(--color-slate-900)}}.related-problems-overlay{height:100%;width:var(--spacing);background-color:color-mix(in oklab, var(--color-brand-500) 0%, transparent);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}@media (hover:hover){.related-problems-overlay:is(:where(.hover-group):hover *){background-color:var(--color-brand-500)}}.related-problems-text{color:var(--color-slate-800);margin-bottom:.5rem;font-weight:700;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.related-problems-text:is(:where(.hover-group):hover *){color:var(--color-brand-600)}}.related-problems-text:is(.dark *){color:var(--color-slate-200)}@media (hover:hover){.related-problems-text:is(.dark *):is(:where(.hover-group):hover *){color:var(--color-white)}}.related-problems-row{justify-content:space-between;align-items:center;margin-top:.75rem;display:flex}.related-problems-caption{color:var(--color-slate-500);font-size:.75rem;font-weight:500;line-height:1.33333;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--effect-gradient-from,--effect-gradient-via,--effect-gradient-to;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover){.related-problems-caption:is(:where(.hover-group):hover *){color:var(--color-slate-600)}}.related-problems-caption:is(.dark *){color:var(--color-slate-500)}@media (hover:hover){.related-problems-caption:is(.dark *):is(:where(.hover-group):hover *){color:var(--color-slate-400)}}.get-difficulty-styles-color-5{color:var(--color-emerald-600)}.get-difficulty-styles-bg-5{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}.get-difficulty-styles-border-5{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}.get-difficulty-styles-color-6{color:var(--color-amber-600)}.get-difficulty-styles-bg-6{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}.get-difficulty-styles-border-6{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}.get-difficulty-styles-color-7{color:var(--color-red-600)}.get-difficulty-styles-bg-7{background-color:color-mix(in oklab, var(--color-red-500) 10%, transparent)}.get-difficulty-styles-border-7{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}.get-difficulty-styles-color-8{color:var(--color-slate-600)}.get-difficulty-styles-bg-8{background-color:color-mix(in oklab, var(--color-slate-500) 10%, transparent)}.get-difficulty-styles-border-8{border-color:color-mix(in oklab, var(--color-slate-500) 30%, transparent)}.related-problems-eyebrow{padding-inline:.5rem;padding-block:var(--spacing);letter-spacing:.05em;text-transform:uppercase;border-style:solid;border-width:1px;border-radius:.25rem;font-size:10px;font-weight:900}}