.header-banner-box{display:flex;align-items:center;height:17.625rem}@media(min-width: 996px){.header-banner-box{align-items:flex-start}}@media(max-width: 576px){.header-banner-box{height:9.375rem}}.pathways-sidebar{width:21.3125rem;flex-shrink:0}.category-sidebar{position:sticky;top:var(--head-height);max-width:21.3125rem}.category-sidebar.is-fixed{position:fixed;top:var(--head-height)}.category-sidebar.is-absolute{position:absolute;bottom:0}.category-main .card+.card{margin-top:1.0625rem}.category-sidebar-list{max-height:calc(100vh - var(--head-height) - 1.25rem);overflow-y:auto;overscroll-behavior:contain}.category-sidebar-list::-webkit-scrollbar{width:6px}.category-sidebar-list::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(137,114,172,.4)}.category-sidebar-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,.1);border-radius:5px;background-color:rgba(233,226,243,.4)}.category-sidebar-list li{padding-top:.625rem;padding-bottom:.625rem;padding-left:.625rem;border-radius:.5rem}.category-sidebar-list li.is-active{color:#6a4b92}.category-sidebar-list li.is-active .sidebar-pathway-name{font-weight:500}@media(min-width: 996px){.category-sidebar-list li.is-active{background-color:#f5f1ff}}.category-name-box{position:relative;flex-grow:1;overflow:hidden;border-radius:.75rem;align-items:center}.category-name-box:not(.hasPic){display:none}@media(min-width: 996px){.category-name-box:not(.hasPic){display:flex}}.category-name-box::before{content:"";position:absolute;top:0;left:1rem;width:calc(100% - 2.4375rem);height:100%;transform:skewX(-30deg);background-color:#289da4;border-radius:.375rem}.category-name-box.hasPic::before{width:100%;transform:none}.category-name-box::after{content:"";position:absolute;top:0;left:0;border-radius:.375rem;width:3.0625rem;height:100%;background-color:#289da4}.category-photo-wrapper{position:relative;padding-left:.75rem;padding-right:.75rem;width:100%}@media(min-width: 996px){.category-photo-wrapper{left:-0.75rem;max-width:16.4375rem;padding-left:1.5625rem}}.category-photo-wrapper .icon-view-photo{position:relative;top:-0.375rem;left:.125rem}.category-photo-wrapper::before{content:"";position:absolute;right:0;top:0;width:100%;height:100%;flex-shrink:0;background-color:rgba(232,130,37,.2);border-radius:.375rem}@media(min-width: 996px){.category-photo-wrapper::before{transform:skewX(-30deg)}}@media(min-width: 996px){.category-photo-wrapper::after{content:"";position:absolute;top:0;right:-0.75rem;border-radius:.375rem;width:3.0625rem;height:100%;background-color:#fae6d3}}.category-name-rectangle{flex-grow:1;background-color:rgba(169,136,214,.2);transform:skewX(-30deg);border:1px solid rgba(164,130,216,.2);border-radius:.1875rem}.thumbnail-box{width:2rem;height:2rem;border-radius:.25rem;border:1px solid #ffd953}.second-child-category-list{margin-left:-0.375rem;margin-right:-0.375rem}.second-child-category-list li{padding-left:.375rem;padding-right:.375rem;display:flex}.second-child-category-list li a{flex:1;position:relative}.second-child-category-list li a::before,.second-child-category-list li a::after{content:"";position:absolute;bottom:0;right:0}.second-child-category-list li a::before{width:2rem;height:2rem;background:url("/images/web/rp-category-linker-bg-white.svg") no-repeat}.second-child-category-list li a::after{width:1.5rem;height:1.5rem}.product-link-pointer{position:absolute;bottom:0;right:0}.clip-pic-box{position:absolute;right:2.375rem;top:.625rem;display:flex;width:2rem;height:2rem;border-radius:.25rem;border:2px solid #ffd953}.clip-pic-box .icon-search{bottom:-0.125rem;right:-0.125rem;padding:.1875rem .125rem .125rem .1875rem;transform:scale(0.8)}.pathway-overview-cont{display:none}.btn-pathway-overview.is-show .icon-download-arrow{transform:rotate(180deg)}.btn-pathway-overview.is-show+.pathway-overview-cont{display:block}.pathway-sidebar{position:fixed;top:0;width:16.25rem;height:100vh;margin-left:-16.25rem;transition:margin-left .3s ease-in-out,width .3s ease-in-out;z-index:1250}.pathway-sidebar.pathway-sidebar-open{margin-left:0}.pathway-aside-backdrop{z-index:1249}.btn-nav-tree{width:2.5rem;height:2.5rem;padding:.625rem;border-radius:50%;background-color:rgba(106,90,177,.2)}.btn-pathway-sidebar-open{position:fixed;bottom:1.5rem;left:0;width:3.75rem;height:3.25rem;border-top-right-radius:3rem;border-bottom-right-radius:3rem;z-index:1045}