.UiUxLessonComponents_block__9MgiJ{min-width:0;color:#111;font-family:var(--font-jp),sans-serif;text-wrap:pretty;word-break:auto-phrase}.UiUxLessonComponents_block__9MgiJ>:first-child{margin-block:32px}.UiUxLessonComponents_block__9MgiJ:not(.UiUxLessonComponents_demo__ZjzF2) .font-mono{font-family:var(--font-jp),sans-serif;letter-spacing:0;text-transform:none}.UiUxLessonComponents_block__9MgiJ:not(.UiUxLessonComponents_demo__ZjzF2) h2,.UiUxLessonComponents_block__9MgiJ:not(.UiUxLessonComponents_demo__ZjzF2) h3{font-family:var(--font-jp),sans-serif!important;font-weight:500!important;letter-spacing:-.02em}.UiUxLessonComponents_block__9MgiJ:not(.UiUxLessonComponents_demo__ZjzF2) a:focus-visible,.UiUxLessonComponents_block__9MgiJ:not(.UiUxLessonComponents_demo__ZjzF2) button:focus-visible{outline:2px solid #0068e8;outline-offset:4px}.UiUxLessonComponents_block__9MgiJ .learn-block-label{font-family:var(--font-jp),sans-serif;color:#666;font-size:var(--text-meta);letter-spacing:0;text-transform:none}.UiUxLessonComponents_outcomes__IzEPa>div{margin-block:0 32px}.UiUxLessonComponents_outcomes__IzEPa section{border:0;padding:24px 0;border-bottom:1px solid #e7e7e7}.UiUxLessonComponents_outcomes__IzEPa h2{font-size:var(--text-meta);color:#666}.UiUxLessonComponents_outcomes__IzEPa section>p{margin-top:8px}.UiUxLessonComponents_outcomes__IzEPa ul{margin-top:20px}.UiUxLessonComponents_outcomes__IzEPa li{border-top:1px solid #e7e7e7;padding-top:12px}.UiUxLessonComponents_outcomes__IzEPa li>svg{display:none}.UiUxLessonComponents_outcomes__IzEPa li>span{min-width:0;overflow-wrap:anywhere;font-size:var(--text-body);line-height:1.8}.UiUxLessonComponents_compare__BVo2D>figure>div{border:0;border-radius:0;background:transparent;gap:12px;overflow:visible}.UiUxLessonComponents_compare__BVo2D>figure>div>div{padding:20px;border:0;border-radius:12px;background:#f7f7f7}.UiUxLessonComponents_compare__BVo2D>figure>div>div+div{padding-left:20px}.UiUxLessonComponents_compare__BVo2D>figure>div>div>span{font-size:var(--text-meta);color:#111}.UiUxLessonComponents_compare__BVo2D>figure>div>div>div{font-size:var(--text-body);line-height:1.85}.UiUxLessonComponents_resource__CjwVu>a,.UiUxLessonComponents_resource__CjwVu>div{border:1px solid #ebebeb;border-radius:12px;background:#fff;padding:0 20px;box-shadow:none}.UiUxLessonComponents_resource__CjwVu>:first-child>div:first-child{padding:14px 0;border-color:#e7e7e7}.UiUxLessonComponents_resource__CjwVu>:first-child>div:nth-child(2){padding:20px 0}.UiUxLessonComponents_resource__CjwVu .font-mono{font-size:var(--text-meta);color:#666}.UiUxLessonComponents_resource__CjwVu>a:hover{background:#fafafa}.UiUxLessonComponents_prompt__e1tVT .academy-prompt{margin:32px 0;border:0;border-radius:12px;background:#f7f7f7;box-shadow:none;padding:20px}.UiUxLessonComponents_prompt__e1tVT .academy-prompt-label{padding:0 0 16px;border:0;font-size:var(--text-meta);color:#555}.UiUxLessonComponents_prompt__e1tVT .academy-prompt>div:nth-child(2){margin:0;border:0;border-radius:0;overflow:visible}.UiUxLessonComponents_prompt__e1tVT .academy-prompt>div:nth-child(2)>div{position:static;display:flex;justify-content:flex-end;min-height:44px;padding:0;border:0;background:transparent;border-radius:0}.UiUxLessonComponents_prompt__e1tVT .academy-prompt>div:nth-child(2)>div button{height:auto;min-height:44px;border-radius:8px;color:#0068e8;background:#fff;padding-inline:14px}.UiUxLessonComponents_prompt__e1tVT .academy-prompt pre{padding:16px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-jp),sans-serif;font-size:var(--text-small);font-weight:400;line-height:1.85}.UiUxLessonComponents_prompt__e1tVT .academy-prompt code{font-family:inherit!important;font-weight:400}.UiUxLessonComponents_quiz__JPOvV>div{border:1px solid #ebebeb;border-radius:16px;background:#fff;padding:24px}.UiUxLessonComponents_quiz__JPOvV h3{font-size:20px}.UiUxLessonComponents_quiz__JPOvV>div>div:nth-child(2)>div>p{font-size:var(--text-body);line-height:1.85}.UiUxLessonComponents_quiz__JPOvV button{border-radius:8px;transform:none;min-height:48px;transition:background-color .16s ease,border-color .16s ease}.UiUxLessonComponents_quiz__JPOvV>div>div:nth-child(2) button{padding:14px 16px;border:1px solid transparent;background:#f7f7f7;font-size:var(--text-small);line-height:1.8}.UiUxLessonComponents_quiz__JPOvV>div>div:nth-child(2) button>span:first-child{border-radius:50%;margin-inline:0 8px}.UiUxLessonComponents_quiz__JPOvV>div>div:nth-child(2) button.border-foreground{border-color:#0068e8;background:#eef5ff}.UiUxLessonComponents_quiz__JPOvV>div>div:nth-child(2)>div>div:last-child>div{border-radius:8px}.UiUxLessonComponents_quiz__JPOvV>div>div:nth-child(3)>button:first-child{border-radius:999px;padding-inline:24px}.UiUxLessonComponents_quiz__JPOvV>div>div:nth-child(3)>button:first-child:enabled{background:#0068e8;color:#fff}.UiUxLessonComponents_capstone__WncUE>section{border:0;border-radius:16px;background:#f7f7f7;padding:24px}.UiUxLessonComponents_capstone__WncUE h3{font-size:20px}.UiUxLessonComponents_capstone__WncUE>section>div>div:first-child{color:#666;font-size:var(--text-meta);font-weight:400}.UiUxLessonComponents_capstone__WncUE>section>div>p{max-width:none;color:#333;font-size:var(--text-body);line-height:1.85}.UiUxLessonComponents_capstone__WncUE>section>div>div:last-child{border:0;border-radius:0;box-shadow:none;background:transparent;padding:20px 0 0;border-top:1px solid #e0e0e0}.UiUxLessonComponents_capstone__WncUE li{font-size:var(--text-body);line-height:1.8}.UiUxLessonComponents_concept__r9S_L>figure{background:#fff;border:0;border-radius:0;border-top:1px solid #111;border-bottom:1px solid #e7e7e7}.UiUxLessonComponents_concept__r9S_L>figure>div:first-child{padding:14px 0;border-color:#e7e7e7}.UiUxLessonComponents_concept__r9S_L>figure>div:nth-child(2){padding:24px 0}.UiUxLessonComponents_concept__r9S_L>figure h2{font-size:22px;line-height:1.6}.UiUxLessonComponents_concept__r9S_L>figure>div:nth-child(2)>div:last-child{gap:24px}.UiUxLessonComponents_concept__r9S_L>figure>div:nth-child(2)>div:last-child>div{padding:20px 0 0;background:#fff;border-radius:0;box-shadow:none;border-top:1px solid #e7e7e7}.UiUxLessonComponents_concept__r9S_L>figure>div:nth-child(2)>div:last-child>div>p:first-child{color:#666;font-size:var(--text-meta)}.UiUxLessonComponents_concept__r9S_L>figure>div:nth-child(2)>div:last-child>div>p:last-child{font-size:var(--text-body);line-height:1.8}.UiUxLessonComponents_concept__r9S_L [aria-label="図解の要素"]>li{border-radius:0;box-shadow:none;border-color:#d7d7d7}.UiUxLessonComponents_concept__r9S_L [data-diagram-kind=cycle] [aria-label="図解の要素"]>li,.UiUxLessonComponents_concept__r9S_L [data-diagram-kind=sequence] [aria-label="図解の要素"]>li{background:#fff;border-width:1px 0 0}.UiUxLessonComponents_demo__ZjzF2>figure{border-radius:0;border:0;background:#fff;border-top:1px solid #111;border-bottom:1px solid #e7e7e7}.UiUxLessonComponents_demo__ZjzF2>figure>figcaption{padding:20px 0 0;font-size:20px;font-weight:500}.UiUxLessonComponents_demo__ZjzF2>figure>p{padding:12px 0 20px;font-size:var(--text-body);line-height:1.8}.UiUxLessonComponents_feedback__QWaEt>div{padding:20px;border:0;border-radius:12px;background:#f7f7f7}.UiUxLessonComponents_feedback__QWaEt p{font-family:var(--font-jp),sans-serif;font-weight:400}.UiUxLessonComponents_feedback__QWaEt button{min-width:48px;min-height:48px;border-radius:8px;border:1px solid #e4e4e4;color:#0068e8;background:#fff}.UiUxLessonComponents_progressPrompt__TOoNI>div{padding:20px;border:0;border-radius:12px;background:#f7f7f7}.UiUxLessonComponents_progressPrompt__TOoNI a,.UiUxLessonComponents_progressPrompt__TOoNI button{min-height:48px;border-radius:999px}.UiUxLessonComponents_progressPrompt__TOoNI a{background:#0068e8;color:#fff}.UiUxLessonComponents_completion__4ZtoK>div:first-child{max-width:none;padding:24px;border:1px solid #e8e8e8;border-radius:16px;background:#fff}.UiUxLessonComponents_completion__4ZtoK>div:first-child>div:first-child{flex-wrap:wrap}.UiUxLessonComponents_completion__4ZtoK a,.UiUxLessonComponents_completion__4ZtoK button{border-radius:999px;min-height:48px}.UiUxLessonComponents_completion__4ZtoK input{border-radius:8px;min-height:48px;background:#f7f7f7;border-color:transparent;padding:12px 16px}.UiUxLessonComponents_completion__4ZtoK>div:nth-child(2)>div{border-radius:16px;background:#fff;box-shadow:none;border:1px solid #e8e8e8}.UiUxLessonComponents_terms__U8Ww5>aside{max-width:none;padding:20px 0;border-top-color:#111}.UiUxLessonComponents_terms__U8Ww5 h2{font-size:20px}.UiUxLessonComponents_terms__U8Ww5 ul{display:block}.UiUxLessonComponents_terms__U8Ww5 li+li{margin-top:0}.UiUxLessonComponents_terms__U8Ww5 a{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4px 16px;width:100%;min-height:52px;padding:12px 0;border:0;border-radius:0;border-bottom:1px solid #e7e7e7}.UiUxLessonComponents_terms__U8Ww5 a>span{min-width:0;max-width:100%;margin-left:0;overflow-wrap:anywhere}.UiUxLessonComponents_terms__U8Ww5 a>span:last-child{overflow:visible;white-space:normal;text-overflow:clip;text-align:right}@media (max-width:639px){.UiUxLessonComponents_compare__BVo2D>figure>div>div,.UiUxLessonComponents_compare__BVo2D>figure>div>div+div{padding:20px}.UiUxLessonComponents_concept__r9S_L>figure>div:first-child{flex-wrap:wrap;gap:6px 16px}}@media (prefers-reduced-motion:reduce){.UiUxLessonComponents_quiz__JPOvV button{transition:none}}.UiUxFigureFrame_figure__LjQ8y{--vx-ink:#111;--vx-muted:#606773;--vx-blue:#0068e8;--vx-line:#d4dbe4;--vx-soft:#f5f7fa;margin:36px 0;color:var(--vx-ink);font-family:var(--font-jp),sans-serif;text-wrap:pretty;word-break:auto-phrase;min-width:0}.UiUxFigureFrame_figure__LjQ8y *,.UiUxFigureFrame_figure__LjQ8y :after,.UiUxFigureFrame_figure__LjQ8y :before{box-sizing:border-box}.UiUxFigureFrame_heading___5Sir{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:20px}.UiUxFigureFrame_figure__LjQ8y .UiUxFigureFrame_heading___5Sir p{margin:0;font-size:22px;font-weight:500;line-height:1.5;letter-spacing:-.02em}.UiUxFigureFrame_heading___5Sir span{flex-shrink:0;font-size:13px;color:var(--vx-muted)}.UiUxFigureFrame_content__CSmH0{min-width:0;font-size:14px;line-height:1.75}.UiUxFigureFrame_figure__LjQ8y figcaption{margin-top:18px;color:var(--vx-muted);font-size:14px;line-height:1.8}.UiUxFigureFrame_content__CSmH0 button,.UiUxFigureFrame_content__CSmH0 input,.UiUxFigureFrame_content__CSmH0 select{font:inherit}.UiUxFigureFrame_content__CSmH0 button{cursor:pointer}.UiUxFigureFrame_content__CSmH0 a:focus-visible,.UiUxFigureFrame_content__CSmH0 button:focus-visible,.UiUxFigureFrame_content__CSmH0 input:focus-visible,.UiUxFigureFrame_content__CSmH0 select:focus-visible{outline:2px solid var(--vx-blue);outline-offset:4px}.UiUxFigureFrame_content__CSmH0 p{margin:0}.UiUxFigureFrame_content__CSmH0 svg{max-width:100%}@media (max-width:650px){.UiUxFigureFrame_heading___5Sir{flex-direction:column;gap:6px}.UiUxFigureFrame_figure__LjQ8y .UiUxFigureFrame_heading___5Sir p{font-size:20px}}@media (prefers-reduced-motion:reduce){.UiUxFigureFrame_figure__LjQ8y *{animation:none!important;transition:none!important;scroll-behavior:auto}}