#yupao-navigation .navigation-favorites {list-style:none;letter-spacing:0}
#yupao-navigation .navigation-favorite-row .nav-link {min-height:42px;font-size:15px!important}
#yupao-navigation .navigation-favorite-row .nav-link::after {content:none!important}
#yupao-navigation .navigation-favorite-row {position:relative}
#yupao-navigation .navigation-favorite-sort {
 position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;
 width:28px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;
 color:#a4adb3;font-size:16px;line-height:1;cursor:grab;opacity:0;touch-action:none;
}
#yupao-navigation .navigation-favorite-sort > i {color:inherit!important;pointer-events:none}
#yupao-navigation .navigation-favorite-row:hover > .navigation-favorite-sort,
#yupao-navigation .navigation-favorite-row:focus-within > .navigation-favorite-sort {opacity:1}
#yupao-navigation .navigation-favorite-row:has(> .navigation-favorite-sort):hover > .nav-link > p,
#yupao-navigation .navigation-favorite-row:has(> .navigation-favorite-sort):focus-within > .nav-link > p {mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent calc(100% - 14px))}
#yupao-navigation .navigation-favorite-sort:focus-visible {outline:2px solid #9bcfdf;outline-offset:-2px}
#yupao-navigation .navigation-favorite-sort[aria-disabled="true"] {cursor:wait}
#yupao-navigation .navigation-favorite-chosen > .navigation-favorite-sort {cursor:grabbing;opacity:1}
#yupao-navigation .navigation-favorite-ghost {opacity:.35}
#yupao-navigation .navigation-favorite-target {position:relative}
#yupao-navigation .navigation-favorite-toggle {
 position:absolute;right:3px;top:50%;transform:translateY(-50%);display:grid;place-items:center;
 width:28px;height:28px;padding:0;border:0;border-radius:4px;background:transparent;box-shadow:none;
 color:#a4adb3;font-size:17px;line-height:1;cursor:pointer;opacity:0;pointer-events:none;
}
#yupao-navigation .navigation-favorite-toggle[aria-pressed="true"] {color:#f0ca68!important;opacity:1;pointer-events:auto}
#yupao-navigation .navigation-favorite-toggle > i {color:inherit!important}
#yupao-navigation .navigation-favorite-target:hover > .navigation-favorite-toggle,
#yupao-navigation .navigation-favorite-target:focus-within > .navigation-favorite-toggle {opacity:1;pointer-events:auto}
#yupao-navigation .navigation-favorite-target:hover > .nav-link > p,
#yupao-navigation .navigation-favorite-target:has(> .navigation-favorite-toggle[aria-pressed="true"]) > .nav-link > p,
#yupao-navigation .navigation-favorite-target:focus-within > .nav-link > p {mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent calc(100% - 14px))}
#yupao-navigation .navigation-favorite-toggle:focus-visible {outline:2px solid #9bcfdf;outline-offset:-2px}
#yupao-navigation .navigation-favorite-toggle[aria-disabled="true"] {cursor:wait}
#yupao-navigation.main-sidebar .navigation-favorites-status > .nav-link {font-family:inherit;font-size:13px!important;font-weight:400;text-align:left;color:#aebec8!important}
#yupao-navigation .navigation-favorites-status > span[title] {cursor:help}
#yupao-navigation.main-sidebar .navigation-favorites-status > .navigation-favorites-retry {color:#efb7b7!important;cursor:pointer}
@media(hover:none), (pointer:coarse) {
 #yupao-navigation .navigation-favorite-sort {opacity:1}
 #yupao-navigation .navigation-favorite-row:has(> .navigation-favorite-sort) > .nav-link > p {mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent calc(100% - 14px))}
 #yupao-navigation .navigation-favorite-toggle {opacity:1;pointer-events:auto}
 #yupao-navigation .navigation-favorite-target > .nav-link > p {mask-image:linear-gradient(to right,#000 calc(100% - 26px),transparent calc(100% - 14px))}
}
@media(min-width:992px) {
 .sidebar-mini.sidebar-collapse #yupao-navigation.main-sidebar:not(:hover):not(.sidebar-focused) .navigation-favorite-toggle,
 .sidebar-mini.sidebar-collapse #yupao-navigation.main-sidebar:not(:hover):not(.sidebar-focused) .navigation-favorite-sort {display:none}
}