.title5[data-v-ddef877f]{--un-text-opacity:1;color:rgb(255 255 255 / var(--un-text-opacity));background:linear-gradient(270deg,var(--gd-end-color) 0,var(--gd-start-color) 100%)}.title5[data-v-ddef877f]:hover{background:linear-gradient(270deg,var(--gd-start-color) 0,var(--gd-end-color) 100%)}.category-nav[data-v-ddef877f]{border:.0625rem solid var(--text-d-gray3);border-radius:0 0 .5rem .5rem;width:20rem;max-height:70vh;overflow-y:auto}.category-nav .category-list .category-item[data-v-ddef877f]{cursor:pointer;font-size:var(--font-size-md);font-weight:700;line-height:1.75rem;position:relative}.category-nav .category-list .category-item i[data-v-ddef877f]{color:#00101f;display:inline-block;font-size:.75rem;line-height:1;padding:.375rem;position:relative;transition:transform .2s ease-in-out}.category-nav .category-list .category-item i[data-v-ddef877f]:after{bottom:100%;content:" ";display:inline-block;height:.625rem;left:0;position:absolute;width:100%}.category-nav .category-list .category-item .category-name[data-v-ddef877f]{color:#00101f}.category-nav .category-list .category-item .category-name.selected[data-v-ddef877f],.category-nav .category-list .category-item .category-name[data-v-ddef877f]:hover{color:var(--common-text-gray1)}.category-nav .category-list .category-item .category-name.selected+i[data-v-ddef877f],.category-nav .category-list .category-item .category-name:hover+i[data-v-ddef877f]{color:var(--common-text-gray1)}.category-nav .category-list .category-item .subcategory-list[data-v-ddef877f]{font-weight:400;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transition:all .3s ease-in-out}.category-nav .category-list .category-item .subcategory-list .subcategory-item[data-v-ddef877f]{position:relative;overflow:hidden;padding-top:.5rem;padding-bottom:.5rem;color:#00101f;cursor:pointer;line-height:var(--font-h);white-space:nowrap}.category-nav .category-list .category-item .subcategory-list .subcategory-item .sub-item-link[data-v-ddef877f]{display:block;height:100%;width:100%}.category-nav .category-list .category-item .subcategory-list .subcategory-item:hover .sub-item-link[data-v-ddef877f]{color:var(--common-text-gray1)}.category-nav .category-list .category-item .subcategory-list .subcategory-item[data-v-ddef877f]:before{background:linear-gradient(270deg,rgba(239,245,255,0) 0,var(--primary-bg-color) 100%);content:"";height:100%;left:0;position:absolute;top:0;transform:translate(-100%);transition:transform .3s ease-in-out;width:100%;z-index:0}.category-nav .category-list .category-item .subcategory-list .subcategory-item.selected[data-v-ddef877f]{border-radius:.5rem;overflow:hidden;position:relative}.category-nav .category-list .category-item .subcategory-list .subcategory-item.selected[data-v-ddef877f]:before{transform:translate(0)}.category-nav .category-list .category-item .subcategory-list .subcategory-item.selected .sub-item-link[data-v-ddef877f]{color:var(--common-text-gray1);position:relative;z-index:1}.category-nav .category-list .category-item:hover .subcategory-list[data-v-ddef877f]{max-height:31.25rem;opacity:1;pointer-events:auto}.category-nav .category-list .category-item:hover i[data-v-ddef877f]{transform:rotate(180deg)}.category-nav .category-list .category-item.selected .category-label[data-v-ddef877f]{background:linear-gradient(270deg,rgba(239,245,255,0) 0,var(--primary-bg-color) 100%)}.category-nav .category-list .category-item.selected .subcategory-list[data-v-ddef877f]{max-height:31.25rem;opacity:1;pointer-events:auto}.category-nav .category-list .category-item.selected i[data-v-ddef877f]{transform:rotate(180deg)}.category-nav .category-list .category-item.open .subcategory-list[data-v-ddef877f]{max-height:31.25rem;opacity:1;pointer-events:auto}.category-nav .category-list .category-item.open i[data-v-ddef877f]{transform:rotate(180deg)}.category-nav[data-v-ddef877f]::-webkit-scrollbar{width:.5rem}.category-nav[data-v-ddef877f]::-webkit-scrollbar-thumb{background:#00101f1a}.category-nav[data-v-ddef877f]::-webkit-scrollbar-track{border-radius:.625rem}@media (max-width:64rem){.category-nav[data-v-ddef877f]{width:100%}}@media (max-width:40rem){.category-nav[data-v-ddef877f]::-webkit-scrollbar{width:.25rem}}