.IconMori>.activeDot{width:10px;height:10px;background-color:var(--purple);position:absolute;border-radius:50px}.IconMori>.mori-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background-color:var(--danger);color:var(--onAccent);font-size:10px;font-weight:700;line-height:18px;text-align:center;pointer-events:none;z-index:1}.IconMori{display:flex;position:relative;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.IconMori>.activeDot.bottomRight{bottom:0;right:0}.IconMori{display:flex;align-items:center}.IconMori.col{flex-direction:column}.IconMori.row>span.IconText{margin-left:5px;font-size:13px}.IconMori.inGroup{margin:0 5px;padding:4px 8px 4px 0;border-radius:8px}.IconMori.Active{background-color:var(--lightGray);padding-left:4px}@media(min-width:640px){.IconMori.ShowTextOnHover>span.IconText{opacity:0;max-width:0;overflow:hidden;transition:all .9s ease;transform:translate(-10px)}.IconMori.ShowTextOnHover:hover>span.IconText{opacity:1;max-width:200px;transform:translate(0)}}