.introduction_components{align-items:flex-start;height:100%;margin-top:10px;margin-bottom:20px;display:flex}.introduction_components .menu{width:260px;top:calc(var(--sticky-top) + 10px);flex-shrink:0;position:sticky}.introduction_components .menu .scroll_box_view{max-height:calc(var(--vh) - var(--sticky-top) - 10px - var(--sticky-bottom))}.introduction_components .menu{-webkit-mask-image:linear-gradient(0deg,#0000,#fff 10px calc(100% - 10px),#0000);mask-image:linear-gradient(0deg,#0000,#fff 10px calc(100% - 10px),#0000)}.introduction_components .menu .scroll_box_content{padding-top:10px;padding-bottom:16px}.introduction_components .menu{box-sizing:border-box;margin-right:20px}.introduction_components .menu_item a{border-radius:var(--border-radius);color:var(--text-color);flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:10px 20px;transition:all .2s;display:flex}.introduction_components .menu_item a .title{white-space:nowrap}.introduction_components .menu_item a .subtitle{opacity:.5;text-align:right;white-space:nowrap;margin-left:auto;font-size:14px}.pc_browser .introduction_components .menu_item a:hover{background-color:var(--main-color-alpha)}.introduction_components .menu_item a.router-link-exact-active{background-color:var(--main-color-deep);color:#fff}.pc_browser .introduction_components .menu_item a.router-link-exact-active:hover{background-color:var(--main-color-deep)}.introduction_components .menu_item a.router-link-exact-active .subtitle{opacity:1}.introduction_components .menu_item h3{color:var(--text-sub-color);margin-top:24px;padding:10px 20px;font-size:14px}.introduction_components .menu_item:first-child h3{margin-top:0}.introduction_components .main{width:calc(100% - 280px);min-height:calc(var(--vh) - 80px);box-sizing:border-box;padding:20px var(--padding-width);border-radius:var(--border-radius)}.introduction_components .component_page_title{margin-top:8px;margin-bottom:28px}.introduction_components .component_page_title .page_title_parent_link_box{height:auto;margin:0 0 8px;padding:0}.introduction_components .component_page_title .page_title_content_box{min-width:0;max-width:100%;margin-right:0}.introduction_components .component_page_title h1{overflow-wrap:anywhere}.introduction_components .c_descr{margin-top:16px;margin-bottom:12px;line-height:2}@media (width<=900px){.introduction_components .menu{display:none}.introduction_components .main{width:100%;min-width:0}}
