.introduction_components{display:flex;height:100%;align-items:flex-start;margin-top:10px;margin-bottom:20px}.introduction_components .menu{width:260px;flex-shrink:0;position:sticky;top:calc(var(--sticky-top) + 10px)}.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,transparent,#fff 10px,#fff calc(100% - 10px),transparent);mask-image:linear-gradient(0deg,transparent,#fff 10px,#fff calc(100% - 10px),transparent)}.introduction_components .menu .scroll_box_content{padding-top:10px;padding-bottom:16px}.introduction_components .menu{margin-right:20px;box-sizing:border-box}.introduction_components .menu_item a{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;padding:10px 20px;border-radius:var(--border-radius);transition:.2s;color:var(--text-color)}.introduction_components .menu_item a .title{white-space:nowrap}.introduction_components .menu_item a .subtitle{opacity:.5;font-size:14px;margin-left:auto;text-align:right;white-space:nowrap}.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{margin-top:24px;font-size:14px;padding:10px 20px;color:var(--text-sub-color)}.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;padding:0;margin:0 0 8px}.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{line-height:2;margin-top:16px;margin-bottom:12px}@media(max-width:900px){.introduction_components .menu{display:none}.introduction_components .main{width:100%;min-width:0}}