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