html,body{margin:0;padding:0}body{font-family:var(--font-app-sans),"Noto Sans JP","Hiragino Sans",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}[data-mantine-color-scheme=light]{--mantine-color-dimmed:var(--mantine-color-gray-7)}[data-mantine-color-scheme=dark]{--mantine-color-dimmed:var(--mantine-color-dark-1)}.syllabus-skill-row{border-radius:var(--mantine-radius-sm);transition:background-color .1s}.syllabus-skill-row:hover{background-color:var(--mantine-color-gray-0)}[data-mantine-color-scheme=dark] .syllabus-skill-row:hover{background-color:var(--mantine-color-dark-6)}.syllabus-roadmap-path{flex-direction:column;align-items:center;gap:8px;display:flex;position:relative}.syllabus-roadmap-spine{border-left:4px dotted var(--mantine-color-default-border);pointer-events:none;z-index:0;width:0;position:absolute;top:28px;bottom:36px;left:50%;transform:translate(-50%)}.syllabus-roadmap-row{z-index:1;width:100%;position:relative}.syllabus-roadmap-skill-header{justify-content:center;width:100%;padding-bottom:8px}.syllabus-roadmap-topic-header{justify-content:center;width:100%;padding-top:4px;padding-bottom:10px}.syllabus-roadmap-row+.syllabus-roadmap-row .syllabus-roadmap-topic-header{padding-top:18px}.syllabus-roadmap-skill-rule{background:var(--mantine-color-default-border);flex:1;max-width:72px;height:2px}.syllabus-roadmap-skill-label{max-width:min(100%,28rem);color:var(--mantine-color-text);flex:0 auto}.syllabus-roadmap-nodes{padding-bottom:12px}.syllabus-roadmap-nodes.is-shift{transform:translate(32px)}@media (max-width:36em){.syllabus-roadmap-nodes.is-shift{transform:none}}.syllabus-roadmap-node-wrap{flex-direction:column;align-items:center;width:168px;display:flex;position:relative}.syllabus-roadmap-node{border-radius:var(--mantine-radius-md);border:1px solid var(--mantine-color-default-border);background:var(--mantine-color-default);width:168px;height:80px;color:var(--mantine-color-text);text-align:center;justify-content:center;align-items:center;padding:10px 12px 18px;transition:background-color .12s,transform .12s;display:flex;position:relative;overflow:hidden}.syllabus-roadmap-node-status{border-radius:50%;width:8px;height:8px;position:absolute;top:8px;left:8px}.syllabus-roadmap-node-status.is-published{background:var(--mantine-color-green-6)}.syllabus-roadmap-node-status.is-draft{background:var(--mantine-color-gray-5)}.syllabus-roadmap-node-langs{gap:3px;display:flex;position:absolute;top:4px;left:20px}.syllabus-roadmap-node-kinds{gap:3px;display:flex;position:absolute;bottom:4px;left:8px}.syllabus-roadmap-node-metrics{gap:3px;display:flex;position:absolute;bottom:4px;right:8px}.syllabus-roadmap-node-metric.is-bad{color:var(--mantine-color-red-6);border-color:var(--mantine-color-red-6)}.syllabus-roadmap-node-metric.is-regular{color:var(--mantine-color-yellow-6);border-color:var(--mantine-color-yellow-6)}.syllabus-roadmap-node-metric.is-good{color:var(--mantine-color-green-6);border-color:var(--mantine-color-green-6)}.syllabus-roadmap-node-lang{letter-spacing:.04em;border:1px solid var(--mantine-color-default-border);color:var(--mantine-color-dimmed);background:var(--mantine-color-body);border-radius:3px;padding:2px 4px;font-size:.625rem;font-weight:700;line-height:1}.syllabus-roadmap-node-headline{color:inherit;font-size:.875rem;line-height:1.3}.syllabus-roadmap-node:hover{background:var(--mantine-color-default-hover);transform:scale(1.02)}.syllabus-roadmap-node.is-locked{opacity:.55;cursor:not-allowed}.syllabus-roadmap-node.is-locked:hover{background:var(--mantine-color-default);transform:none}.syllabus-roadmap-node-status.is-completed{background:var(--mantine-color-teal-6)}.syllabus-roadmap-node-status.is-in-progress{background:var(--mantine-color-blue-6)}.syllabus-roadmap-node-status.is-ready{background:var(--mantine-color-gray-5)}.syllabus-roadmap-node-status.is-updated{background:var(--mantine-color-orange-6);left:auto;right:8px}.syllabus-roadmap-node-menu{opacity:0;transition:opacity .1s;position:absolute;top:-6px;right:-2px}.syllabus-roadmap-node-wrap:hover .syllabus-roadmap-node-menu,.syllabus-roadmap-node-wrap:focus-within .syllabus-roadmap-node-menu{opacity:1}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),textarea,select{font-size:16px!important}