.LessonMenuBar_menuBar__0CSey:active:before{position:absolute;background:#9ca3af;width:calc(100% - 13px);height:4px;left:6px;bottom:-1px;border-radius:6px 6px 0 0;content:"";pointer-events:none;opacity:.4}@media(hover:hover){.LessonMenuBar_menuBar__0CSey:hover:before{position:absolute;background:#9ca3af;width:calc(100% - 13px);height:4px;left:6px;bottom:-1px;border-radius:6px 6px 0 0;content:"";pointer-events:none;opacity:.4}}.LessonMenuBar_menuBar__0CSey.LessonMenuBar_selected__WHTws:before{position:absolute;background:#9ca3af;width:calc(100% - 13px);height:4px;left:6px;bottom:-1px;border-radius:6px 6px 0 0;content:"";pointer-events:none;opacity:1}.Example_jp-font__WvkND{font-family:Yu Gothic}.Example_en-font__oyIGz{font-family:Arial,Noto Sans JP,Noto Sans SC,sans-serif}.ExampleTabSlider_tabHolder__5_Xy1{position:relative;transition:background-color .3s}.ExampleTabSlider_tabHolder__5_Xy1:after,.ExampleTabSlider_tabHolder__5_Xy1:before{position:absolute;bottom:0;content:"";width:20px;height:20px;border-radius:100%;transition:.3s}.ExampleTabSlider_tabHolder__5_Xy1:before{left:-20px;clip-path:inset(50% -10px 0 50%)}.ExampleTabSlider_tabHolder__5_Xy1:after{right:-20px;clip-path:inset(50% 50% 0 -10px)}@media(hover:hover){.ExampleTabSlider_tabHolder__5_Xy1:hover{background-color:#ece8e8;transition:.3s}.ExampleTabSlider_tabHolder__5_Xy1:hover:after,.ExampleTabSlider_tabHolder__5_Xy1:hover:before{box-shadow:0 0 0 40px #ece8e8}}.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_selected__PR2fO{background-color:#fff;color:#757380;font-weight:600;transition:0s!important}.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_selected__PR2fO:after,.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_selected__PR2fO:before{box-shadow:0 0 0 40px #fff;z-index:1;transition:0s!important}@media(hover:hover){.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_dark__10Rlk:hover{background-color:hsla(0,0%,100%,.15)}.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_dark__10Rlk:hover:after,.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_dark__10Rlk:hover:before{box-shadow:0 0 0 40px hsla(0,0%,100%,.15)}}.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_dark__10Rlk.ExampleTabSlider_selected__PR2fO{background-color:hsla(0,0%,100%,.1);color:#e5e7eb}.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_dark__10Rlk.ExampleTabSlider_selected__PR2fO:after,.ExampleTabSlider_tabHolder__5_Xy1.ExampleTabSlider_dark__10Rlk.ExampleTabSlider_selected__PR2fO:before{box-shadow:0 0 0 40px hsla(0,0%,100%,.1)}.ExampleTabSlider_tabHolder__5_Xy1 .ExampleTabSlider_in-tab-icon__ff__f{font-size:19px;color:#bcc0c7;margin:0 2px}.ExampleTabSlider_tabHolder__5_Xy1 .ExampleTabSlider_comment-num__HJl6A{background-color:#bcc0c7;letter-spacing:2px;color:#fff;font-weight:600;display:inline-flex;align-items:center;font-size:.7rem;padding:0 7px 2px 8px;margin-left:8px;margin-bottom:4px;border-radius:13px;text-align:center;white-space:nowrap;vertical-align:baseline;transition:transform .25s cubic-bezier(0,0,.2,1)}.ExampleTabSlider_tabHolder__5_Xy1 .ExampleTabSlider_comment-num__HJl6A.ExampleTabSlider_completed__gm9wJ{background-color:#27b316}