._0of_nq_MmrModeSwitch{background-color:var(--ui-surface-low);border-radius:100px;grid-template-columns:1fr 1fr;padding:3px;display:inline-grid;position:relative}._0of_nq_MmrModeSwitch:before{content:"";background-color:var(--ui-action-background);width:calc(50% - 3px);transition:transform var(--transition-ease);border-radius:100px;position:absolute;top:3px;bottom:3px;left:3px}._0of_nq_MmrModeSwitch[data-mode=rank]:before{transform:translate(100%)}._0of_nq_MmrModeSwitch ._0of_nq_Segment{z-index:1;font:var(--font-body-s);text-align:center;white-space:nowrap;color:var(--ui-text-color--secondary);transition:color var(--transition-ease);border-radius:100px;padding:6px 18px;text-decoration:none;position:relative}._0of_nq_MmrModeSwitch ._0of_nq_Segment.-active{color:var(--ui-white-color)}@media (max-width:767px){._0of_nq_MmrModeSwitch ._0of_nq_Segment{padding:6px 12px}}@container (max-width:767px){._0of_nq_MmrModeSwitch ._0of_nq_Segment{padding:6px 12px}}._0of_nq_Hint{flex-direction:column;gap:8px;max-width:280px;display:flex}@media (max-width:767px){._0of_nq_Hint{max-width:240px}}@container (max-width:767px){._0of_nq_Hint{max-width:240px}}._0of_nq_Announce{max-width:260px;padding-right:20px;position:relative}@media (max-width:767px){._0of_nq_Announce{max-width:220px}}@container (max-width:767px){._0of_nq_Announce{max-width:220px}}._0of_nq_Announce ._0of_nq_Close{width:24px;height:24px;color:var(--ui-text-color--secondary);cursor:pointer;transition:color var(--transition-ease);background:0 0;border:none;padding:0;font-size:1.25rem;line-height:1;position:absolute;top:-6px;right:-6px}._0of_nq_Announce ._0of_nq_Close:hover{color:var(--ui-text-color)}