.event-type-badge{transition:calc(var(--transition-duration)*2)max-width cubic-bezier(.25,.61,.355,1);z-index:4;color:#fff;border-radius:0 10px 0 0;max-width:24px;padding:0 6px 0 5px;font:400 12px/24px Noto Sans,sans-serif;overflow:hidden;transform:translateZ(1px)}.event-type-badge--event{background:#008ec4}.event-type-badge--video{background:#7800ff}.event-type-badge span{transition:calc(var(--transition-duration)*2)opacity cubic-bezier(.25,.61,.355,1);opacity:0;margin:0 0 0 4px}@media (hover:hover){.event-tile:hover .event-type-badge,.event-list-tile:hover .event-type-badge,.video-tile:hover .event-type-badge{max-width:200px}.event-tile:hover .event-type-badge span,.event-list-tile:hover .event-type-badge span,.video-tile:hover .event-type-badge span{opacity:1}}