/* Original site navigation rules, scoped to the local dropdown. */
#demo-nav-dropdown .ml-4{margin-left:4px}
#demo-nav-dropdown .ebp-main-ocean-oc-msg-list .ebp-main-ocean-oc-typography{display:inline}
#demo-nav-dropdown .ebp-main-ocean-oc-typography+.ebp-main-ocean-oc-msg-list__item-image,#demo-nav-dropdown .ebp-main-ocean-oc-typography+.ebp-main-ocean-oc-msg-list__item-video{margin-top:8px}
#demo-nav-dropdown .ebp-main-ocean-oc-msg-list__item-a+.ebp-main-ocean-oc-typography{margin-left:4px}
#demo-nav-dropdown .ebp-main-ocean-oc-msg-list__url-icon+.ebp-main-ocean-oc-typography,#demo-nav-dropdown .ebp-main-ocean-oc-typography+.ebp-main-ocean-oc-msg-list__item-a,#demo-nav-dropdown .ebp-main-ocean-oc-msg-list__item-a+.ebp-main-ocean-oc-msg-list__item-a{margin-left:4px}
#demo-nav-dropdown .ebp-main-ocean-oc-typography{word-break:break-all;white-space:normal;text-rendering:auto;font-family:pingfang sc,-apple-system,blinkmacsystemfont,segoe ui,hiragino sans gb,microsoft yahei,helvetica neue,sans-serif,apple color emoji,segoe ui emoji;font-style:normal;font-weight:400;display:-webkit-box}
#demo-nav-dropdown .ebp-main-ocean-oc-typography ol,#demo-nav-dropdown .ebp-main-ocean-oc-typography ul{margin:0;padding:0}
#demo-nav-dropdown .ebp-main-ocean-oc-typography ul li,#demo-nav-dropdown .ebp-main-ocean-oc-typography ol li{margin-left:14px}
#demo-nav-dropdown .ebp-main-ocean-oc-typography ul{list-style:initial}
#demo-nav-dropdown .ebp-main-ocean-oc-typography li+li{margin-top:4px}
#demo-nav-dropdown .ebp-main-ocean-oc-typography .ebp-main-ocean-oc-typography-value-em{color:#0057ff;font-style:normal}
#demo-nav-dropdown .ebp-main-ocean-oc-typography-size-sm{font-size:14px;line-height:22px}
#demo-nav-dropdown .ebp-main-ocean-oc-typography-color-default{color:#31343b}
#demo-nav-dropdown .ebp-main-ocean-oc-typography-color-ai-light .ebp-main-ocean-oc-typography-value-int{color:transparent}
#demo-nav-dropdown .ebp-main-ocean-oc-typography-color-ai .ebp-main-ocean-oc-typography-value-int{color:transparent}
#demo-nav-dropdown .ebp-main-ocean-oc-typography-color-primary.ebp-main-ocean-oc-typography.ebp-main-ocean-oc-typography-disabled{color:#badaff}
#demo-nav-dropdown .ebp-main-ocean-oc-typography-type-number.ebp-main-ocean-oc-typography.ebp-main-ocean-oc-typography-bold,#demo-nav-dropdown .ebp-main-ocean-oc-typography-type-number.ebp-main-ocean-oc-typography.ebp-main-ocean-oc-typography-bold *{font-family:OC-OPPOSans-Bold,pingfang sc,-apple-system,blinkmacsystemfont,segoe ui,hiragino sans gb,microsoft yahei,helvetica neue,sans-serif,apple color emoji,segoe ui emoji}
#demo-nav-dropdown .ebp-main-ocean-oc-typography-color-primary.ebp-main-ocean-oc-typography.ebp-main-ocean-oc-typography-cursor:not(.ebp-main-ocean-oc-typography-disabled):hover,#demo-nav-dropdown .ebp-main-ocean-oc-typography-color-default.ebp-main-ocean-oc-typography.ebp-main-ocean-oc-typography-cursor:not(.ebp-main-ocean-oc-typography-disabled):hover,#demo-nav-dropdown .ebp-main-ocean-oc-typography-color-secondary.ebp-main-ocean-oc-typography.ebp-main-ocean-oc-typography-cursor:not(.ebp-main-ocean-oc-typography-disabled):hover,#demo-nav-dropdown .ebp-main-ocean-oc-typography-color-auxiliary.ebp-main-ocean-oc-typography.ebp-main-ocean-oc-typography-cursor:not(.ebp-main-ocean-oc-typography-disabled):hover{color:#2e7bff}
#demo-nav-dropdown .ebp-main-ocean-oc-typography .ebp-main-ocean-oc-popover{display:inline-flex}
#demo-nav-dropdown .ebp-main-ocean-oc-space{display:inline-flex}
#demo-nav-dropdown .ebp-main-ocean-oc-space-vertical{flex-direction:column;display:flex}
#demo-nav-dropdown .ebp-main-ocean-oc-space-align-start{align-items:flex-start}
#demo-nav-dropdown .ebp-main-ocean-oc-space-wrap{flex-wrap:wrap}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown .ebp-main-ocean-menu-dropdown-header{padding:24px 24px 0}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown .ebp-main-ocean-menu-dropdown-footer .ebp-main-ocean-menu-dropdown-footer-divider{background:#f2f4f7;width:100%;height:1px}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown .ebp-main-ocean-menu-dropdown-footer .ebp-main-ocean-menu-dropdown-footer-content{align-content:space-between;align-items:self-start;padding:12px 24px;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown .ebp-main-ocean-menu-dropdown-footer .ebp-main-ocean-menu-dropdown-footer-left{align-items:self-start;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown .ebp-main-ocean-menu-dropdown-footer .ebp-main-ocean-menu-dropdown-footer-left .ebp-main-ocean-menu-dropdown-footer-left-icon{color:#93969d;align-items:self-start;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown .ebp-main-ocean-menu-dropdown-footer .ebp-main-ocean-menu-dropdown-footer-hint{color:#31343b;flex-wrap:wrap;font-size:12px;line-height:18px}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown .ebp-main-ocean-menu-dropdown-footer .ebp-main-ocean-menu-dropdown-footer-option{color:#0057ff;cursor:pointer;flex:none;margin-left:auto;font-size:14px;line-height:22px;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown .ebp-main-ocean-menu-dropdown-footer .ebp-main-ocean-menu-dropdown-footer-option .ebp-main-ocean-menu-dropdown-footer-option-more{margin-left:16px}
#demo-nav-dropdown .ebp-main-ocean-navigator_dopdown{border-radius:12px!important;max-height:fit-content!important;margin-top:7px!important;padding:0!important;box-shadow:0 6px 18px rgba(0,0,0,.08)!important}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-2{padding:24px;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-2 .ebp-main-ocean-menu-dropdown-content-banner{border-radius:4px;margin-left:24px}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-3{padding:24px}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-3 .ebp-main-ocean-navigator-menu-dropdown-content-3-1-flag{vertical-align:middle;color:#31343b;align-items:self-start;min-width:180px;padding:4px 8px;font-size:14px;line-height:22px;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-3 .ebp-main-ocean-navigator-menu-dropdown-content-3-1-flag:hover{cursor:pointer;background:#f2f4f7;border-radius:4px}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-3 .ebp-main-ocean-menu-dropdown-content-3-item{color:#93969d;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-3 .ebp-main-ocean-menu-dropdown-content-3-icon{margin-right:8px}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-3 .ebp-main-ocean-menu-dropdown-content-3-name{color:#93969d;font-size:14px;font-weight:bolder;line-height:22px}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-3 .ebp-main-ocean-sub-childern-item-icon-flag{align-self:center;margin-left:4px;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-menu-dropdown-content-3 .ebp-main-ocean-menu-dropdown-content-divider{background:#dfe0e2;width:100%;height:1px;margin-top:8px;margin-bottom:12px}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-menu-dropdown-content-banner{border-radius:4px}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item{min-width:180px}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-title{color:#93969d;margin-bottom:4px;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-name{color:#31343b;padding:4px 8px;font-weight:bolder;line-height:22px}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern{margin-left:16px}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern .ebp-main-ocean-navigator-sub-childern-item-flag{color:#31343b;vertical-align:middle;align-items:self-start;min-width:164px;padding:4px 8px;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern .ebp-main-ocean-navigator-sub-childern-item-flag:hover{cursor:pointer;background:#f2f4f7;border-radius:4px}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern-item-is-mark,#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern-item-is-mark icon,#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern-item-is-mark span,#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern-item-is-mark oc-typography,#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern-item-is-mark iconpark-icon{color:#0057ff!important}
#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern-item-new,#demo-nav-dropdown .ebp-main-ocean-navigator_submenu .ebp-main-ocean-navigator-sub-item .ebp-main-ocean-sub-childern-item-icon-flag{align-self:center;margin-left:4px;display:flex}
#demo-nav-dropdown .ebp-main-ocean-navigator-sub-childern-item-flag firefly-new-badge{display:inline-flex;align-self:center!important;margin-left:4px!important}