@property --pea-topic-sweep{syntax:"<percentage>";inherits:false;initial-value:0%}.welcome-art.has-progress{height:auto;margin-bottom:28px}.topic-hero-stage{position:relative}.topic-hero-mascot-button{z-index:3;aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:50%;width:62%;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.topic-hero-mascot-button:focus-visible{outline-offset:2px;outline:3px solid #3085c7}.topic-hero-progress{aspect-ratio:1;place-items:center;width:min(252px,78vw,100vw - 180px);display:grid;position:relative}.topic-hero-progress-ring{clip-path:polygon(0 0,100% 0,100% 100%,50% 50%,0 100%);background:#edf1f5;border-radius:50%;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));mask-image:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px))}.topic-hero-progress-fill{border-radius:inherit;background:var(--hero-fill);--pea-topic-sweep:var(--hero-progress);-webkit-mask-image:conic-gradient(from 225deg,#000 0% var(--pea-topic-sweep),transparent var(--pea-topic-sweep) 100%);mask-image:conic-gradient(from 225deg,#000 0% var(--pea-topic-sweep),transparent var(--pea-topic-sweep) 100%);animation:1.1s cubic-bezier(.2,.7,.3,1) both pea-topic-ring-fill;position:absolute;inset:0}.topic-hero-progress-icon{aspect-ratio:1;width:78%;display:block;position:relative}.topic-hero-progress-icon .topic-hero{object-fit:contain;width:100%;height:100%}@keyframes pea-topic-ring-fill{0%{--pea-topic-sweep:0%}to{--pea-topic-sweep:var(--hero-progress)}}@media (prefers-reduced-motion:reduce){.topic-hero-progress-fill{animation:none}}.topic-hero-rank-target{justify-items:center;gap:2px;display:grid;position:absolute;top:calc(85.355% - 3.5px);left:calc(85.355% - 3.5px);transform:translate(-50%,-50%)}.topic-hero-rank-target .topic-badge{display:block}.topic-hero-rank-target .rank-stars{justify-content:center;gap:2px}.topic-hero-rank-target .rank-star{width:10px;height:10px}.topic-hero-rank-target .rank-meteor{width:14px;height:10px}.topic-hero-progress-summary{justify-items:center;gap:7px;margin-top:4px;display:grid}.hero-rank-star-meter{justify-items:center;gap:3px;display:grid}.hero-rank-star-top,.hero-rank-star-bottom{justify-content:center;align-items:center;gap:9px;display:flex}.hero-rank-star-top{gap:16px}.hero-progress-star{width:23px;height:23px;display:block;position:relative}.hero-progress-star-filled{background:var(--hero-fill);-webkit-mask:var(--hero-star-mask) center / contain no-repeat;mask:var(--hero-star-mask) center / contain no-repeat;animation:.3s both hero-star-appear;position:absolute;inset:0}.hero-progress-score{color:inherit;font-variant-numeric:tabular-nums;font-size:13px;font-weight:650}@keyframes hero-star-appear{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hero-progress-star-filled{animation:none}}.hero-current-rank{font-size:24px;font-weight:800;line-height:1.25}.syllabus-card{grid-template-columns:58px minmax(0,1fr) 104px}.syllabus-card>.is-compact{grid-area:1/3/span 2;justify-self:end;width:104px;margin:0}.is-compact .topic-hero-progress{width:88px;margin:0 auto}.is-compact .topic-hero-progress-ring{-webkit-mask-image:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask-image:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.is-compact .topic-hero-rank-target strong{font-size:9px}.is-compact .topic-hero-rank-target .rank-stars{gap:0}.is-compact .topic-hero-rank-target .rank-star{width:5px;height:5px}.is-compact .topic-hero-rank-target .rank-meteor{width:7px;height:5px}.is-compact .topic-hero-progress-summary{gap:3px;margin-top:0}.is-compact .hero-current-rank{font-size:14px}.is-compact .hero-progress-score{font-size:10px}.is-compact .hero-progress-star{width:10px;height:10px}.is-compact .hero-rank-star-bottom{gap:3px}.is-compact .hero-rank-star-top{gap:5px}.syllabus-card:disabled>.is-compact{opacity:.5}@media (max-width:380px){.syllabus-card{grid-template-columns:42px minmax(0,1fr) 88px;column-gap:9px;padding:12px}.syllabus-card-icon{width:42px;height:48px;font-size:23px}.syllabus-card>.is-compact{width:88px}.is-compact .topic-hero-progress{width:76px}}.hero-rank-star-meter{--hero-star-mask:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27white%27%20d%3D%27M12%202.5%2014.9%208.4%2021.4%209.4%2016.7%2014%2017.8%2020.5%2012%2017.4%206.2%2020.5%207.3%2014%202.6%209.4%209.1%208.4Z%27%2F%3E%3C%2Fsvg%3E)}